{"version":3,"sources":["../src/blueprint.css"],"names":[],"mappings":"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwLE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwLE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwLE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwLE;AACF;;GAEG;AACH;;GAEG;AACH;;GAEG;AACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwLE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwLE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwLE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwLE;AACF;;GAEG;AACH;;GAEG;AACH;;GAEG;AACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwLE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwLE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwLE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwLE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwLE;AACF;;GAEG;AACH;;GAEG;AACH;;GAEG;AACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwLE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwLE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwLE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwLE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwLE;AACF;;;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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwLE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwLE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwLE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwLE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwLE;AACF;;;;;;;;EAQE;AACF;;;;;EAKE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwLE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwLE;AACF;;GAEG;AACH;;GAEG;AACH;;GAEG;AACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwLE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwLE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwLE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwLE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwLE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwLE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwLE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwLE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwLE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwLE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwLE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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B;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;EACE,aAAa,EAAE;;AAEjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwLE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwLE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwLE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwLE;AACF;;GAEG;AACH;;GAEG;AACH;;GAEG;AACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwLE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwLE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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","file":"blueprint.css","sourcesContent":["@charset \"UTF-8\";\n/**\n * Copyright 2015 Palantir Technologies, Inc. All rights reserved.\n * Licensed under the BSD-3 License as modified (the “License”); you may obtain a copy\n * of the license at https://github.com/palantir/blueprint/blob/master/LICENSE\n * and https://github.com/palantir/blueprint/blob/master/PATENTS\n */\nhtml {\n  box-sizing: border-box; }\n\n*,\n*::before,\n*::after {\n  box-sizing: inherit; }\n\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n@font-face {\n  font-family: \"Icons16\";\n  font-style: normal;\n  font-weight: normal;\n  src: url(\"../resources/icons/icons-16.eot?#iefix\") format(\"embedded-opentype\"), url(\"../resources/icons/icons-16.woff\") format(\"woff\"), url(\"../resources/icons/icons-16.ttf\") format(\"truetype\"); }\n\n@font-face {\n  font-family: \"Icons20\";\n  font-style: normal;\n  font-weight: normal;\n  src: url(\"../resources/icons/icons-20.eot?#iefix\") format(\"embedded-opentype\"), url(\"../resources/icons/icons-20.woff\") format(\"woff\"), url(\"../resources/icons/icons-20.ttf\") format(\"truetype\"); }\n\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\n * Copyright 2015-present Palantir Technologies, Inc. All rights reserved.\n */\n/*\n * Copyright 2015-present Palantir Technologies, Inc. All rights reserved.\n */\n/*\n * Copyright 2015-present Palantir Technologies, Inc. All rights reserved.\n */\nhr {\n  margin: 20px 0;\n  border: none;\n  border-bottom: 1px solid rgba(16, 22, 26, 0.15); }\n  .pt-dark hr {\n    border-color: rgba(255, 255, 255, 0.15); }\n\n::selection {\n  background: rgba(125, 188, 255, 0.6); }\n\nbody {\n  text-transform: none;\n  line-height: 1.28581;\n  letter-spacing: 0;\n  font-family: -apple-system, \"BlinkMacSystemFont\", \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Open Sans\", \"Helvetica Neue\", \"Icons16\", sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  color: #182026; }\n\nsmall {\n  font-size: 12px; }\n\n/*\nFonts\n\nMarkup:\n<div class=\"{{.modifier}}\">Blueprint components react overlay date picker.</div>\n\n.pt-monospace-text - Use a monospace font (ideal for code)\n\nStyleguide fonts\n*/\n.pt-monospace-text {\n  text-transform: none;\n  font-family: monospace;\n  font-size: smaller; }\n\n/*\nHeadings\n\nMarkup:\n<h1>H1 heading</h1>\n<h2>H2 heading</h2>\n<h3>H3 heading</h3>\n<h4>H4 heading</h4>\n<h5>H5 heading</h5>\n<h6>H6 heading</h6>\n\nStyleguide headings\n*/\nh1 {\n  color: #182026;\n  font-weight: 600;\n  margin: 0 0 10px;\n  padding: 0;\n  line-height: 0.8em;\n  font-size: 40px; }\n\nh2 {\n  color: #182026;\n  font-weight: 600;\n  margin: 0 0 10px;\n  padding: 0;\n  line-height: 0.8em;\n  font-size: 27px; }\n\nh3 {\n  color: #182026;\n  font-weight: 600;\n  margin: 0 0 10px;\n  padding: 0;\n  line-height: 0.8em;\n  font-size: 24px; }\n\nh4 {\n  color: #182026;\n  font-weight: 600;\n  margin: 0 0 10px;\n  padding: 0;\n  line-height: 0.9em;\n  font-size: 20px; }\n\nh5 {\n  color: #182026;\n  font-weight: 600;\n  margin: 0 0 10px;\n  padding: 0;\n  line-height: 0.9em;\n  font-size: 17px; }\n\nh6 {\n  color: #182026;\n  font-weight: 600;\n  margin: 0 0 10px;\n  padding: 0;\n  line-height: 0.9em;\n  font-size: 15px; }\n\n/*\nUI text\n\nMarkup:\n<div class=\"{{.modifier}}\">Blueprint components react overlay date picker.</div>\n\n.pt-ui-text - Default UI text. This is applied to the document body as part of core styles.\n.pt-ui-text-large - Larger UI text.\n\nStyleguide pt-ui-text\n*/\n.pt-ui-text {\n  text-transform: none;\n  line-height: 1.28581;\n  letter-spacing: 0;\n  font-family: -apple-system, \"BlinkMacSystemFont\", \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Open Sans\", \"Helvetica Neue\", \"Icons16\", sans-serif;\n  font-size: 14px;\n  font-weight: 400; }\n\n.pt-ui-text-large {\n  line-height: 1.25;\n  font-size: 16px; }\n\n/*\nRunning text\n\nMarkup:\n<div class=\"{{.modifier}}\">\n  <p>Longform text, such as rendered Markdown documents, benefit from additional spacing and slightly\nlarge font size. Apply <code>.pt-running-text</code> to the parent element to adjust spacing for the following\nelements:</p>\n  <ul>\n    <li><code>&lt;p></code> tags have increased line-height and font size.</li>\n    <li><code>&lt;h*></code> tag margins are adjusted to provide clear separation between sections in a document.</li>\n    <li><code>&lt;ul></code> and <code>&lt;ol></code> tags receive [`.pt-list`](#typography.lists) styles for legibility.</li>\n  </ul>\n  <h3>New section</h3>\n  <p>And another paragraph.</p>\n</div>\n\n.pt-running-text - Apply larger font size and additional spacing.\n\nStyleguide pt-running-text\n*/\n.pt-running-text {\n  line-height: 1.5;\n  font-size: 16px; }\n  .pt-running-text h1 {\n    margin-top: 40px;\n    margin-bottom: 20px; }\n  .pt-running-text h2 {\n    margin-top: 40px;\n    margin-bottom: 20px; }\n  .pt-running-text h3 {\n    margin-top: 40px;\n    margin-bottom: 20px; }\n  .pt-running-text h4 {\n    margin-top: 40px;\n    margin-bottom: 20px; }\n  .pt-running-text h5 {\n    margin-top: 40px;\n    margin-bottom: 20px; }\n  .pt-running-text h6 {\n    margin-top: 40px;\n    margin-bottom: 20px; }\n\n.pt-running-text-small {\n  line-height: 1.5;\n  font-size: 14px; }\n\np {\n  margin: 0 0 10px;\n  padding: 0; }\n\n/*\nLinks\n\nSimply use an `<a href=\"\">` tag as you normally would. No class is necessary for Blueprint styles.\nLinks are underlined only when hovered.\n\nPutting an icon inside a link will cause it to inherit the link's text color.\n\nStyleguide typography.links\n*/\na {\n  text-decoration: none;\n  color: #106ba3; }\n  a:hover {\n    cursor: pointer;\n    text-decoration: underline;\n    color: #106ba3; }\n  a .pt-icon, a .pt-icon-standard, a .pt-icon-large {\n    color: inherit; }\n  a code,\n  .pt-dark a code {\n    color: inherit; }\n  .pt-dark a,\n  .pt-dark a:hover {\n    color: #48aff0; }\n    .pt-dark a .pt-icon, .pt-dark a .pt-icon-standard, .pt-dark a .pt-icon-large,\n    .pt-dark a:hover .pt-icon,\n    .pt-dark a:hover .pt-icon-standard,\n    .pt-dark a:hover .pt-icon-large {\n      color: inherit; }\n\n/*\nPreformatted text\n\nMarkup:\n<code>$ npm install</code>\n<pre>\n%pt-select {\n  @include pt-button();\n  @include prefixer(appearance, none, webkit moz);\n  border-radius: $pt-border-radius;\n  height: $pt-button-height;\n  padding: 0 ($input-padding-horizontal * 3) 0 $input-padding-horizontal;\n}\n</pre>\n<pre><code>export function hasModifier(modifiers: ts.ModifiersArray, ...modifierKinds: ts.SyntaxKind[]) {\n    if (modifiers == null || modifierKinds == null) {\n        return false;\n    }\n    return modifiers.some((m) => {\n        return modifierKinds.some((k) => m.kind === k);\n    });\n}</code></pre>\n\nStyleguide preformatted\n*/\npre,\ncode {\n  text-transform: none;\n  font-family: monospace;\n  font-size: smaller; }\n\ncode {\n  border-radius: 3px;\n  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2);\n  background: rgba(255, 255, 255, 0.7);\n  padding: 2px 5px;\n  color: #5c7080; }\n  .pt-dark code {\n    box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4);\n    background: rgba(16, 22, 26, 0.3);\n    color: #bfccd6; }\n\npre {\n  display: block;\n  margin: 10px 0;\n  border-radius: 3px;\n  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.15);\n  background: rgba(255, 255, 255, 0.7);\n  padding: 13px 15px 12px;\n  line-height: 1.4;\n  color: #182026;\n  font-size: 13px;\n  word-break: break-all;\n  word-wrap: break-word; }\n  pre > code {\n    border-radius: 0;\n    box-shadow: none;\n    background: transparent;\n    padding: 0;\n    white-space: pre-wrap;\n    color: inherit;\n    font-size: inherit; }\n  .pt-dark pre {\n    box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4);\n    background: rgba(16, 22, 26, 0.3);\n    color: #f5f8fa; }\n    .pt-dark pre > code {\n      box-shadow: none;\n      background: transparent; }\n\n/*\nBlock quotes\n\nMarkup:\n<blockquote>\n  <p>\n    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut\n    labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco\n    laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in\n    voluptate velit esse cillum dolore eu fugiat nulla pariatur.\n  </p>\n  <p>\n    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut\n    labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco\n    laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in\n    voluptate velit esse cillum dolore eu fugiat nulla pariatur.\n  </p>\n</blockquote>\n\nStyleguide blockquote\n*/\nblockquote {\n  line-height: 1.5;\n  font-size: 16px;\n  margin: 0 0 10px;\n  border-left: solid 4px rgba(167, 182, 194, 0.5);\n  padding: 0 20px; }\n  blockquote p:last-child {\n    margin-bottom: 0; }\n  .pt-dark blockquote {\n    border-color: rgba(115, 134, 148, 0.5); }\n\n/*\nLists\n\nMarkup:\n<ul class=\"{{.modifier}}\">\n  <li>Item the first</li>\n  <li>Item the second</li>\n  <li>Item the third</li>\n</ul>\n<ol class=\"{{.modifier}}\">\n  <li>Item the first</li>\n  <li>Item the second</li>\n  <li>Item the third</li>\n</ol>\n\n.pt-list - Add a little spacing between items for readability.\n.pt-list-unstyled - Remove all list styling (including indicators) so you can add your own.\n\nStyleguide lists\n*/\nol,\nul {\n  margin: 10px 0;\n  padding-left: 40px; }\n\n.pt-list li:not(:last-child),\n.pt-running-text ul li:not(:last-child),\n.pt-running-text ol li:not(:last-child) {\n  padding-bottom: 5px; }\n\n.pt-list li :last-child,\n.pt-running-text ul li :last-child,\n.pt-running-text ol li :last-child {\n  margin-bottom: 0; }\n\n.pt-list ol,\n.pt-list ul,\n.pt-running-text ul ol,\n.pt-running-text ul ul,\n.pt-running-text ol ol,\n.pt-running-text ol ul {\n  margin-top: 5px; }\n\n.pt-list-unstyled {\n  margin: 0;\n  padding: 0;\n  list-style: none; }\n  .pt-list-unstyled li {\n    padding: 0; }\n\n/*\nText utilities\n\nMarkup:\n<div class=\"{{.modifier}}\" style=\"width: 320px;\">\n  Blueprint components react overlay date picker. Breadcrumbs dialog progress non-ideal state.\n</div>\n\n.pt-text-muted - Changes text color to a gentler gray.\n.pt-text-overflow-ellipsis - Truncates a single line of text with an ellipsis if it overflows its\n  container.\n\nStyleguide utilities\n*/\n.pt-text-muted {\n  color: #5c7080; }\n  .pt-dark .pt-text-muted {\n    color: #bfccd6; }\n\n.pt-text-overflow-ellipsis {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  word-wrap: normal; }\n\n/*\nRight-to-left text\n\nMarkup:\n<h4>Arabic:</h4>\n<p class=\"pt-rtl\">\n  لكل لأداء بمحاولة من. مدينة الواقعة يبق أي, وإعلان وقوعها، حول كل, حدى عجّل مشروط الخاسرة قد.\n  من الذود تكبّد بين, و لها واحدة الأراضي. عل الصفحة والروسية يتم, أي للحكومة استعملت شيء. أم وصل زهاء اليا\n</p>\n<h4>Hebrew:</h4>\n<p class=\"pt-rtl\">\n  כדי על עזרה יידיש הבהרה, מלא באגים טכניים דת. תנך או ברית ביולי. כתב בה הטבע למנוע, דת כלים פיסיקה החופשית זכר.\n  מתן החלל מאמרשיחהצפה ב. הספרות אנציקלופדיה אם זכר, על שימושי שימושיים תאולוגיה עזה\n</p>\n\nStyleguide pt-rtl\n*/\n.pt-rtl {\n  text-align: right; }\n\n.pt-dark {\n  color: #f5f8fa; }\n  .pt-dark h1 {\n    color: #f5f8fa; }\n  .pt-dark h2 {\n    color: #f5f8fa; }\n  .pt-dark h3 {\n    color: #f5f8fa; }\n  .pt-dark h4 {\n    color: #f5f8fa; }\n  .pt-dark h5 {\n    color: #f5f8fa; }\n  .pt-dark h6 {\n    color: #f5f8fa; }\n\n:focus {\n  outline: rgba(19, 124, 189, 0.5) auto 2px;\n  outline-offset: 2px;\n  -moz-outline-radius: 6px; }\n\n.pt-focus-disabled :focus {\n  outline: none !important; }\n  .pt-focus-disabled :focus ~ .pt-control-indicator {\n    outline: none !important; }\n\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n.pt-alert {\n  max-width: 400px;\n  padding: 20px; }\n\n.pt-alert-body {\n  display: flex; }\n  .pt-alert-body .pt-icon {\n    margin-right: 20px;\n    font-size: 40px; }\n\n.pt-alert-footer {\n  display: flex;\n  flex-direction: row-reverse;\n  margin-top: 10px; }\n  .pt-alert-footer .pt-button {\n    margin-left: 10px; }\n\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\n * Copyright 2015-present Palantir Technologies, Inc. All rights reserved.\n */\n/*\n * Copyright 2015-present Palantir Technologies, Inc. All rights reserved.\n */\n/*\n * Copyright 2015-present Palantir Technologies, Inc. All rights reserved.\n */\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nBreadcrumbs\n\nMarkup:\n<ul class=\"pt-breadcrumbs\">\n  <li><a class=\"pt-breadcrumbs-collapsed\" href=\"#\"></a></li>\n  <li><a class=\"pt-breadcrumb pt-disabled\">Folder one</a></li>\n  <li><a class=\"pt-breadcrumb\" href=\"#\">Folder two</a></li>\n  <li><a class=\"pt-breadcrumb\" href=\"#\">Folder three</a></li>\n  <li><span class=\"pt-breadcrumb pt-breadcrumb-current\">File</span></li>\n</ul>\n\nStyleguide pt-breadcrumbs\n*/\n.pt-breadcrumbs {\n  display: inline-block;\n  margin: 0;\n  cursor: default;\n  padding: 0;\n  list-style: none;\n  vertical-align: top;\n  line-height: 30px; }\n  .pt-breadcrumbs > li {\n    float: left; }\n    .pt-breadcrumbs > li::after {\n      line-height: 1;\n      font-family: \"Icons16\", sans-serif;\n      font-size: 16px;\n      font-weight: 400;\n      font-style: normal;\n      -moz-osx-font-smoothing: grayscale;\n      -webkit-font-smoothing: antialiased;\n      padding: 0 5px;\n      color: #5c7080;\n      content: \"\"; }\n    .pt-breadcrumbs > li:last-child::after {\n      display: none; }\n\n.pt-breadcrumb,\n.pt-breadcrumb-current,\n.pt-breadcrumbs-collapsed {\n  display: inline-block;\n  line-height: 19px;\n  font-size: 16px; }\n\n.pt-breadcrumb,\n.pt-breadcrumbs-collapsed {\n  color: #5c7080; }\n\n.pt-breadcrumb:hover {\n  text-decoration: none; }\n\n.pt-breadcrumb.pt-disabled {\n  cursor: not-allowed;\n  color: rgba(92, 112, 128, 0.5); }\n\n.pt-breadcrumb-current {\n  color: inherit;\n  font-weight: 600; }\n  .pt-breadcrumb-current .pt-input {\n    vertical-align: baseline;\n    font-size: inherit;\n    font-weight: inherit; }\n\n.pt-breadcrumbs-collapsed {\n  margin-right: 2px;\n  border: none;\n  border-radius: 3px;\n  background: #ced9e0;\n  cursor: pointer;\n  padding: 0 5px; }\n  .pt-breadcrumbs-collapsed::before {\n    line-height: 1;\n    font-family: \"Icons20\", sans-serif;\n    font-size: 20px;\n    font-weight: 400;\n    font-style: normal;\n    -moz-osx-font-smoothing: grayscale;\n    -webkit-font-smoothing: antialiased;\n    line-height: 19px;\n    content: \"\"; }\n  .pt-breadcrumbs-collapsed:hover {\n    background: #bfccd6;\n    text-decoration: none;\n    color: #182026; }\n\n.pt-dark .pt-breadcrumb,\n.pt-dark .pt-breadcrumbs-collapsed {\n  color: #bfccd6; }\n\n.pt-dark .pt-breadcrumbs > li::after {\n  color: #bfccd6; }\n\n.pt-dark .pt-breadcrumb.pt-disabled {\n  color: rgba(191, 204, 214, 0.5); }\n\n.pt-dark .pt-breadcrumb-current {\n  color: #f5f8fa; }\n\n.pt-dark .pt-breadcrumbs-collapsed {\n  background: rgba(16, 22, 26, 0.4); }\n  .pt-dark .pt-breadcrumbs-collapsed:hover {\n    background: rgba(16, 22, 26, 0.6);\n    color: #f5f8fa; }\n\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nCSS `border` property issues:\n- An element can only have one border.\n- Borders can't stack with shadows.\n- Borders modify the size of the element they're applied to.\n- Border positioning requires the extra `box-sizing` property.\n\n`box-shadow` doesn't have these issues, we're using it instead of `border`.\n*/\n/*\nOverlay shadows are used for default buttons\nfloating on top of other elements. This way, the\nshadows blend with the colors beneath it.\nSwitches and slider handles both use these variables.\n*/\n/*\nButton\n\nMarkup:\n<a role=\"button\" class=\"pt-button {{.modifier}}\" {{:modifier}} tabindex=\"0\">Anchor</a>\n<button type=\"button\" class=\"pt-button pt-icon-add {{.modifier}}\" {{:modifier}}>Button</button>\n\n:disabled - Disabled state\n.pt-disabled - Disabled appearance\n.pt-intent-primary - Primary intent\n.pt-intent-success - Success intent\n.pt-intent-warning - Warning intent\n.pt-intent-danger - Danger intent\n.pt-active - Active appearance\n.pt-large - Larger size\n.pt-small - Smaller size\n.pt-fill - Fill parent container\n\nStyleguide pt-button\n*/\n.pt-button {\n  display: inline-block;\n  border: none;\n  border-radius: 3px;\n  cursor: pointer;\n  padding: 0 10px;\n  vertical-align: middle;\n  font-size: 14px;\n  min-width: 30px;\n  min-height: 30px;\n  line-height: 30px;\n  /*\n  Buttons with icons\n\n  Markup:\n  <button type=\"button\" class=\"pt-button pt-icon-add\">Default button</button>\n  <button type=\"button\" class=\"pt-button pt-icon-refresh\"></button>\n  <button type=\"button\" class=\"pt-button pt-large pt-icon-add\">Large button</button>\n  <button type=\"button\" class=\"pt-button pt-large pt-icon-refresh\"></button>\n\n  Styleguide pt-button.pt-icon\n  */\n  /*\n  Advanced icon usage\n\n  Markup:\n  <button type=\"button\" class=\"pt-button pt-intent-success\">\n    Next step\n    <span class=\"pt-icon-standard pt-icon-arrow-right pt-align-right\"></span>\n  </button>\n  <button type=\"button\" class=\"pt-button\">\n    <span class=\"pt-icon-standard pt-icon-user\"></span>\n    Profile settings\n    <span class=\"pt-icon-standard pt-icon-caret-down pt-align-right\"></span>\n  </button>\n  <button type=\"button\" class=\"pt-button pt-intent-danger\">\n    Reset\n    <span class=\"pt-icon-standard pt-icon-refresh pt-align-right\"></span>\n  </button>\n  <button type=\"button\" class=\"pt-button pt-large\">\n    <span class=\"pt-icon-standard pt-icon-document\"></span>\n    upload.txt\n    <span class=\"pt-icon-standard pt-icon-cross pt-align-right\"></span>\n  </button>\n\n  Styleguide pt-button.pt-icon-advanced\n  */\n  /*\n  Minimal buttons\n\n  Markup:\n  <a role=\"button\" class=\"pt-button pt-minimal {{.modifier}}\" {{:modifier}} tabindex=\"0\">Anchor</a>\n  <button type=\"button\" class=\"pt-button pt-minimal pt-icon-add {{.modifier}}\" {{:modifier}}>Button</button>\n\n  .pt-disabled - Disabled appearance\n  .pt-intent-primary - Primary intent\n  .pt-intent-success - Success intent\n  .pt-intent-warning - Warning intent\n  .pt-intent-danger - Danger intent\n\n  Styleguide pt-button.pt-minimal\n  */ }\n  .pt-button:disabled, .pt-button.pt-disabled {\n    cursor: not-allowed; }\n  .pt-button.pt-fill {\n    width: 100%; }\n  .pt-button:not([class*=\"pt-intent-\"]) {\n    box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);\n    background-color: #f5f8fa;\n    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));\n    color: #182026; }\n    .pt-button:not([class*=\"pt-intent-\"]):hover {\n      box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);\n      background-clip: padding-box;\n      background-color: #ebf1f5; }\n    .pt-button:not([class*=\"pt-intent-\"]):active, .pt-button:not([class*=\"pt-intent-\"]).pt-active {\n      box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 1px 2px rgba(16, 22, 26, 0.2);\n      background-color: #d8e1e8;\n      background-image: none; }\n    .pt-button:not([class*=\"pt-intent-\"]):disabled, .pt-button:not([class*=\"pt-intent-\"]).pt-disabled {\n      outline: none;\n      box-shadow: none;\n      background-color: rgba(206, 217, 224, 0.5);\n      background-image: none;\n      cursor: not-allowed;\n      color: rgba(92, 112, 128, 0.5); }\n      .pt-button:not([class*=\"pt-intent-\"]):disabled.pt-active, .pt-button:not([class*=\"pt-intent-\"]).pt-disabled.pt-active {\n        background: rgba(206, 217, 224, 0.7); }\n  .pt-button.pt-intent-primary {\n    box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2);\n    background-color: #137cbd;\n    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));\n    color: #ffffff; }\n    .pt-button.pt-intent-primary:hover, .pt-button.pt-intent-primary:active, .pt-button.pt-intent-primary.pt-active {\n      color: #ffffff; }\n    .pt-button.pt-intent-primary:hover {\n      box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2);\n      background-color: #106ba3; }\n    .pt-button.pt-intent-primary:active, .pt-button.pt-intent-primary.pt-active {\n      box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 1px 2px rgba(16, 22, 26, 0.2);\n      background-color: #0e5a8a;\n      background-image: none; }\n    .pt-button.pt-intent-primary:disabled, .pt-button.pt-intent-primary.pt-disabled {\n      border-color: transparent;\n      box-shadow: none;\n      background-color: rgba(19, 124, 189, 0.5);\n      background-image: none;\n      color: rgba(255, 255, 255, 0.6); }\n  .pt-button.pt-intent-success {\n    box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2);\n    background-color: #0f9960;\n    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));\n    color: #ffffff; }\n    .pt-button.pt-intent-success:hover, .pt-button.pt-intent-success:active, .pt-button.pt-intent-success.pt-active {\n      color: #ffffff; }\n    .pt-button.pt-intent-success:hover {\n      box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2);\n      background-color: #0d8050; }\n    .pt-button.pt-intent-success:active, .pt-button.pt-intent-success.pt-active {\n      box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 1px 2px rgba(16, 22, 26, 0.2);\n      background-color: #0a6640;\n      background-image: none; }\n    .pt-button.pt-intent-success:disabled, .pt-button.pt-intent-success.pt-disabled {\n      border-color: transparent;\n      box-shadow: none;\n      background-color: rgba(15, 153, 96, 0.5);\n      background-image: none;\n      color: rgba(255, 255, 255, 0.6); }\n  .pt-button.pt-intent-warning {\n    box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2);\n    background-color: #d9822b;\n    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));\n    color: #ffffff; }\n    .pt-button.pt-intent-warning:hover, .pt-button.pt-intent-warning:active, .pt-button.pt-intent-warning.pt-active {\n      color: #ffffff; }\n    .pt-button.pt-intent-warning:hover {\n      box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2);\n      background-color: #bf7326; }\n    .pt-button.pt-intent-warning:active, .pt-button.pt-intent-warning.pt-active {\n      box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 1px 2px rgba(16, 22, 26, 0.2);\n      background-color: #a66321;\n      background-image: none; }\n    .pt-button.pt-intent-warning:disabled, .pt-button.pt-intent-warning.pt-disabled {\n      border-color: transparent;\n      box-shadow: none;\n      background-color: rgba(217, 130, 43, 0.5);\n      background-image: none;\n      color: rgba(255, 255, 255, 0.6); }\n  .pt-button.pt-intent-danger {\n    box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2);\n    background-color: #db3737;\n    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));\n    color: #ffffff; }\n    .pt-button.pt-intent-danger:hover, .pt-button.pt-intent-danger:active, .pt-button.pt-intent-danger.pt-active {\n      color: #ffffff; }\n    .pt-button.pt-intent-danger:hover {\n      box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2);\n      background-color: #c23030; }\n    .pt-button.pt-intent-danger:active, .pt-button.pt-intent-danger.pt-active {\n      box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 1px 2px rgba(16, 22, 26, 0.2);\n      background-color: #a82a2a;\n      background-image: none; }\n    .pt-button.pt-intent-danger:disabled, .pt-button.pt-intent-danger.pt-disabled {\n      border-color: transparent;\n      box-shadow: none;\n      background-color: rgba(219, 55, 55, 0.5);\n      background-image: none;\n      color: rgba(255, 255, 255, 0.6); }\n  .pt-button[class*=\"pt-intent-\"] .pt-button-spinner .pt-spinner-head {\n    stroke: #ffffff; }\n  .pt-button.pt-loading {\n    position: relative; }\n    .pt-button.pt-loading[class*=\"pt-icon-\"]::before {\n      visibility: hidden; }\n    .pt-button.pt-loading .pt-button-spinner {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%); }\n    .pt-button.pt-loading > :not(.pt-button-spinner) {\n      visibility: hidden; }\n  .pt-button[class*=\"pt-icon-\"]::before {\n    line-height: 1;\n    font-family: \"Icons16\", sans-serif;\n    font-size: 16px;\n    font-weight: 400;\n    font-style: normal;\n    -moz-osx-font-smoothing: grayscale;\n    -webkit-font-smoothing: antialiased;\n    margin-right: 7px;\n    color: #5c7080; }\n  .pt-button .pt-icon, .pt-button .pt-icon-standard, .pt-button .pt-icon-large {\n    margin-right: 7px;\n    color: #5c7080; }\n    .pt-button .pt-icon.pt-align-right, .pt-button .pt-icon-standard.pt-align-right, .pt-button .pt-icon-large.pt-align-right {\n      margin-right: 0;\n      margin-left: 7px; }\n  .pt-dark .pt-button:not([class*=\"pt-intent-\"]) {\n    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);\n    background-color: #394b59;\n    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0));\n    color: #f5f8fa; }\n    .pt-dark .pt-button:not([class*=\"pt-intent-\"]):hover, .pt-dark .pt-button:not([class*=\"pt-intent-\"]):active, .pt-dark .pt-button:not([class*=\"pt-intent-\"]).pt-active {\n      color: #f5f8fa; }\n    .pt-dark .pt-button:not([class*=\"pt-intent-\"]):hover {\n      box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);\n      background-color: #30404d; }\n    .pt-dark .pt-button:not([class*=\"pt-intent-\"]):active, .pt-dark .pt-button:not([class*=\"pt-intent-\"]).pt-active {\n      box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.6), inset 0 1px 2px rgba(16, 22, 26, 0.2);\n      background-color: #202b33;\n      background-image: none; }\n    .pt-dark .pt-button:not([class*=\"pt-intent-\"]):disabled, .pt-dark .pt-button:not([class*=\"pt-intent-\"]).pt-disabled {\n      box-shadow: none;\n      background-color: rgba(57, 75, 89, 0.5);\n      background-image: none;\n      color: rgba(191, 204, 214, 0.5); }\n      .pt-dark .pt-button:not([class*=\"pt-intent-\"]):disabled.pt-active, .pt-dark .pt-button:not([class*=\"pt-intent-\"]).pt-disabled.pt-active {\n        background: rgba(57, 75, 89, 0.7); }\n    .pt-dark .pt-button:not([class*=\"pt-intent-\"]) .pt-button-spinner .pt-spinner-head {\n      background: rgba(16, 22, 26, 0.5);\n      stroke: #8a9ba8; }\n    .pt-dark .pt-button:not([class*=\"pt-intent-\"])[class*=\"pt-icon-\"]::before {\n      color: #bfccd6; }\n    .pt-dark .pt-button:not([class*=\"pt-intent-\"]) .pt-icon, .pt-dark .pt-button:not([class*=\"pt-intent-\"]) .pt-icon-standard, .pt-dark .pt-button:not([class*=\"pt-intent-\"]) .pt-icon-large {\n      color: #bfccd6; }\n  .pt-dark .pt-button[class*=\"pt-intent-\"] {\n    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4); }\n    .pt-dark .pt-button[class*=\"pt-intent-\"]:hover {\n      box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4); }\n    .pt-dark .pt-button[class*=\"pt-intent-\"]:active, .pt-dark .pt-button[class*=\"pt-intent-\"].pt-active {\n      box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 1px 2px rgba(16, 22, 26, 0.2); }\n    .pt-dark .pt-button[class*=\"pt-intent-\"]:disabled, .pt-dark .pt-button[class*=\"pt-intent-\"].pt-disabled {\n      box-shadow: none;\n      background-image: none;\n      color: rgba(255, 255, 255, 0.3); }\n    .pt-dark .pt-button[class*=\"pt-intent-\"] .pt-button-spinner .pt-spinner-head {\n      stroke: #8a9ba8; }\n  .pt-button:disabled::before, .pt-button.pt-disabled::before, .pt-button[class*=\"pt-intent-\"]::before {\n    color: inherit !important; }\n  .pt-button:disabled .pt-icon, .pt-button:disabled .pt-icon-standard, .pt-button:disabled .pt-icon-large, .pt-button.pt-disabled .pt-icon, .pt-button.pt-disabled .pt-icon-standard, .pt-button.pt-disabled .pt-icon-large, .pt-button[class*=\"pt-intent-\"] .pt-icon, .pt-button[class*=\"pt-intent-\"] .pt-icon-standard, .pt-button[class*=\"pt-intent-\"] .pt-icon-large {\n    color: inherit !important; }\n  .pt-button.pt-minimal {\n    box-shadow: none;\n    background: none; }\n    .pt-button.pt-minimal:hover {\n      box-shadow: none;\n      background: rgba(167, 182, 194, 0.3);\n      text-decoration: none;\n      color: #182026; }\n    .pt-button.pt-minimal:active, .pt-button.pt-minimal.pt-active {\n      box-shadow: none;\n      background: rgba(115, 134, 148, 0.3);\n      color: #182026; }\n    .pt-button.pt-minimal:disabled, .pt-button.pt-minimal:disabled:hover, .pt-button.pt-minimal.pt-disabled, .pt-button.pt-minimal.pt-disabled:hover {\n      background: none;\n      cursor: not-allowed;\n      color: rgba(92, 112, 128, 0.5); }\n    .pt-dark .pt-button.pt-minimal {\n      box-shadow: none;\n      background: none;\n      color: inherit; }\n      .pt-dark .pt-button.pt-minimal:hover, .pt-dark .pt-button.pt-minimal:active, .pt-dark .pt-button.pt-minimal.pt-active {\n        box-shadow: none;\n        background: none; }\n      .pt-dark .pt-button.pt-minimal:hover {\n        background: rgba(138, 155, 168, 0.15); }\n      .pt-dark .pt-button.pt-minimal:active, .pt-dark .pt-button.pt-minimal.pt-active {\n        background: rgba(138, 155, 168, 0.3);\n        color: #f5f8fa; }\n      .pt-dark .pt-button.pt-minimal:disabled, .pt-dark .pt-button.pt-minimal:disabled:hover, .pt-dark .pt-button.pt-minimal.pt-disabled, .pt-dark .pt-button.pt-minimal.pt-disabled:hover {\n        background: none;\n        cursor: not-allowed;\n        color: rgba(191, 204, 214, 0.5); }\n    .pt-button.pt-minimal.pt-intent-primary {\n      color: #106ba3; }\n      .pt-button.pt-minimal.pt-intent-primary:hover, .pt-button.pt-minimal.pt-intent-primary:active, .pt-button.pt-minimal.pt-intent-primary.pt-active {\n        box-shadow: none;\n        background: none;\n        color: #106ba3; }\n      .pt-button.pt-minimal.pt-intent-primary:hover {\n        background: rgba(19, 124, 189, 0.15);\n        color: #106ba3; }\n      .pt-button.pt-minimal.pt-intent-primary:active, .pt-button.pt-minimal.pt-intent-primary.pt-active {\n        background: rgba(19, 124, 189, 0.3);\n        color: #106ba3; }\n      .pt-button.pt-minimal.pt-intent-primary:disabled, .pt-button.pt-minimal.pt-intent-primary.pt-disabled {\n        background: none;\n        color: rgba(16, 107, 163, 0.5); }\n      .pt-button.pt-minimal.pt-intent-primary .pt-button-spinner .pt-spinner-head {\n        stroke: #106ba3; }\n      .pt-dark .pt-button.pt-minimal.pt-intent-primary {\n        color: #48aff0; }\n        .pt-dark .pt-button.pt-minimal.pt-intent-primary:hover {\n          background: rgba(19, 124, 189, 0.2);\n          color: #48aff0; }\n        .pt-dark .pt-button.pt-minimal.pt-intent-primary:active, .pt-dark .pt-button.pt-minimal.pt-intent-primary.pt-active {\n          background: rgba(19, 124, 189, 0.3);\n          color: #48aff0; }\n        .pt-dark .pt-button.pt-minimal.pt-intent-primary:disabled, .pt-dark .pt-button.pt-minimal.pt-intent-primary.pt-disabled {\n          background: none;\n          color: rgba(72, 175, 240, 0.5); }\n    .pt-button.pt-minimal.pt-intent-success {\n      color: #0d8050; }\n      .pt-button.pt-minimal.pt-intent-success:hover, .pt-button.pt-minimal.pt-intent-success:active, .pt-button.pt-minimal.pt-intent-success.pt-active {\n        box-shadow: none;\n        background: none;\n        color: #0d8050; }\n      .pt-button.pt-minimal.pt-intent-success:hover {\n        background: rgba(15, 153, 96, 0.15);\n        color: #0d8050; }\n      .pt-button.pt-minimal.pt-intent-success:active, .pt-button.pt-minimal.pt-intent-success.pt-active {\n        background: rgba(15, 153, 96, 0.3);\n        color: #0d8050; }\n      .pt-button.pt-minimal.pt-intent-success:disabled, .pt-button.pt-minimal.pt-intent-success.pt-disabled {\n        background: none;\n        color: rgba(13, 128, 80, 0.5); }\n      .pt-button.pt-minimal.pt-intent-success .pt-button-spinner .pt-spinner-head {\n        stroke: #0d8050; }\n      .pt-dark .pt-button.pt-minimal.pt-intent-success {\n        color: #3dcc91; }\n        .pt-dark .pt-button.pt-minimal.pt-intent-success:hover {\n          background: rgba(15, 153, 96, 0.2);\n          color: #3dcc91; }\n        .pt-dark .pt-button.pt-minimal.pt-intent-success:active, .pt-dark .pt-button.pt-minimal.pt-intent-success.pt-active {\n          background: rgba(15, 153, 96, 0.3);\n          color: #3dcc91; }\n        .pt-dark .pt-button.pt-minimal.pt-intent-success:disabled, .pt-dark .pt-button.pt-minimal.pt-intent-success.pt-disabled {\n          background: none;\n          color: rgba(61, 204, 145, 0.5); }\n    .pt-button.pt-minimal.pt-intent-warning {\n      color: #bf7326; }\n      .pt-button.pt-minimal.pt-intent-warning:hover, .pt-button.pt-minimal.pt-intent-warning:active, .pt-button.pt-minimal.pt-intent-warning.pt-active {\n        box-shadow: none;\n        background: none;\n        color: #bf7326; }\n      .pt-button.pt-minimal.pt-intent-warning:hover {\n        background: rgba(217, 130, 43, 0.15);\n        color: #bf7326; }\n      .pt-button.pt-minimal.pt-intent-warning:active, .pt-button.pt-minimal.pt-intent-warning.pt-active {\n        background: rgba(217, 130, 43, 0.3);\n        color: #bf7326; }\n      .pt-button.pt-minimal.pt-intent-warning:disabled, .pt-button.pt-minimal.pt-intent-warning.pt-disabled {\n        background: none;\n        color: rgba(191, 115, 38, 0.5); }\n      .pt-button.pt-minimal.pt-intent-warning .pt-button-spinner .pt-spinner-head {\n        stroke: #bf7326; }\n      .pt-dark .pt-button.pt-minimal.pt-intent-warning {\n        color: #ffb366; }\n        .pt-dark .pt-button.pt-minimal.pt-intent-warning:hover {\n          background: rgba(217, 130, 43, 0.2);\n          color: #ffb366; }\n        .pt-dark .pt-button.pt-minimal.pt-intent-warning:active, .pt-dark .pt-button.pt-minimal.pt-intent-warning.pt-active {\n          background: rgba(217, 130, 43, 0.3);\n          color: #ffb366; }\n        .pt-dark .pt-button.pt-minimal.pt-intent-warning:disabled, .pt-dark .pt-button.pt-minimal.pt-intent-warning.pt-disabled {\n          background: none;\n          color: rgba(255, 179, 102, 0.5); }\n    .pt-button.pt-minimal.pt-intent-danger {\n      color: #c23030; }\n      .pt-button.pt-minimal.pt-intent-danger:hover, .pt-button.pt-minimal.pt-intent-danger:active, .pt-button.pt-minimal.pt-intent-danger.pt-active {\n        box-shadow: none;\n        background: none;\n        color: #c23030; }\n      .pt-button.pt-minimal.pt-intent-danger:hover {\n        background: rgba(219, 55, 55, 0.15);\n        color: #c23030; }\n      .pt-button.pt-minimal.pt-intent-danger:active, .pt-button.pt-minimal.pt-intent-danger.pt-active {\n        background: rgba(219, 55, 55, 0.3);\n        color: #c23030; }\n      .pt-button.pt-minimal.pt-intent-danger:disabled, .pt-button.pt-minimal.pt-intent-danger.pt-disabled {\n        background: none;\n        color: rgba(194, 48, 48, 0.5); }\n      .pt-button.pt-minimal.pt-intent-danger .pt-button-spinner .pt-spinner-head {\n        stroke: #c23030; }\n      .pt-dark .pt-button.pt-minimal.pt-intent-danger {\n        color: #ff7373; }\n        .pt-dark .pt-button.pt-minimal.pt-intent-danger:hover {\n          background: rgba(219, 55, 55, 0.2);\n          color: #ff7373; }\n        .pt-dark .pt-button.pt-minimal.pt-intent-danger:active, .pt-dark .pt-button.pt-minimal.pt-intent-danger.pt-active {\n          background: rgba(219, 55, 55, 0.3);\n          color: #ff7373; }\n        .pt-dark .pt-button.pt-minimal.pt-intent-danger:disabled, .pt-dark .pt-button.pt-minimal.pt-intent-danger.pt-disabled {\n          background: none;\n          color: rgba(255, 115, 115, 0.5); }\n  .pt-button.pt-large,\n  .pt-large .pt-button {\n    min-width: 40px;\n    min-height: 40px;\n    line-height: 40px;\n    padding: 0 15px;\n    font-size: 16px; }\n    .pt-button.pt-large[class*=\"pt-icon-\"]::before,\n    .pt-large .pt-button[class*=\"pt-icon-\"]::before {\n      margin-right: 10px; }\n    .pt-button.pt-large .pt-icon, .pt-button.pt-large .pt-icon-standard, .pt-button.pt-large .pt-icon-large,\n    .pt-large .pt-button .pt-icon,\n    .pt-large .pt-button .pt-icon-standard,\n    .pt-large .pt-button .pt-icon-large {\n      margin-right: 10px; }\n      .pt-button.pt-large .pt-icon.pt-align-right, .pt-button.pt-large .pt-icon-standard.pt-align-right, .pt-button.pt-large .pt-icon-large.pt-align-right,\n      .pt-large .pt-button .pt-icon.pt-align-right,\n      .pt-large .pt-button .pt-icon-standard.pt-align-right,\n      .pt-large .pt-button .pt-icon-large.pt-align-right {\n        margin-right: 0;\n        margin-left: 10px; }\n  .pt-button.pt-small,\n  .pt-small .pt-button {\n    min-width: 24px;\n    min-height: 24px;\n    line-height: 24px;\n    padding: 0 7px; }\n  .pt-button[class*=\"pt-icon-\"]:empty {\n    padding: 0; }\n    .pt-button[class*=\"pt-icon-\"]:empty::before {\n      margin-right: 0; }\n\na.pt-button {\n  text-align: center;\n  text-decoration: none;\n  transition: none; }\n  a.pt-button, a.pt-button:hover, a.pt-button:active {\n    color: #182026; }\n  a.pt-button.pt-disabled {\n    color: rgba(92, 112, 128, 0.5); }\n\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\n * Copyright 2015-present Palantir Technologies, Inc. All rights reserved.\n */\n/*\n * Copyright 2015-present Palantir Technologies, Inc. All rights reserved.\n */\n/*\n * Copyright 2015-present Palantir Technologies, Inc. All rights reserved.\n */\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nCSS `border` property issues:\n- An element can only have one border.\n- Borders can't stack with shadows.\n- Borders modify the size of the element they're applied to.\n- Border positioning requires the extra `box-sizing` property.\n\n`box-shadow` doesn't have these issues, we're using it instead of `border`.\n*/\n/*\nOverlay shadows are used for default buttons\nfloating on top of other elements. This way, the\nshadows blend with the colors beneath it.\nSwitches and slider handles both use these variables.\n*/\n.pt-select select {\n  display: inline-block;\n  border: none;\n  border-radius: 3px;\n  cursor: pointer;\n  padding: 0 10px;\n  vertical-align: middle;\n  font-size: 14px;\n  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);\n  background-color: #f5f8fa;\n  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));\n  color: #182026;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  border-radius: 3px;\n  height: 30px;\n  padding: 0 25px 0 10px; }\n  .pt-select select:hover {\n    box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);\n    background-clip: padding-box;\n    background-color: #ebf1f5; }\n  .pt-select select:active, .pt-select select.pt-active {\n    box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 1px 2px rgba(16, 22, 26, 0.2);\n    background-color: #d8e1e8;\n    background-image: none; }\n  .pt-select select:disabled, .pt-select select.pt-disabled {\n    outline: none;\n    box-shadow: none;\n    background-color: rgba(206, 217, 224, 0.5);\n    background-image: none;\n    cursor: not-allowed;\n    color: rgba(92, 112, 128, 0.5); }\n    .pt-select select:disabled.pt-active, .pt-select select.pt-disabled.pt-active {\n      background: rgba(206, 217, 224, 0.7); }\n\n.pt-select.pt-minimal select {\n  box-shadow: none;\n  background: none; }\n  .pt-select.pt-minimal select:hover {\n    box-shadow: none;\n    background: rgba(167, 182, 194, 0.3);\n    text-decoration: none;\n    color: #182026; }\n  .pt-select.pt-minimal select:active, .pt-select.pt-minimal select.pt-active {\n    box-shadow: none;\n    background: rgba(115, 134, 148, 0.3);\n    color: #182026; }\n  .pt-select.pt-minimal select:disabled, .pt-select.pt-minimal select:disabled:hover, .pt-select.pt-minimal select.pt-disabled, .pt-select.pt-minimal select.pt-disabled:hover {\n    background: none;\n    cursor: not-allowed;\n    color: rgba(92, 112, 128, 0.5); }\n  .pt-dark .pt-select.pt-minimal select, .pt-select.pt-minimal .pt-dark select {\n    box-shadow: none;\n    background: none;\n    color: inherit; }\n    .pt-dark .pt-select.pt-minimal select:hover, .pt-select.pt-minimal .pt-dark select:hover, .pt-dark .pt-select.pt-minimal select:active, .pt-select.pt-minimal .pt-dark select:active, .pt-dark .pt-select.pt-minimal select.pt-active, .pt-select.pt-minimal .pt-dark select.pt-active {\n      box-shadow: none;\n      background: none; }\n    .pt-dark .pt-select.pt-minimal select:hover, .pt-select.pt-minimal .pt-dark select:hover {\n      background: rgba(138, 155, 168, 0.15); }\n    .pt-dark .pt-select.pt-minimal select:active, .pt-select.pt-minimal .pt-dark select:active, .pt-dark .pt-select.pt-minimal select.pt-active, .pt-select.pt-minimal .pt-dark select.pt-active {\n      background: rgba(138, 155, 168, 0.3);\n      color: #f5f8fa; }\n    .pt-dark .pt-select.pt-minimal select:disabled, .pt-select.pt-minimal .pt-dark select:disabled, .pt-dark .pt-select.pt-minimal select:disabled:hover, .pt-select.pt-minimal .pt-dark select:disabled:hover, .pt-dark .pt-select.pt-minimal select.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-disabled, .pt-dark .pt-select.pt-minimal select.pt-disabled:hover, .pt-select.pt-minimal .pt-dark select.pt-disabled:hover {\n      background: none;\n      cursor: not-allowed;\n      color: rgba(191, 204, 214, 0.5); }\n  .pt-select.pt-minimal select.pt-intent-primary {\n    color: #106ba3; }\n    .pt-select.pt-minimal select.pt-intent-primary:hover, .pt-select.pt-minimal select.pt-intent-primary:active, .pt-select.pt-minimal select.pt-intent-primary.pt-active {\n      box-shadow: none;\n      background: none;\n      color: #106ba3; }\n    .pt-select.pt-minimal select.pt-intent-primary:hover {\n      background: rgba(19, 124, 189, 0.15);\n      color: #106ba3; }\n    .pt-select.pt-minimal select.pt-intent-primary:active, .pt-select.pt-minimal select.pt-intent-primary.pt-active {\n      background: rgba(19, 124, 189, 0.3);\n      color: #106ba3; }\n    .pt-select.pt-minimal select.pt-intent-primary:disabled, .pt-select.pt-minimal select.pt-intent-primary.pt-disabled {\n      background: none;\n      color: rgba(16, 107, 163, 0.5); }\n    .pt-select.pt-minimal select.pt-intent-primary .pt-button-spinner .pt-spinner-head {\n      stroke: #106ba3; }\n    .pt-dark .pt-select.pt-minimal select.pt-intent-primary, .pt-select.pt-minimal .pt-dark select.pt-intent-primary {\n      color: #48aff0; }\n      .pt-dark .pt-select.pt-minimal select.pt-intent-primary:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-primary:hover {\n        background: rgba(19, 124, 189, 0.2);\n        color: #48aff0; }\n      .pt-dark .pt-select.pt-minimal select.pt-intent-primary:active, .pt-select.pt-minimal .pt-dark select.pt-intent-primary:active, .pt-dark .pt-select.pt-minimal select.pt-intent-primary.pt-active, .pt-select.pt-minimal .pt-dark select.pt-intent-primary.pt-active {\n        background: rgba(19, 124, 189, 0.3);\n        color: #48aff0; }\n      .pt-dark .pt-select.pt-minimal select.pt-intent-primary:disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-primary:disabled, .pt-dark .pt-select.pt-minimal select.pt-intent-primary.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-primary.pt-disabled {\n        background: none;\n        color: rgba(72, 175, 240, 0.5); }\n  .pt-select.pt-minimal select.pt-intent-success {\n    color: #0d8050; }\n    .pt-select.pt-minimal select.pt-intent-success:hover, .pt-select.pt-minimal select.pt-intent-success:active, .pt-select.pt-minimal select.pt-intent-success.pt-active {\n      box-shadow: none;\n      background: none;\n      color: #0d8050; }\n    .pt-select.pt-minimal select.pt-intent-success:hover {\n      background: rgba(15, 153, 96, 0.15);\n      color: #0d8050; }\n    .pt-select.pt-minimal select.pt-intent-success:active, .pt-select.pt-minimal select.pt-intent-success.pt-active {\n      background: rgba(15, 153, 96, 0.3);\n      color: #0d8050; }\n    .pt-select.pt-minimal select.pt-intent-success:disabled, .pt-select.pt-minimal select.pt-intent-success.pt-disabled {\n      background: none;\n      color: rgba(13, 128, 80, 0.5); }\n    .pt-select.pt-minimal select.pt-intent-success .pt-button-spinner .pt-spinner-head {\n      stroke: #0d8050; }\n    .pt-dark .pt-select.pt-minimal select.pt-intent-success, .pt-select.pt-minimal .pt-dark select.pt-intent-success {\n      color: #3dcc91; }\n      .pt-dark .pt-select.pt-minimal select.pt-intent-success:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-success:hover {\n        background: rgba(15, 153, 96, 0.2);\n        color: #3dcc91; }\n      .pt-dark .pt-select.pt-minimal select.pt-intent-success:active, .pt-select.pt-minimal .pt-dark select.pt-intent-success:active, .pt-dark .pt-select.pt-minimal select.pt-intent-success.pt-active, .pt-select.pt-minimal .pt-dark select.pt-intent-success.pt-active {\n        background: rgba(15, 153, 96, 0.3);\n        color: #3dcc91; }\n      .pt-dark .pt-select.pt-minimal select.pt-intent-success:disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-success:disabled, .pt-dark .pt-select.pt-minimal select.pt-intent-success.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-success.pt-disabled {\n        background: none;\n        color: rgba(61, 204, 145, 0.5); }\n  .pt-select.pt-minimal select.pt-intent-warning {\n    color: #bf7326; }\n    .pt-select.pt-minimal select.pt-intent-warning:hover, .pt-select.pt-minimal select.pt-intent-warning:active, .pt-select.pt-minimal select.pt-intent-warning.pt-active {\n      box-shadow: none;\n      background: none;\n      color: #bf7326; }\n    .pt-select.pt-minimal select.pt-intent-warning:hover {\n      background: rgba(217, 130, 43, 0.15);\n      color: #bf7326; }\n    .pt-select.pt-minimal select.pt-intent-warning:active, .pt-select.pt-minimal select.pt-intent-warning.pt-active {\n      background: rgba(217, 130, 43, 0.3);\n      color: #bf7326; }\n    .pt-select.pt-minimal select.pt-intent-warning:disabled, .pt-select.pt-minimal select.pt-intent-warning.pt-disabled {\n      background: none;\n      color: rgba(191, 115, 38, 0.5); }\n    .pt-select.pt-minimal select.pt-intent-warning .pt-button-spinner .pt-spinner-head {\n      stroke: #bf7326; }\n    .pt-dark .pt-select.pt-minimal select.pt-intent-warning, .pt-select.pt-minimal .pt-dark select.pt-intent-warning {\n      color: #ffb366; }\n      .pt-dark .pt-select.pt-minimal select.pt-intent-warning:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-warning:hover {\n        background: rgba(217, 130, 43, 0.2);\n        color: #ffb366; }\n      .pt-dark .pt-select.pt-minimal select.pt-intent-warning:active, .pt-select.pt-minimal .pt-dark select.pt-intent-warning:active, .pt-dark .pt-select.pt-minimal select.pt-intent-warning.pt-active, .pt-select.pt-minimal .pt-dark select.pt-intent-warning.pt-active {\n        background: rgba(217, 130, 43, 0.3);\n        color: #ffb366; }\n      .pt-dark .pt-select.pt-minimal select.pt-intent-warning:disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-warning:disabled, .pt-dark .pt-select.pt-minimal select.pt-intent-warning.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-warning.pt-disabled {\n        background: none;\n        color: rgba(255, 179, 102, 0.5); }\n  .pt-select.pt-minimal select.pt-intent-danger {\n    color: #c23030; }\n    .pt-select.pt-minimal select.pt-intent-danger:hover, .pt-select.pt-minimal select.pt-intent-danger:active, .pt-select.pt-minimal select.pt-intent-danger.pt-active {\n      box-shadow: none;\n      background: none;\n      color: #c23030; }\n    .pt-select.pt-minimal select.pt-intent-danger:hover {\n      background: rgba(219, 55, 55, 0.15);\n      color: #c23030; }\n    .pt-select.pt-minimal select.pt-intent-danger:active, .pt-select.pt-minimal select.pt-intent-danger.pt-active {\n      background: rgba(219, 55, 55, 0.3);\n      color: #c23030; }\n    .pt-select.pt-minimal select.pt-intent-danger:disabled, .pt-select.pt-minimal select.pt-intent-danger.pt-disabled {\n      background: none;\n      color: rgba(194, 48, 48, 0.5); }\n    .pt-select.pt-minimal select.pt-intent-danger .pt-button-spinner .pt-spinner-head {\n      stroke: #c23030; }\n    .pt-dark .pt-select.pt-minimal select.pt-intent-danger, .pt-select.pt-minimal .pt-dark select.pt-intent-danger {\n      color: #ff7373; }\n      .pt-dark .pt-select.pt-minimal select.pt-intent-danger:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-danger:hover {\n        background: rgba(219, 55, 55, 0.2);\n        color: #ff7373; }\n      .pt-dark .pt-select.pt-minimal select.pt-intent-danger:active, .pt-select.pt-minimal .pt-dark select.pt-intent-danger:active, .pt-dark .pt-select.pt-minimal select.pt-intent-danger.pt-active, .pt-select.pt-minimal .pt-dark select.pt-intent-danger.pt-active {\n        background: rgba(219, 55, 55, 0.3);\n        color: #ff7373; }\n      .pt-dark .pt-select.pt-minimal select.pt-intent-danger:disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-danger:disabled, .pt-dark .pt-select.pt-minimal select.pt-intent-danger.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-danger.pt-disabled {\n        background: none;\n        color: rgba(255, 115, 115, 0.5); }\n\n.pt-select.pt-large select {\n  height: 40px;\n  padding-right: 35px;\n  font-size: 16px; }\n\n.pt-dark .pt-select select {\n  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);\n  background-color: #394b59;\n  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0));\n  color: #f5f8fa; }\n  .pt-dark .pt-select select:hover, .pt-dark .pt-select select:active, .pt-dark .pt-select select.pt-active {\n    color: #f5f8fa; }\n  .pt-dark .pt-select select:hover {\n    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);\n    background-color: #30404d; }\n  .pt-dark .pt-select select:active, .pt-dark .pt-select select.pt-active {\n    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.6), inset 0 1px 2px rgba(16, 22, 26, 0.2);\n    background-color: #202b33;\n    background-image: none; }\n  .pt-dark .pt-select select:disabled, .pt-dark .pt-select select.pt-disabled {\n    box-shadow: none;\n    background-color: rgba(57, 75, 89, 0.5);\n    background-image: none;\n    color: rgba(191, 204, 214, 0.5); }\n    .pt-dark .pt-select select:disabled.pt-active, .pt-dark .pt-select select.pt-disabled.pt-active {\n      background: rgba(57, 75, 89, 0.7); }\n  .pt-dark .pt-select select .pt-button-spinner .pt-spinner-head {\n    background: rgba(16, 22, 26, 0.5);\n    stroke: #8a9ba8; }\n\n.pt-select select:disabled {\n  box-shadow: none;\n  background-color: rgba(206, 217, 224, 0.5);\n  cursor: not-allowed;\n  color: rgba(92, 112, 128, 0.5); }\n\n.pt-select::after {\n  line-height: 1;\n  font-family: \"Icons16\", sans-serif;\n  font-size: 16px;\n  font-weight: 400;\n  font-style: normal;\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  position: absolute;\n  top: 0;\n  right: 7px;\n  line-height: 30px;\n  color: #5c7080;\n  content: \"\";\n  pointer-events: none; }\n  .pt-disabled.pt-select::after {\n    color: rgba(92, 112, 128, 0.5); }\n\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nCSS `border` property issues:\n- An element can only have one border.\n- Borders can't stack with shadows.\n- Borders modify the size of the element they're applied to.\n- Border positioning requires the extra `box-sizing` property.\n\n`box-shadow` doesn't have these issues, we're using it instead of `border`.\n*/\n/*\nOverlay shadows are used for default buttons\nfloating on top of other elements. This way, the\nshadows blend with the colors beneath it.\nSwitches and slider handles both use these variables.\n*/\n/*\nButton groups\n\nMarkup:\n<div class=\"pt-button-group {{.modifier}}\">\n  <a class=\"pt-button pt-icon-database\" tabindex=\"0\" role=\"button\">Queries</a>\n  <a class=\"pt-button pt-icon-function\" tabindex=\"0\" role=\"button\">Functions</a>\n  <a class=\"pt-button\" tabindex=\"0\" role=\"button\">\n    Options <span class=\"pt-icon-standard pt-icon-caret-down pt-align-right\"></span>\n  </a>\n</div>\n<br /><br />\n<div class=\"pt-button-group {{.modifier}}\">\n  <a class=\"pt-button pt-icon-chart\" tabindex=\"0\" role=\"button\"></a>\n  <a class=\"pt-button pt-icon-control\" tabindex=\"0\" role=\"button\"></a>\n  <a class=\"pt-button pt-icon-graph\" tabindex=\"0\" role=\"button\"></a>\n  <a class=\"pt-button pt-icon-camera\" tabindex=\"0\" role=\"button\"></a>\n  <a class=\"pt-button pt-icon-map\" tabindex=\"0\" role=\"button\"></a>\n  <a class=\"pt-button pt-icon-code\" tabindex=\"0\" role=\"button\"></a>\n  <a class=\"pt-button pt-icon-th\" tabindex=\"0\" role=\"button\"></a>\n  <a class=\"pt-button pt-icon-time\" tabindex=\"0\" role=\"button\"></a>\n  <a class=\"pt-button pt-icon-compressed\" tabindex=\"0\" role=\"button\"></a>\n</div>\n<br /><br />\n<div class=\"pt-button-group {{.modifier}}\">\n  <button type=\"button\" class=\"pt-button pt-intent-success\">Save</button>\n  <button type=\"button\" class=\"pt-button pt-intent-success pt-icon-caret-down\"></button>\n</div>\n\n.pt-large - Use large buttons\n.pt-minimal - Use minimal buttons. Note that these minimal buttons will not automatically\n              truncate text in an ellipsis because of the divider line added in CSS.\n\nStyleguide pt-button-group\n*/\n.pt-button-group {\n  display: inline-flex;\n  /*\n  Responsive\n\n  Markup:\n  <div class=\"pt-button-group pt-large pt-fill\">\n    <a class=\"pt-button pt-intent-primary pt-fixed\" tabindex=\"0\" role=\"button\">Start</a>\n    <a class=\"pt-button pt-intent-primary\" tabindex=\"0\" role=\"button\">Left</a>\n    <a class=\"pt-button pt-intent-primary pt-active\" tabindex=\"0\" role=\"button\">Middle</a>\n    <a class=\"pt-button pt-intent-primary\" tabindex=\"0\" role=\"button\">Right</a>\n    <a class=\"pt-button pt-intent-primary pt-fixed\" tabindex=\"0\" role=\"button\">End</a>\n  </div>\n  <br />\n  <div class=\"pt-button-group pt-fill\">\n    <button class=\"pt-button pt-icon-arrow-left\"></button>\n    <button class=\"pt-button pt-fill\">Middle</button>\n    <button class=\"pt-button pt-icon-arrow-right\"></button>\n  </div>\n\n  Styleguide pt-button-group.pt-fill\n  */\n  /*\n  Vertical button groups\n\n  Markup:\n  <div class=\"pt-button-group pt-vertical\">\n    <a class=\"pt-button pt-icon-search-template\" role=\"button\" tabindex=\"0\"></a>\n    <a class=\"pt-button pt-icon-zoom-in\" role=\"button\" tabindex=\"0\"></a>\n    <a class=\"pt-button pt-icon-zoom-out\" role=\"button\" tabindex=\"0\"></a>\n    <a class=\"pt-button pt-icon-zoom-to-fit\" role=\"button\" tabindex=\"0\"></a>\n  </div>\n  <div class=\"pt-button-group pt-vertical\">\n    <button type=\"button\" class=\"pt-button pt-active\">Home</button>\n    <button type=\"button\" class=\"pt-button\">Pages</button>\n    <button type=\"button\" class=\"pt-button\">Blog</button>\n    <button type=\"button\" class=\"pt-button\">Calendar</button>\n  </div>\n  <div class=\"pt-button-group pt-vertical pt-align-left pt-large\">\n    <button type=\"button\" class=\"pt-button pt-intent-primary pt-icon-document\">Text</button>\n    <button type=\"button\" class=\"pt-button pt-intent-primary pt-icon-media pt-active\">Media</button>\n    <button type=\"button\" class=\"pt-button pt-intent-primary pt-icon-link\">Sources</button>\n  </div>\n\n  Styleguide pt-button-group.pt-vertical\n  */ }\n  .pt-button-group .pt-button {\n    flex: 0 0 auto;\n    position: relative;\n    z-index: 4; }\n    .pt-button-group .pt-button:focus {\n      z-index: 5; }\n    .pt-button-group .pt-button:hover {\n      z-index: 6; }\n    .pt-button-group .pt-button:active, .pt-button-group .pt-button.pt-active {\n      z-index: 7; }\n    .pt-button-group .pt-button:disabled, .pt-button-group .pt-button.pt-disabled {\n      z-index: 3; }\n    .pt-button-group .pt-button[class*=\"pt-intent-\"] {\n      z-index: 9; }\n      .pt-button-group .pt-button[class*=\"pt-intent-\"]:focus {\n        z-index: 10; }\n      .pt-button-group .pt-button[class*=\"pt-intent-\"]:hover {\n        z-index: 11; }\n      .pt-button-group .pt-button[class*=\"pt-intent-\"]:active, .pt-button-group .pt-button[class*=\"pt-intent-\"].pt-active {\n        z-index: 12; }\n      .pt-button-group .pt-button[class*=\"pt-intent-\"]:disabled, .pt-button-group .pt-button[class*=\"pt-intent-\"].pt-disabled {\n        z-index: 8; }\n  .pt-button-group:not(.pt-minimal) > .pt-popover-target:not(:first-child) .pt-button,\n  .pt-button-group:not(.pt-minimal) > .pt-button:not(:first-child) {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0; }\n  .pt-button-group:not(.pt-minimal) > .pt-popover-target:not(:last-child) .pt-button,\n  .pt-button-group:not(.pt-minimal) > .pt-button:not(:last-child) {\n    margin-right: -1px;\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0; }\n  .pt-button-group.pt-minimal .pt-button {\n    box-shadow: none;\n    background: none;\n    margin-right: 11px;\n    border-radius: 3px !important;\n    overflow: visible; }\n    .pt-button-group.pt-minimal .pt-button:hover {\n      box-shadow: none;\n      background: rgba(167, 182, 194, 0.3);\n      text-decoration: none;\n      color: #182026; }\n    .pt-button-group.pt-minimal .pt-button:active, .pt-button-group.pt-minimal .pt-button.pt-active {\n      box-shadow: none;\n      background: rgba(115, 134, 148, 0.3);\n      color: #182026; }\n    .pt-button-group.pt-minimal .pt-button:disabled, .pt-button-group.pt-minimal .pt-button:disabled:hover, .pt-button-group.pt-minimal .pt-button.pt-disabled, .pt-button-group.pt-minimal .pt-button.pt-disabled:hover {\n      background: none;\n      cursor: not-allowed;\n      color: rgba(92, 112, 128, 0.5); }\n    .pt-dark .pt-button-group.pt-minimal .pt-button {\n      box-shadow: none;\n      background: none;\n      color: inherit; }\n      .pt-dark .pt-button-group.pt-minimal .pt-button:hover, .pt-dark .pt-button-group.pt-minimal .pt-button:active, .pt-dark .pt-button-group.pt-minimal .pt-button.pt-active {\n        box-shadow: none;\n        background: none; }\n      .pt-dark .pt-button-group.pt-minimal .pt-button:hover {\n        background: rgba(138, 155, 168, 0.15); }\n      .pt-dark .pt-button-group.pt-minimal .pt-button:active, .pt-dark .pt-button-group.pt-minimal .pt-button.pt-active {\n        background: rgba(138, 155, 168, 0.3);\n        color: #f5f8fa; }\n      .pt-dark .pt-button-group.pt-minimal .pt-button:disabled, .pt-dark .pt-button-group.pt-minimal .pt-button:disabled:hover, .pt-dark .pt-button-group.pt-minimal .pt-button.pt-disabled, .pt-dark .pt-button-group.pt-minimal .pt-button.pt-disabled:hover {\n        background: none;\n        cursor: not-allowed;\n        color: rgba(191, 204, 214, 0.5); }\n    .pt-button-group.pt-minimal .pt-button.pt-intent-primary {\n      color: #106ba3; }\n      .pt-button-group.pt-minimal .pt-button.pt-intent-primary:hover, .pt-button-group.pt-minimal .pt-button.pt-intent-primary:active, .pt-button-group.pt-minimal .pt-button.pt-intent-primary.pt-active {\n        box-shadow: none;\n        background: none;\n        color: #106ba3; }\n      .pt-button-group.pt-minimal .pt-button.pt-intent-primary:hover {\n        background: rgba(19, 124, 189, 0.15);\n        color: #106ba3; }\n      .pt-button-group.pt-minimal .pt-button.pt-intent-primary:active, .pt-button-group.pt-minimal .pt-button.pt-intent-primary.pt-active {\n        background: rgba(19, 124, 189, 0.3);\n        color: #106ba3; }\n      .pt-button-group.pt-minimal .pt-button.pt-intent-primary:disabled, .pt-button-group.pt-minimal .pt-button.pt-intent-primary.pt-disabled {\n        background: none;\n        color: rgba(16, 107, 163, 0.5); }\n      .pt-button-group.pt-minimal .pt-button.pt-intent-primary .pt-button-spinner .pt-spinner-head {\n        stroke: #106ba3; }\n      .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-primary {\n        color: #48aff0; }\n        .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-primary:hover {\n          background: rgba(19, 124, 189, 0.2);\n          color: #48aff0; }\n        .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-primary:active, .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-primary.pt-active {\n          background: rgba(19, 124, 189, 0.3);\n          color: #48aff0; }\n        .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-primary:disabled, .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-primary.pt-disabled {\n          background: none;\n          color: rgba(72, 175, 240, 0.5); }\n    .pt-button-group.pt-minimal .pt-button.pt-intent-success {\n      color: #0d8050; }\n      .pt-button-group.pt-minimal .pt-button.pt-intent-success:hover, .pt-button-group.pt-minimal .pt-button.pt-intent-success:active, .pt-button-group.pt-minimal .pt-button.pt-intent-success.pt-active {\n        box-shadow: none;\n        background: none;\n        color: #0d8050; }\n      .pt-button-group.pt-minimal .pt-button.pt-intent-success:hover {\n        background: rgba(15, 153, 96, 0.15);\n        color: #0d8050; }\n      .pt-button-group.pt-minimal .pt-button.pt-intent-success:active, .pt-button-group.pt-minimal .pt-button.pt-intent-success.pt-active {\n        background: rgba(15, 153, 96, 0.3);\n        color: #0d8050; }\n      .pt-button-group.pt-minimal .pt-button.pt-intent-success:disabled, .pt-button-group.pt-minimal .pt-button.pt-intent-success.pt-disabled {\n        background: none;\n        color: rgba(13, 128, 80, 0.5); }\n      .pt-button-group.pt-minimal .pt-button.pt-intent-success .pt-button-spinner .pt-spinner-head {\n        stroke: #0d8050; }\n      .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-success {\n        color: #3dcc91; }\n        .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-success:hover {\n          background: rgba(15, 153, 96, 0.2);\n          color: #3dcc91; }\n        .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-success:active, .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-success.pt-active {\n          background: rgba(15, 153, 96, 0.3);\n          color: #3dcc91; }\n        .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-success:disabled, .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-success.pt-disabled {\n          background: none;\n          color: rgba(61, 204, 145, 0.5); }\n    .pt-button-group.pt-minimal .pt-button.pt-intent-warning {\n      color: #bf7326; }\n      .pt-button-group.pt-minimal .pt-button.pt-intent-warning:hover, .pt-button-group.pt-minimal .pt-button.pt-intent-warning:active, .pt-button-group.pt-minimal .pt-button.pt-intent-warning.pt-active {\n        box-shadow: none;\n        background: none;\n        color: #bf7326; }\n      .pt-button-group.pt-minimal .pt-button.pt-intent-warning:hover {\n        background: rgba(217, 130, 43, 0.15);\n        color: #bf7326; }\n      .pt-button-group.pt-minimal .pt-button.pt-intent-warning:active, .pt-button-group.pt-minimal .pt-button.pt-intent-warning.pt-active {\n        background: rgba(217, 130, 43, 0.3);\n        color: #bf7326; }\n      .pt-button-group.pt-minimal .pt-button.pt-intent-warning:disabled, .pt-button-group.pt-minimal .pt-button.pt-intent-warning.pt-disabled {\n        background: none;\n        color: rgba(191, 115, 38, 0.5); }\n      .pt-button-group.pt-minimal .pt-button.pt-intent-warning .pt-button-spinner .pt-spinner-head {\n        stroke: #bf7326; }\n      .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-warning {\n        color: #ffb366; }\n        .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-warning:hover {\n          background: rgba(217, 130, 43, 0.2);\n          color: #ffb366; }\n        .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-warning:active, .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-warning.pt-active {\n          background: rgba(217, 130, 43, 0.3);\n          color: #ffb366; }\n        .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-warning:disabled, .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-warning.pt-disabled {\n          background: none;\n          color: rgba(255, 179, 102, 0.5); }\n    .pt-button-group.pt-minimal .pt-button.pt-intent-danger {\n      color: #c23030; }\n      .pt-button-group.pt-minimal .pt-button.pt-intent-danger:hover, .pt-button-group.pt-minimal .pt-button.pt-intent-danger:active, .pt-button-group.pt-minimal .pt-button.pt-intent-danger.pt-active {\n        box-shadow: none;\n        background: none;\n        color: #c23030; }\n      .pt-button-group.pt-minimal .pt-button.pt-intent-danger:hover {\n        background: rgba(219, 55, 55, 0.15);\n        color: #c23030; }\n      .pt-button-group.pt-minimal .pt-button.pt-intent-danger:active, .pt-button-group.pt-minimal .pt-button.pt-intent-danger.pt-active {\n        background: rgba(219, 55, 55, 0.3);\n        color: #c23030; }\n      .pt-button-group.pt-minimal .pt-button.pt-intent-danger:disabled, .pt-button-group.pt-minimal .pt-button.pt-intent-danger.pt-disabled {\n        background: none;\n        color: rgba(194, 48, 48, 0.5); }\n      .pt-button-group.pt-minimal .pt-button.pt-intent-danger .pt-button-spinner .pt-spinner-head {\n        stroke: #c23030; }\n      .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-danger {\n        color: #ff7373; }\n        .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-danger:hover {\n          background: rgba(219, 55, 55, 0.2);\n          color: #ff7373; }\n        .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-danger:active, .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-danger.pt-active {\n          background: rgba(219, 55, 55, 0.3);\n          color: #ff7373; }\n        .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-danger:disabled, .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-danger.pt-disabled {\n          background: none;\n          color: rgba(255, 115, 115, 0.5); }\n    .pt-button-group.pt-minimal .pt-button:focus {\n      outline-style: solid; }\n    .pt-button-group.pt-minimal .pt-button::after {\n      margin: 5px;\n      background: rgba(16, 22, 26, 0.15);\n      width: 1px;\n      display: inline-block;\n      position: absolute;\n      top: 10%;\n      bottom: 10%;\n      left: 100%;\n      content: \"\"; }\n      .pt-dark .pt-button-group.pt-minimal .pt-button::after {\n        background: rgba(255, 255, 255, 0.15); }\n  .pt-button-group.pt-minimal > .pt-popover-target:last-child .pt-button,\n  .pt-button-group.pt-minimal > .pt-button:last-child {\n    margin-right: 0; }\n    .pt-button-group.pt-minimal > .pt-popover-target:last-child .pt-button::after,\n    .pt-button-group.pt-minimal > .pt-button:last-child::after {\n      display: none; }\n  .pt-button-group.pt-fill {\n    display: flex; }\n  .pt-button-group .pt-button.pt-fill,\n  .pt-button-group.pt-fill .pt-button:not(.pt-fixed) {\n    flex: 1 1 auto; }\n  .pt-button-group.pt-vertical {\n    flex-direction: column;\n    align-items: stretch;\n    vertical-align: top; }\n    .pt-button-group.pt-vertical .pt-button {\n      margin-right: 0 !important; }\n    .pt-button-group.pt-vertical > .pt-popover-target:first-child .pt-button,\n    .pt-button-group.pt-vertical > .pt-button:first-child {\n      border-radius: 3px 3px 0 0; }\n    .pt-button-group.pt-vertical > .pt-popover-target:last-child .pt-button,\n    .pt-button-group.pt-vertical > .pt-button:last-child {\n      border-radius: 0 0 3px 3px; }\n    .pt-button-group.pt-vertical > .pt-popover-target:not(:last-child) .pt-button,\n    .pt-button-group.pt-vertical > .pt-button:not(:last-child) {\n      margin-bottom: -1px; }\n    .pt-button-group.pt-vertical.pt-minimal .pt-button:not(:last-child) {\n      margin-bottom: 11px; }\n    .pt-button-group.pt-vertical.pt-minimal .pt-button::after {\n      top: 100%;\n      right: 0;\n      bottom: auto;\n      left: 0;\n      width: auto;\n      height: 1px; }\n  .pt-button-group.pt-align-left .pt-button {\n    text-align: left; }\n  .pt-dark .pt-button-group:not(.pt-minimal) > .pt-popover-target:not(:last-child) .pt-button,\n  .pt-dark .pt-button-group:not(.pt-minimal) > .pt-button:not(:last-child) {\n    margin-right: 1px; }\n  .pt-dark .pt-button-group.pt-vertical > .pt-popover-target:not(:last-child) .pt-button,\n  .pt-dark .pt-button-group.pt-vertical > .pt-button:not(:last-child) {\n    margin-bottom: 1px; }\n\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nCallout\n\nMarkup:\n<div class=\"pt-callout {{.modifier}}\">\n  <h5>Callout Heading</h5>\n  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ex, delectus!\n</div>\n\n.pt-intent-primary - Primary intent\n.pt-intent-success - Success intent\n.pt-intent-warning - Warning intent\n.pt-intent-danger  - Danger intent\n.pt-icon-info-sign - With an icon\n\nStyleguide pt-callout\n*/\n.pt-callout {\n  line-height: 1.5;\n  font-size: 14px;\n  position: relative;\n  border-radius: 3px;\n  background-color: rgba(138, 155, 168, 0.15);\n  padding: 10px 12px 9px; }\n  .pt-callout[class*=\"pt-icon-\"] {\n    padding-left: 40px; }\n    .pt-callout[class*=\"pt-icon-\"]::before {\n      line-height: 1;\n      font-family: \"Icons20\", sans-serif;\n      font-size: 20px;\n      font-weight: 400;\n      font-style: normal;\n      -moz-osx-font-smoothing: grayscale;\n      -webkit-font-smoothing: antialiased;\n      position: absolute;\n      top: 10px;\n      left: 10px;\n      color: #5c7080; }\n  .pt-callout h5 {\n    margin-top: 0;\n    margin-bottom: 5px;\n    line-height: 20px; }\n  .pt-dark .pt-callout {\n    background-color: rgba(138, 155, 168, 0.2); }\n    .pt-dark .pt-callout[class*=\"pt-icon-\"]::before {\n      color: #bfccd6; }\n  .pt-callout.pt-intent-primary {\n    background-color: rgba(19, 124, 189, 0.15); }\n    .pt-callout.pt-intent-primary[class*=\"pt-icon-\"]::before,\n    .pt-callout.pt-intent-primary h5 {\n      color: #106ba3; }\n    .pt-dark .pt-callout.pt-intent-primary {\n      background-color: rgba(19, 124, 189, 0.25); }\n      .pt-dark .pt-callout.pt-intent-primary[class*=\"pt-icon-\"]::before,\n      .pt-dark .pt-callout.pt-intent-primary h5 {\n        color: #48aff0; }\n  .pt-callout.pt-intent-success {\n    background-color: rgba(15, 153, 96, 0.15); }\n    .pt-callout.pt-intent-success[class*=\"pt-icon-\"]::before,\n    .pt-callout.pt-intent-success h5 {\n      color: #0d8050; }\n    .pt-dark .pt-callout.pt-intent-success {\n      background-color: rgba(15, 153, 96, 0.25); }\n      .pt-dark .pt-callout.pt-intent-success[class*=\"pt-icon-\"]::before,\n      .pt-dark .pt-callout.pt-intent-success h5 {\n        color: #3dcc91; }\n  .pt-callout.pt-intent-warning {\n    background-color: rgba(217, 130, 43, 0.15); }\n    .pt-callout.pt-intent-warning[class*=\"pt-icon-\"]::before,\n    .pt-callout.pt-intent-warning h5 {\n      color: #bf7326; }\n    .pt-dark .pt-callout.pt-intent-warning {\n      background-color: rgba(217, 130, 43, 0.25); }\n      .pt-dark .pt-callout.pt-intent-warning[class*=\"pt-icon-\"]::before,\n      .pt-dark .pt-callout.pt-intent-warning h5 {\n        color: #ffb366; }\n  .pt-callout.pt-intent-danger {\n    background-color: rgba(219, 55, 55, 0.15); }\n    .pt-callout.pt-intent-danger[class*=\"pt-icon-\"]::before,\n    .pt-callout.pt-intent-danger h5 {\n      color: #c23030; }\n    .pt-dark .pt-callout.pt-intent-danger {\n      background-color: rgba(219, 55, 55, 0.25); }\n      .pt-dark .pt-callout.pt-intent-danger[class*=\"pt-icon-\"]::before,\n      .pt-dark .pt-callout.pt-intent-danger h5 {\n        color: #ff7373; }\n  .pt-running-text .pt-callout {\n    margin: 20px 0; }\n\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nCards\n\nMarkup:\n<div class=\"pt-card {{.modifier}}\">\n  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec dapibus et mauris,\n  vitae dictum metus.\n</div>\n\n.pt-elevation-0 - Ground floor. This level provides just a gentle border shadow.\n.pt-elevation-1 - First. Subtle drop shadow intended for static containers.\n.pt-elevation-2 - Second. An even stronger shadow, moving on up.\n.pt-elevation-3 - Third. For containers overlaying content temporarily.\n.pt-elevation-4 - Fourth. The strongest shadow, usually for overlay containers on top of backdrops.\n\nStyleguide pt-card\n*/\n.pt-card {\n  border-radius: 3px;\n  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.15), 0 0 0 rgba(16, 22, 26, 0), 0 0 0 rgba(16, 22, 26, 0);\n  background-color: #ffffff;\n  padding: 20px;\n  transition: transform 200ms cubic-bezier(0.4, 1, 0.75, 0.9), box-shadow 200ms cubic-bezier(0.4, 1, 0.75, 0.9); }\n  .pt-card.pt-dark,\n  .pt-dark .pt-card {\n    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4), 0 0 0 rgba(16, 22, 26, 0), 0 0 0 rgba(16, 22, 26, 0);\n    background-color: #30404d; }\n\n.pt-elevation-0 {\n  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.15), 0 0 0 rgba(16, 22, 26, 0), 0 0 0 rgba(16, 22, 26, 0); }\n  .pt-elevation-0.pt-dark,\n  .pt-dark .pt-elevation-0 {\n    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4), 0 0 0 rgba(16, 22, 26, 0), 0 0 0 rgba(16, 22, 26, 0); }\n\n.pt-elevation-1 {\n  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 0 0 rgba(16, 22, 26, 0), 0 1px 1px rgba(16, 22, 26, 0.2); }\n  .pt-elevation-1.pt-dark,\n  .pt-dark .pt-elevation-1 {\n    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 0 0 rgba(16, 22, 26, 0), 0 1px 1px rgba(16, 22, 26, 0.4); }\n\n.pt-elevation-2 {\n  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 1px 1px rgba(16, 22, 26, 0.2), 0 2px 6px rgba(16, 22, 26, 0.2); }\n  .pt-elevation-2.pt-dark,\n  .pt-dark .pt-elevation-2 {\n    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 1px 1px rgba(16, 22, 26, 0.4), 0 2px 6px rgba(16, 22, 26, 0.4); }\n\n.pt-elevation-3 {\n  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 2px 4px rgba(16, 22, 26, 0.2), 0 8px 24px rgba(16, 22, 26, 0.2); }\n  .pt-elevation-3.pt-dark,\n  .pt-dark .pt-elevation-3 {\n    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 2px 4px rgba(16, 22, 26, 0.4), 0 8px 24px rgba(16, 22, 26, 0.4); }\n\n.pt-elevation-4 {\n  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 4px 8px rgba(16, 22, 26, 0.2), 0 18px 46px 6px rgba(16, 22, 26, 0.2); }\n  .pt-elevation-4.pt-dark,\n  .pt-dark .pt-elevation-4 {\n    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 4px 8px rgba(16, 22, 26, 0.4), 0 18px 46px 6px rgba(16, 22, 26, 0.4); }\n\n/*\nInteractive cards\n\nMarkup:\n<div class=\"docs-card-example\">\n  <div class=\"pt-card pt-elevation-0 pt-interactive\">\n    <h5><a href=\"#\">Trader Profile</a></h5>\n    <p>Overview of employee activity, including risk model, scores and scenario alert history.</p>\n  </div>\n  <div class=\"pt-card pt-elevation-1 pt-interactive\">\n    <h5><a href=\"#\">Desk Profile</a></h5>\n    <p>Desk-level summary of trading activity and trading profiles.</p>\n  </div>\n  <div class=\"pt-card pt-elevation-2 pt-interactive\">\n    <h5><a href=\"#\">Dataset Dashboards</a></h5>\n    <p>Stats of dataset completeness and reference data join percentages.</p>\n  </div>\n</div>\n\nStyleguide pt-card.pt-interactive\n*/\n.pt-card.pt-interactive:hover {\n  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 2px 4px rgba(16, 22, 26, 0.2), 0 8px 24px rgba(16, 22, 26, 0.2);\n  cursor: pointer; }\n  .pt-card.pt-interactive:hover.pt-dark,\n  .pt-dark .pt-card.pt-interactive:hover {\n    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 2px 4px rgba(16, 22, 26, 0.4), 0 8px 24px rgba(16, 22, 26, 0.4); }\n\n.pt-card.pt-interactive:active {\n  opacity: 0.9;\n  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 0 0 rgba(16, 22, 26, 0), 0 1px 1px rgba(16, 22, 26, 0.2);\n  transition-duration: 0; }\n  .pt-card.pt-interactive:active.pt-dark,\n  .pt-dark .pt-card.pt-interactive:active {\n    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 0 0 rgba(16, 22, 26, 0), 0 1px 1px rgba(16, 22, 26, 0.4); }\n\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n.pt-collapse {\n  height: 0;\n  overflow-y: hidden;\n  transition: height 200ms cubic-bezier(0.4, 1, 0.75, 0.9); }\n  .pt-collapse .pt-collapse-body {\n    transition: transform 200ms cubic-bezier(0.4, 1, 0.75, 0.9); }\n\n.pt-context-menu .pt-popover-target {\n  display: block; }\n\n.pt-context-menu-popover-target {\n  position: fixed; }\n\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\n * Copyright 2015-present Palantir Technologies, Inc. All rights reserved.\n */\n/*\n * Copyright 2015-present Palantir Technologies, Inc. All rights reserved.\n */\n/*\n * Copyright 2015-present Palantir Technologies, Inc. All rights reserved.\n */\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nA mixin to generate the classes for a React CSSTransitionGroup which animates any number of CSS\nproperties at once.\n\nTransitioned properties are specificed as a map of property names to lists of (inital value, final\nvalue). For enter & appear transitions, each property will transition from its initial to its final\nvalue. For leave transitions, each property will transition in reverse, from final to initial.\n\n**Simple example:**\n`@include react-transition(\"pt-popover\", (opacity: 0 1), $before: \"&\");`\nTransition named \"pt-popover\" moves opacity from 0 to 1. `\"&\"` indicates that the\nTransition classes are expected to be applied to this element, where the mixin is invoked.\n\n**Params:**\n$name: React transitionName prop\n$properties: map of CSS property to (initial, final) values\n$duration: transition duration\n$easing: transition easing function\n$delay: transition delay\n$before: selector text to insert before transition name (often to select self: &)\n$after: selector text to insert after transiton name (to select children)\n*/\n/*\nA mixin to generate the classes for one phase of a React CSSTransitionGroup.\n`$phase` must be `appear` or `enter` or `leave`.\nIf `enter` phase is given then `appear` phase will be generated at the same time.\nIf `leave` phase is given then property values are animated in reverse, from final to initial.\n\n**Example:**\n@include react-transition-phase(pt-toast, enter, $enter-translate, $before: \"&\");\n@include react-transition-phase(pt-toast, leave, $leave-blur, $pt-transition-duration * 3, $before: \"&\");\n*/\n/*\nGiven map of properties to values, set each property to the value at the given index.\n(remember that sass indices are 1-based).\n\nExample: `each-prop((opacity: 0 1), 2)` will print \"opacity: 1\"\n*/\n/*\nFormat transition class name with all the bits.\n\"enter\" phase will include \"appear\" phase in returned name.\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nDialog\n\nMarkup:\n<!-- this container element fills its parent and centers the .pt-dialog within it -->\n<div class=\"pt-dialog-container\">\n  <div class=\"pt-dialog\">\n    <div class=\"pt-dialog-header\">\n      <span class=\"pt-icon-large pt-icon-inbox\"></span>\n      <h5>Dialog header</h5>\n      <button aria-label=\"Close\" class=\"pt-dialog-close-button pt-icon-small-cross\"></button>\n    </div>\n    <div class=\"pt-dialog-body\">\n      This dialog hasn't been wired up with any open or close interactions.\n      It's just an example of markup and styles.\n    </div>\n    <div class=\"pt-dialog-footer\">\n      <div class=\"pt-dialog-footer-actions\">\n        <button type=\"button\" class=\"pt-button\">Secondary button</button>\n        <button type=\"submit\" class=\"pt-button pt-intent-primary\">Primary button</button>\n      </div>\n    </div>\n  </div>\n</div>\n\nStyleguide pt-dialog\n*/\n.pt-dialog-container {\n  opacity: 1;\n  transform: scale(1);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  min-height: 100%;\n  user-select: none; }\n  .pt-dialog-container.pt-overlay-enter > .pt-dialog, .pt-dialog-container.pt-overlay-appear > .pt-dialog {\n    opacity: 0;\n    transform: scale(0.5); }\n  .pt-dialog-container.pt-overlay-enter-active > .pt-dialog, .pt-dialog-container.pt-overlay-appear-active > .pt-dialog {\n    opacity: 1;\n    transform: scale(1);\n    transition-property: opacity, transform;\n    transition-duration: 300ms;\n    transition-timing-function: cubic-bezier(0.54, 1.12, 0.38, 1.11);\n    transition-delay: 0; }\n  .pt-dialog-container.pt-overlay-leave > .pt-dialog {\n    opacity: 1;\n    transform: scale(1); }\n  .pt-dialog-container.pt-overlay-leave-active > .pt-dialog {\n    opacity: 0;\n    transform: scale(0.5);\n    transition-property: opacity, transform;\n    transition-duration: 300ms;\n    transition-timing-function: cubic-bezier(0.54, 1.12, 0.38, 1.11);\n    transition-delay: 0; }\n  .pt-dialog-container .pt-dialog {\n    position: static !important;\n    transform: none; }\n\n.pt-dialog {\n  display: flex;\n  flex-direction: column;\n  margin: 30px 0;\n  border-radius: 6px;\n  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 4px 8px rgba(16, 22, 26, 0.2), 0 18px 46px 6px rgba(16, 22, 26, 0.2);\n  background: #ebf1f5;\n  width: 500px;\n  padding-bottom: 20px;\n  user-select: initial; }\n  .pt-dialog:focus {\n    outline: 0; }\n  .pt-dialog.pt-dark,\n  .pt-dark .pt-dialog {\n    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 4px 8px rgba(16, 22, 26, 0.4), 0 18px 46px 6px rgba(16, 22, 26, 0.4);\n    background: #293742;\n    color: #f5f8fa; }\n\n.pt-dialog-header {\n  display: flex;\n  flex: 0 0 auto;\n  align-items: center;\n  border-radius: 6px 6px 0 0;\n  box-shadow: 0 1px 0 rgba(16, 22, 26, 0.15);\n  background: #ffffff;\n  min-height: 40px;\n  padding-left: 20px; }\n  .pt-dialog-header .pt-icon-large {\n    flex: 0 0 auto;\n    margin-right: 10px;\n    color: #5c7080; }\n  .pt-dialog-header h5 {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    word-wrap: normal;\n    flex: 1 1 auto;\n    margin: 0;\n    line-height: inherit; }\n    .pt-dialog-header h5:last-child {\n      margin-right: 20px; }\n  .pt-dark .pt-dialog-header {\n    box-shadow: 0 1px 0 rgba(16, 22, 26, 0.4);\n    background: #30404d; }\n    .pt-dark .pt-dialog-header .pt-icon-large {\n      color: #bfccd6; }\n    .pt-dark .pt-dialog-header h5 {\n      color: #f5f8fa; }\n\n.pt-dialog-close-button {\n  line-height: 1;\n  font-family: \"Icons20\", sans-serif;\n  font-size: 20px;\n  font-weight: 400;\n  font-style: normal;\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  color: #5c7080;\n  flex: 0 0 auto;\n  border: none;\n  background: none;\n  cursor: pointer;\n  padding: 10px; }\n  .pt-dialog-close-button:hover {\n    color: #182026; }\n  .pt-dark .pt-dialog-close-button {\n    color: #bfccd6; }\n    .pt-dark .pt-dialog-close-button:hover {\n      color: #f5f8fa; }\n\n.pt-dialog-body {\n  flex: 1 1 auto;\n  margin: 20px;\n  line-height: 18px; }\n\n.pt-dialog-footer {\n  flex: 0 0 auto;\n  margin: 0 20px; }\n\n.pt-dialog-footer-actions {\n  display: flex;\n  justify-content: flex-end; }\n  .pt-dialog-footer-actions .pt-button {\n    margin-left: 10px; }\n\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\n * Copyright 2015-present Palantir Technologies, Inc. All rights reserved.\n */\n/*\n * Copyright 2015-present Palantir Technologies, Inc. All rights reserved.\n */\n/*\n * Copyright 2015-present Palantir Technologies, Inc. All rights reserved.\n */\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nCSS `border` property issues:\n- An element can only have one border.\n- Borders can't stack with shadows.\n- Borders modify the size of the element they're applied to.\n- Border positioning requires the extra `box-sizing` property.\n\n`box-shadow` doesn't have these issues, we're using it instead of `border`.\n*/\n/*\nOverlay shadows are used for default buttons\nfloating on top of other elements. This way, the\nshadows blend with the colors beneath it.\nSwitches and slider handles both use these variables.\n*/\n.pt-select select {\n  display: inline-block;\n  border: none;\n  border-radius: 3px;\n  cursor: pointer;\n  padding: 0 10px;\n  vertical-align: middle;\n  font-size: 14px;\n  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);\n  background-color: #f5f8fa;\n  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));\n  color: #182026;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  border-radius: 3px;\n  height: 30px;\n  padding: 0 25px 0 10px; }\n  .pt-select select:hover {\n    box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);\n    background-clip: padding-box;\n    background-color: #ebf1f5; }\n  .pt-select select:active, .pt-select select.pt-active {\n    box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 1px 2px rgba(16, 22, 26, 0.2);\n    background-color: #d8e1e8;\n    background-image: none; }\n  .pt-select select:disabled, .pt-select select.pt-disabled {\n    outline: none;\n    box-shadow: none;\n    background-color: rgba(206, 217, 224, 0.5);\n    background-image: none;\n    cursor: not-allowed;\n    color: rgba(92, 112, 128, 0.5); }\n    .pt-select select:disabled.pt-active, .pt-select select.pt-disabled.pt-active {\n      background: rgba(206, 217, 224, 0.7); }\n\n.pt-select.pt-minimal select {\n  box-shadow: none;\n  background: none; }\n  .pt-select.pt-minimal select:hover {\n    box-shadow: none;\n    background: rgba(167, 182, 194, 0.3);\n    text-decoration: none;\n    color: #182026; }\n  .pt-select.pt-minimal select:active, .pt-select.pt-minimal select.pt-active {\n    box-shadow: none;\n    background: rgba(115, 134, 148, 0.3);\n    color: #182026; }\n  .pt-select.pt-minimal select:disabled, .pt-select.pt-minimal select:disabled:hover, .pt-select.pt-minimal select.pt-disabled, .pt-select.pt-minimal select.pt-disabled:hover {\n    background: none;\n    cursor: not-allowed;\n    color: rgba(92, 112, 128, 0.5); }\n  .pt-dark .pt-select.pt-minimal select, .pt-select.pt-minimal .pt-dark select {\n    box-shadow: none;\n    background: none;\n    color: inherit; }\n    .pt-dark .pt-select.pt-minimal select:hover, .pt-select.pt-minimal .pt-dark select:hover, .pt-dark .pt-select.pt-minimal select:active, .pt-select.pt-minimal .pt-dark select:active, .pt-dark .pt-select.pt-minimal select.pt-active, .pt-select.pt-minimal .pt-dark select.pt-active {\n      box-shadow: none;\n      background: none; }\n    .pt-dark .pt-select.pt-minimal select:hover, .pt-select.pt-minimal .pt-dark select:hover {\n      background: rgba(138, 155, 168, 0.15); }\n    .pt-dark .pt-select.pt-minimal select:active, .pt-select.pt-minimal .pt-dark select:active, .pt-dark .pt-select.pt-minimal select.pt-active, .pt-select.pt-minimal .pt-dark select.pt-active {\n      background: rgba(138, 155, 168, 0.3);\n      color: #f5f8fa; }\n    .pt-dark .pt-select.pt-minimal select:disabled, .pt-select.pt-minimal .pt-dark select:disabled, .pt-dark .pt-select.pt-minimal select:disabled:hover, .pt-select.pt-minimal .pt-dark select:disabled:hover, .pt-dark .pt-select.pt-minimal select.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-disabled, .pt-dark .pt-select.pt-minimal select.pt-disabled:hover, .pt-select.pt-minimal .pt-dark select.pt-disabled:hover {\n      background: none;\n      cursor: not-allowed;\n      color: rgba(191, 204, 214, 0.5); }\n  .pt-select.pt-minimal select.pt-intent-primary {\n    color: #106ba3; }\n    .pt-select.pt-minimal select.pt-intent-primary:hover, .pt-select.pt-minimal select.pt-intent-primary:active, .pt-select.pt-minimal select.pt-intent-primary.pt-active {\n      box-shadow: none;\n      background: none;\n      color: #106ba3; }\n    .pt-select.pt-minimal select.pt-intent-primary:hover {\n      background: rgba(19, 124, 189, 0.15);\n      color: #106ba3; }\n    .pt-select.pt-minimal select.pt-intent-primary:active, .pt-select.pt-minimal select.pt-intent-primary.pt-active {\n      background: rgba(19, 124, 189, 0.3);\n      color: #106ba3; }\n    .pt-select.pt-minimal select.pt-intent-primary:disabled, .pt-select.pt-minimal select.pt-intent-primary.pt-disabled {\n      background: none;\n      color: rgba(16, 107, 163, 0.5); }\n    .pt-select.pt-minimal select.pt-intent-primary .pt-button-spinner .pt-spinner-head {\n      stroke: #106ba3; }\n    .pt-dark .pt-select.pt-minimal select.pt-intent-primary, .pt-select.pt-minimal .pt-dark select.pt-intent-primary {\n      color: #48aff0; }\n      .pt-dark .pt-select.pt-minimal select.pt-intent-primary:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-primary:hover {\n        background: rgba(19, 124, 189, 0.2);\n        color: #48aff0; }\n      .pt-dark .pt-select.pt-minimal select.pt-intent-primary:active, .pt-select.pt-minimal .pt-dark select.pt-intent-primary:active, .pt-dark .pt-select.pt-minimal select.pt-intent-primary.pt-active, .pt-select.pt-minimal .pt-dark select.pt-intent-primary.pt-active {\n        background: rgba(19, 124, 189, 0.3);\n        color: #48aff0; }\n      .pt-dark .pt-select.pt-minimal select.pt-intent-primary:disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-primary:disabled, .pt-dark .pt-select.pt-minimal select.pt-intent-primary.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-primary.pt-disabled {\n        background: none;\n        color: rgba(72, 175, 240, 0.5); }\n  .pt-select.pt-minimal select.pt-intent-success {\n    color: #0d8050; }\n    .pt-select.pt-minimal select.pt-intent-success:hover, .pt-select.pt-minimal select.pt-intent-success:active, .pt-select.pt-minimal select.pt-intent-success.pt-active {\n      box-shadow: none;\n      background: none;\n      color: #0d8050; }\n    .pt-select.pt-minimal select.pt-intent-success:hover {\n      background: rgba(15, 153, 96, 0.15);\n      color: #0d8050; }\n    .pt-select.pt-minimal select.pt-intent-success:active, .pt-select.pt-minimal select.pt-intent-success.pt-active {\n      background: rgba(15, 153, 96, 0.3);\n      color: #0d8050; }\n    .pt-select.pt-minimal select.pt-intent-success:disabled, .pt-select.pt-minimal select.pt-intent-success.pt-disabled {\n      background: none;\n      color: rgba(13, 128, 80, 0.5); }\n    .pt-select.pt-minimal select.pt-intent-success .pt-button-spinner .pt-spinner-head {\n      stroke: #0d8050; }\n    .pt-dark .pt-select.pt-minimal select.pt-intent-success, .pt-select.pt-minimal .pt-dark select.pt-intent-success {\n      color: #3dcc91; }\n      .pt-dark .pt-select.pt-minimal select.pt-intent-success:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-success:hover {\n        background: rgba(15, 153, 96, 0.2);\n        color: #3dcc91; }\n      .pt-dark .pt-select.pt-minimal select.pt-intent-success:active, .pt-select.pt-minimal .pt-dark select.pt-intent-success:active, .pt-dark .pt-select.pt-minimal select.pt-intent-success.pt-active, .pt-select.pt-minimal .pt-dark select.pt-intent-success.pt-active {\n        background: rgba(15, 153, 96, 0.3);\n        color: #3dcc91; }\n      .pt-dark .pt-select.pt-minimal select.pt-intent-success:disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-success:disabled, .pt-dark .pt-select.pt-minimal select.pt-intent-success.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-success.pt-disabled {\n        background: none;\n        color: rgba(61, 204, 145, 0.5); }\n  .pt-select.pt-minimal select.pt-intent-warning {\n    color: #bf7326; }\n    .pt-select.pt-minimal select.pt-intent-warning:hover, .pt-select.pt-minimal select.pt-intent-warning:active, .pt-select.pt-minimal select.pt-intent-warning.pt-active {\n      box-shadow: none;\n      background: none;\n      color: #bf7326; }\n    .pt-select.pt-minimal select.pt-intent-warning:hover {\n      background: rgba(217, 130, 43, 0.15);\n      color: #bf7326; }\n    .pt-select.pt-minimal select.pt-intent-warning:active, .pt-select.pt-minimal select.pt-intent-warning.pt-active {\n      background: rgba(217, 130, 43, 0.3);\n      color: #bf7326; }\n    .pt-select.pt-minimal select.pt-intent-warning:disabled, .pt-select.pt-minimal select.pt-intent-warning.pt-disabled {\n      background: none;\n      color: rgba(191, 115, 38, 0.5); }\n    .pt-select.pt-minimal select.pt-intent-warning .pt-button-spinner .pt-spinner-head {\n      stroke: #bf7326; }\n    .pt-dark .pt-select.pt-minimal select.pt-intent-warning, .pt-select.pt-minimal .pt-dark select.pt-intent-warning {\n      color: #ffb366; }\n      .pt-dark .pt-select.pt-minimal select.pt-intent-warning:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-warning:hover {\n        background: rgba(217, 130, 43, 0.2);\n        color: #ffb366; }\n      .pt-dark .pt-select.pt-minimal select.pt-intent-warning:active, .pt-select.pt-minimal .pt-dark select.pt-intent-warning:active, .pt-dark .pt-select.pt-minimal select.pt-intent-warning.pt-active, .pt-select.pt-minimal .pt-dark select.pt-intent-warning.pt-active {\n        background: rgba(217, 130, 43, 0.3);\n        color: #ffb366; }\n      .pt-dark .pt-select.pt-minimal select.pt-intent-warning:disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-warning:disabled, .pt-dark .pt-select.pt-minimal select.pt-intent-warning.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-warning.pt-disabled {\n        background: none;\n        color: rgba(255, 179, 102, 0.5); }\n  .pt-select.pt-minimal select.pt-intent-danger {\n    color: #c23030; }\n    .pt-select.pt-minimal select.pt-intent-danger:hover, .pt-select.pt-minimal select.pt-intent-danger:active, .pt-select.pt-minimal select.pt-intent-danger.pt-active {\n      box-shadow: none;\n      background: none;\n      color: #c23030; }\n    .pt-select.pt-minimal select.pt-intent-danger:hover {\n      background: rgba(219, 55, 55, 0.15);\n      color: #c23030; }\n    .pt-select.pt-minimal select.pt-intent-danger:active, .pt-select.pt-minimal select.pt-intent-danger.pt-active {\n      background: rgba(219, 55, 55, 0.3);\n      color: #c23030; }\n    .pt-select.pt-minimal select.pt-intent-danger:disabled, .pt-select.pt-minimal select.pt-intent-danger.pt-disabled {\n      background: none;\n      color: rgba(194, 48, 48, 0.5); }\n    .pt-select.pt-minimal select.pt-intent-danger .pt-button-spinner .pt-spinner-head {\n      stroke: #c23030; }\n    .pt-dark .pt-select.pt-minimal select.pt-intent-danger, .pt-select.pt-minimal .pt-dark select.pt-intent-danger {\n      color: #ff7373; }\n      .pt-dark .pt-select.pt-minimal select.pt-intent-danger:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-danger:hover {\n        background: rgba(219, 55, 55, 0.2);\n        color: #ff7373; }\n      .pt-dark .pt-select.pt-minimal select.pt-intent-danger:active, .pt-select.pt-minimal .pt-dark select.pt-intent-danger:active, .pt-dark .pt-select.pt-minimal select.pt-intent-danger.pt-active, .pt-select.pt-minimal .pt-dark select.pt-intent-danger.pt-active {\n        background: rgba(219, 55, 55, 0.3);\n        color: #ff7373; }\n      .pt-dark .pt-select.pt-minimal select.pt-intent-danger:disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-danger:disabled, .pt-dark .pt-select.pt-minimal select.pt-intent-danger.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-danger.pt-disabled {\n        background: none;\n        color: rgba(255, 115, 115, 0.5); }\n\n.pt-select.pt-large select {\n  height: 40px;\n  padding-right: 35px;\n  font-size: 16px; }\n\n.pt-dark .pt-select select {\n  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);\n  background-color: #394b59;\n  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0));\n  color: #f5f8fa; }\n  .pt-dark .pt-select select:hover, .pt-dark .pt-select select:active, .pt-dark .pt-select select.pt-active {\n    color: #f5f8fa; }\n  .pt-dark .pt-select select:hover {\n    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);\n    background-color: #30404d; }\n  .pt-dark .pt-select select:active, .pt-dark .pt-select select.pt-active {\n    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.6), inset 0 1px 2px rgba(16, 22, 26, 0.2);\n    background-color: #202b33;\n    background-image: none; }\n  .pt-dark .pt-select select:disabled, .pt-dark .pt-select select.pt-disabled {\n    box-shadow: none;\n    background-color: rgba(57, 75, 89, 0.5);\n    background-image: none;\n    color: rgba(191, 204, 214, 0.5); }\n    .pt-dark .pt-select select:disabled.pt-active, .pt-dark .pt-select select.pt-disabled.pt-active {\n      background: rgba(57, 75, 89, 0.7); }\n  .pt-dark .pt-select select .pt-button-spinner .pt-spinner-head {\n    background: rgba(16, 22, 26, 0.5);\n    stroke: #8a9ba8; }\n\n.pt-select select:disabled {\n  box-shadow: none;\n  background-color: rgba(206, 217, 224, 0.5);\n  cursor: not-allowed;\n  color: rgba(92, 112, 128, 0.5); }\n\n.pt-select::after {\n  line-height: 1;\n  font-family: \"Icons16\", sans-serif;\n  font-size: 16px;\n  font-weight: 400;\n  font-style: normal;\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  position: absolute;\n  top: 0;\n  right: 7px;\n  line-height: 30px;\n  color: #5c7080;\n  content: \"\";\n  pointer-events: none; }\n  .pt-disabled.pt-select::after {\n    color: rgba(92, 112, 128, 0.5); }\n\n.pt-editable-text {\n  display: inline-block;\n  position: relative;\n  cursor: text;\n  max-width: 100%;\n  vertical-align: top;\n  white-space: nowrap; }\n  .pt-editable-text::before {\n    position: absolute;\n    top: -3px;\n    right: -3px;\n    bottom: -3px;\n    left: -3px;\n    border-radius: 3px;\n    content: \"\";\n    transition: background-color 100ms cubic-bezier(0.4, 1, 0.75, 0.9), box-shadow 100ms cubic-bezier(0.4, 1, 0.75, 0.9); }\n  .pt-editable-text:hover::before {\n    box-shadow: 0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0), inset 0 0 0 1px rgba(16, 22, 26, 0.15); }\n  .pt-editable-text.pt-editable-editing::before {\n    box-shadow: 0 0 0 1px #137cbd, 0 0 0 3px rgba(19, 124, 189, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.2);\n    background-color: #ffffff; }\n  .pt-editable-text.pt-disabled::before {\n    box-shadow: none; }\n  .pt-editable-text.pt-intent-primary .pt-editable-input,\n  .pt-editable-text.pt-intent-primary .pt-editable-content {\n    color: #137cbd; }\n  .pt-editable-text.pt-intent-primary:hover::before {\n    box-shadow: 0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0), inset 0 0 0 1px rgba(19, 124, 189, 0.4); }\n  .pt-editable-text.pt-intent-primary.pt-editable-editing::before {\n    box-shadow: 0 0 0 1px #137cbd, 0 0 0 3px rgba(19, 124, 189, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.2); }\n  .pt-editable-text.pt-intent-success .pt-editable-input,\n  .pt-editable-text.pt-intent-success .pt-editable-content {\n    color: #0f9960; }\n  .pt-editable-text.pt-intent-success:hover::before {\n    box-shadow: 0 0 0 0 rgba(15, 153, 96, 0), 0 0 0 0 rgba(15, 153, 96, 0), inset 0 0 0 1px rgba(15, 153, 96, 0.4); }\n  .pt-editable-text.pt-intent-success.pt-editable-editing::before {\n    box-shadow: 0 0 0 1px #0f9960, 0 0 0 3px rgba(15, 153, 96, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.2); }\n  .pt-editable-text.pt-intent-warning .pt-editable-input,\n  .pt-editable-text.pt-intent-warning .pt-editable-content {\n    color: #d9822b; }\n  .pt-editable-text.pt-intent-warning:hover::before {\n    box-shadow: 0 0 0 0 rgba(217, 130, 43, 0), 0 0 0 0 rgba(217, 130, 43, 0), inset 0 0 0 1px rgba(217, 130, 43, 0.4); }\n  .pt-editable-text.pt-intent-warning.pt-editable-editing::before {\n    box-shadow: 0 0 0 1px #d9822b, 0 0 0 3px rgba(217, 130, 43, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.2); }\n  .pt-editable-text.pt-intent-danger .pt-editable-input,\n  .pt-editable-text.pt-intent-danger .pt-editable-content {\n    color: #db3737; }\n  .pt-editable-text.pt-intent-danger:hover::before {\n    box-shadow: 0 0 0 0 rgba(219, 55, 55, 0), 0 0 0 0 rgba(219, 55, 55, 0), inset 0 0 0 1px rgba(219, 55, 55, 0.4); }\n  .pt-editable-text.pt-intent-danger.pt-editable-editing::before {\n    box-shadow: 0 0 0 1px #db3737, 0 0 0 3px rgba(219, 55, 55, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.2); }\n  .pt-dark .pt-editable-text:hover::before {\n    box-shadow: 0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0), inset 0 0 0 1px rgba(255, 255, 255, 0.15); }\n  .pt-dark .pt-editable-text.pt-editable-editing::before {\n    box-shadow: 0 0 0 1px #137cbd, 0 0 0 3px rgba(19, 124, 189, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);\n    background-color: rgba(16, 22, 26, 0.3); }\n  .pt-dark .pt-editable-text.pt-disabled::before {\n    box-shadow: none; }\n  .pt-dark .pt-editable-text.pt-intent-primary .pt-editable-content {\n    color: #48aff0; }\n  .pt-dark .pt-editable-text.pt-intent-primary:hover::before {\n    box-shadow: 0 0 0 0 rgba(72, 175, 240, 0), 0 0 0 0 rgba(72, 175, 240, 0), inset 0 0 0 1px rgba(72, 175, 240, 0.4); }\n  .pt-dark .pt-editable-text.pt-intent-primary.pt-editable-editing::before {\n    box-shadow: 0 0 0 1px #48aff0, 0 0 0 3px rgba(72, 175, 240, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4); }\n  .pt-dark .pt-editable-text.pt-intent-success .pt-editable-content {\n    color: #3dcc91; }\n  .pt-dark .pt-editable-text.pt-intent-success:hover::before {\n    box-shadow: 0 0 0 0 rgba(61, 204, 145, 0), 0 0 0 0 rgba(61, 204, 145, 0), inset 0 0 0 1px rgba(61, 204, 145, 0.4); }\n  .pt-dark .pt-editable-text.pt-intent-success.pt-editable-editing::before {\n    box-shadow: 0 0 0 1px #3dcc91, 0 0 0 3px rgba(61, 204, 145, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4); }\n  .pt-dark .pt-editable-text.pt-intent-warning .pt-editable-content {\n    color: #ffb366; }\n  .pt-dark .pt-editable-text.pt-intent-warning:hover::before {\n    box-shadow: 0 0 0 0 rgba(255, 179, 102, 0), 0 0 0 0 rgba(255, 179, 102, 0), inset 0 0 0 1px rgba(255, 179, 102, 0.4); }\n  .pt-dark .pt-editable-text.pt-intent-warning.pt-editable-editing::before {\n    box-shadow: 0 0 0 1px #ffb366, 0 0 0 3px rgba(255, 179, 102, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4); }\n  .pt-dark .pt-editable-text.pt-intent-danger .pt-editable-content {\n    color: #ff7373; }\n  .pt-dark .pt-editable-text.pt-intent-danger:hover::before {\n    box-shadow: 0 0 0 0 rgba(255, 115, 115, 0), 0 0 0 0 rgba(255, 115, 115, 0), inset 0 0 0 1px rgba(255, 115, 115, 0.4); }\n  .pt-dark .pt-editable-text.pt-intent-danger.pt-editable-editing::before {\n    box-shadow: 0 0 0 1px #ff7373, 0 0 0 3px rgba(255, 115, 115, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4); }\n\n.pt-editable-input,\n.pt-editable-content {\n  display: inherit;\n  position: relative;\n  min-width: inherit;\n  max-width: inherit;\n  vertical-align: top;\n  text-transform: inherit;\n  letter-spacing: inherit;\n  color: inherit;\n  font: inherit;\n  resize: none; }\n\n.pt-editable-input {\n  border: none;\n  box-shadow: none;\n  background: none;\n  width: 100%;\n  padding: 0;\n  white-space: pre-wrap; }\n  .pt-editable-input:focus {\n    outline: none; }\n  .pt-editable-input::-ms-clear {\n    display: none; }\n\n.pt-editable-content {\n  overflow: hidden;\n  padding-right: 2px;\n  text-overflow: ellipsis;\n  white-space: pre; }\n  .pt-editable-editing > .pt-editable-content {\n    position: absolute;\n    left: 0;\n    visibility: hidden; }\n  .pt-editable-placeholder > .pt-editable-content {\n    color: rgba(92, 112, 128, 0.5); }\n    .pt-dark .pt-editable-placeholder > .pt-editable-content {\n      color: rgba(191, 204, 214, 0.5); }\n\n.pt-editable-text.pt-multiline {\n  display: block; }\n  .pt-editable-text.pt-multiline .pt-editable-content {\n    overflow: auto;\n    white-space: pre-wrap; }\n\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\n * Copyright 2015-present Palantir Technologies, Inc. All rights reserved.\n */\n/*\n * Copyright 2015-present Palantir Technologies, Inc. All rights reserved.\n */\n/*\n * Copyright 2015-present Palantir Technologies, Inc. All rights reserved.\n */\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nCSS `border` property issues:\n- An element can only have one border.\n- Borders can't stack with shadows.\n- Borders modify the size of the element they're applied to.\n- Border positioning requires the extra `box-sizing` property.\n\n`box-shadow` doesn't have these issues, we're using it instead of `border`.\n*/\n/*\nOverlay shadows are used for default buttons\nfloating on top of other elements. This way, the\nshadows blend with the colors beneath it.\nSwitches and slider handles both use these variables.\n*/\n.pt-select select {\n  display: inline-block;\n  border: none;\n  border-radius: 3px;\n  cursor: pointer;\n  padding: 0 10px;\n  vertical-align: middle;\n  font-size: 14px;\n  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);\n  background-color: #f5f8fa;\n  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));\n  color: #182026;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  border-radius: 3px;\n  height: 30px;\n  padding: 0 25px 0 10px; }\n  .pt-select select:hover {\n    box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);\n    background-clip: padding-box;\n    background-color: #ebf1f5; }\n  .pt-select select:active, .pt-select select.pt-active {\n    box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 1px 2px rgba(16, 22, 26, 0.2);\n    background-color: #d8e1e8;\n    background-image: none; }\n  .pt-select select:disabled, .pt-select select.pt-disabled {\n    outline: none;\n    box-shadow: none;\n    background-color: rgba(206, 217, 224, 0.5);\n    background-image: none;\n    cursor: not-allowed;\n    color: rgba(92, 112, 128, 0.5); }\n    .pt-select select:disabled.pt-active, .pt-select select.pt-disabled.pt-active {\n      background: rgba(206, 217, 224, 0.7); }\n\n.pt-select.pt-minimal select {\n  box-shadow: none;\n  background: none; }\n  .pt-select.pt-minimal select:hover {\n    box-shadow: none;\n    background: rgba(167, 182, 194, 0.3);\n    text-decoration: none;\n    color: #182026; }\n  .pt-select.pt-minimal select:active, .pt-select.pt-minimal select.pt-active {\n    box-shadow: none;\n    background: rgba(115, 134, 148, 0.3);\n    color: #182026; }\n  .pt-select.pt-minimal select:disabled, .pt-select.pt-minimal select:disabled:hover, .pt-select.pt-minimal select.pt-disabled, .pt-select.pt-minimal select.pt-disabled:hover {\n    background: none;\n    cursor: not-allowed;\n    color: rgba(92, 112, 128, 0.5); }\n  .pt-dark .pt-select.pt-minimal select, .pt-select.pt-minimal .pt-dark select {\n    box-shadow: none;\n    background: none;\n    color: inherit; }\n    .pt-dark .pt-select.pt-minimal select:hover, .pt-select.pt-minimal .pt-dark select:hover, .pt-dark .pt-select.pt-minimal select:active, .pt-select.pt-minimal .pt-dark select:active, .pt-dark .pt-select.pt-minimal select.pt-active, .pt-select.pt-minimal .pt-dark select.pt-active {\n      box-shadow: none;\n      background: none; }\n    .pt-dark .pt-select.pt-minimal select:hover, .pt-select.pt-minimal .pt-dark select:hover {\n      background: rgba(138, 155, 168, 0.15); }\n    .pt-dark .pt-select.pt-minimal select:active, .pt-select.pt-minimal .pt-dark select:active, .pt-dark .pt-select.pt-minimal select.pt-active, .pt-select.pt-minimal .pt-dark select.pt-active {\n      background: rgba(138, 155, 168, 0.3);\n      color: #f5f8fa; }\n    .pt-dark .pt-select.pt-minimal select:disabled, .pt-select.pt-minimal .pt-dark select:disabled, .pt-dark .pt-select.pt-minimal select:disabled:hover, .pt-select.pt-minimal .pt-dark select:disabled:hover, .pt-dark .pt-select.pt-minimal select.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-disabled, .pt-dark .pt-select.pt-minimal select.pt-disabled:hover, .pt-select.pt-minimal .pt-dark select.pt-disabled:hover {\n      background: none;\n      cursor: not-allowed;\n      color: rgba(191, 204, 214, 0.5); }\n  .pt-select.pt-minimal select.pt-intent-primary {\n    color: #106ba3; }\n    .pt-select.pt-minimal select.pt-intent-primary:hover, .pt-select.pt-minimal select.pt-intent-primary:active, .pt-select.pt-minimal select.pt-intent-primary.pt-active {\n      box-shadow: none;\n      background: none;\n      color: #106ba3; }\n    .pt-select.pt-minimal select.pt-intent-primary:hover {\n      background: rgba(19, 124, 189, 0.15);\n      color: #106ba3; }\n    .pt-select.pt-minimal select.pt-intent-primary:active, .pt-select.pt-minimal select.pt-intent-primary.pt-active {\n      background: rgba(19, 124, 189, 0.3);\n      color: #106ba3; }\n    .pt-select.pt-minimal select.pt-intent-primary:disabled, .pt-select.pt-minimal select.pt-intent-primary.pt-disabled {\n      background: none;\n      color: rgba(16, 107, 163, 0.5); }\n    .pt-select.pt-minimal select.pt-intent-primary .pt-button-spinner .pt-spinner-head {\n      stroke: #106ba3; }\n    .pt-dark .pt-select.pt-minimal select.pt-intent-primary, .pt-select.pt-minimal .pt-dark select.pt-intent-primary {\n      color: #48aff0; }\n      .pt-dark .pt-select.pt-minimal select.pt-intent-primary:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-primary:hover {\n        background: rgba(19, 124, 189, 0.2);\n        color: #48aff0; }\n      .pt-dark .pt-select.pt-minimal select.pt-intent-primary:active, .pt-select.pt-minimal .pt-dark select.pt-intent-primary:active, .pt-dark .pt-select.pt-minimal select.pt-intent-primary.pt-active, .pt-select.pt-minimal .pt-dark select.pt-intent-primary.pt-active {\n        background: rgba(19, 124, 189, 0.3);\n        color: #48aff0; }\n      .pt-dark .pt-select.pt-minimal select.pt-intent-primary:disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-primary:disabled, .pt-dark .pt-select.pt-minimal select.pt-intent-primary.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-primary.pt-disabled {\n        background: none;\n        color: rgba(72, 175, 240, 0.5); }\n  .pt-select.pt-minimal select.pt-intent-success {\n    color: #0d8050; }\n    .pt-select.pt-minimal select.pt-intent-success:hover, .pt-select.pt-minimal select.pt-intent-success:active, .pt-select.pt-minimal select.pt-intent-success.pt-active {\n      box-shadow: none;\n      background: none;\n      color: #0d8050; }\n    .pt-select.pt-minimal select.pt-intent-success:hover {\n      background: rgba(15, 153, 96, 0.15);\n      color: #0d8050; }\n    .pt-select.pt-minimal select.pt-intent-success:active, .pt-select.pt-minimal select.pt-intent-success.pt-active {\n      background: rgba(15, 153, 96, 0.3);\n      color: #0d8050; }\n    .pt-select.pt-minimal select.pt-intent-success:disabled, .pt-select.pt-minimal select.pt-intent-success.pt-disabled {\n      background: none;\n      color: rgba(13, 128, 80, 0.5); }\n    .pt-select.pt-minimal select.pt-intent-success .pt-button-spinner .pt-spinner-head {\n      stroke: #0d8050; }\n    .pt-dark .pt-select.pt-minimal select.pt-intent-success, .pt-select.pt-minimal .pt-dark select.pt-intent-success {\n      color: #3dcc91; }\n      .pt-dark .pt-select.pt-minimal select.pt-intent-success:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-success:hover {\n        background: rgba(15, 153, 96, 0.2);\n        color: #3dcc91; }\n      .pt-dark .pt-select.pt-minimal select.pt-intent-success:active, .pt-select.pt-minimal .pt-dark select.pt-intent-success:active, .pt-dark .pt-select.pt-minimal select.pt-intent-success.pt-active, .pt-select.pt-minimal .pt-dark select.pt-intent-success.pt-active {\n        background: rgba(15, 153, 96, 0.3);\n        color: #3dcc91; }\n      .pt-dark .pt-select.pt-minimal select.pt-intent-success:disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-success:disabled, .pt-dark .pt-select.pt-minimal select.pt-intent-success.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-success.pt-disabled {\n        background: none;\n        color: rgba(61, 204, 145, 0.5); }\n  .pt-select.pt-minimal select.pt-intent-warning {\n    color: #bf7326; }\n    .pt-select.pt-minimal select.pt-intent-warning:hover, .pt-select.pt-minimal select.pt-intent-warning:active, .pt-select.pt-minimal select.pt-intent-warning.pt-active {\n      box-shadow: none;\n      background: none;\n      color: #bf7326; }\n    .pt-select.pt-minimal select.pt-intent-warning:hover {\n      background: rgba(217, 130, 43, 0.15);\n      color: #bf7326; }\n    .pt-select.pt-minimal select.pt-intent-warning:active, .pt-select.pt-minimal select.pt-intent-warning.pt-active {\n      background: rgba(217, 130, 43, 0.3);\n      color: #bf7326; }\n    .pt-select.pt-minimal select.pt-intent-warning:disabled, .pt-select.pt-minimal select.pt-intent-warning.pt-disabled {\n      background: none;\n      color: rgba(191, 115, 38, 0.5); }\n    .pt-select.pt-minimal select.pt-intent-warning .pt-button-spinner .pt-spinner-head {\n      stroke: #bf7326; }\n    .pt-dark .pt-select.pt-minimal select.pt-intent-warning, .pt-select.pt-minimal .pt-dark select.pt-intent-warning {\n      color: #ffb366; }\n      .pt-dark .pt-select.pt-minimal select.pt-intent-warning:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-warning:hover {\n        background: rgba(217, 130, 43, 0.2);\n        color: #ffb366; }\n      .pt-dark .pt-select.pt-minimal select.pt-intent-warning:active, .pt-select.pt-minimal .pt-dark select.pt-intent-warning:active, .pt-dark .pt-select.pt-minimal select.pt-intent-warning.pt-active, .pt-select.pt-minimal .pt-dark select.pt-intent-warning.pt-active {\n        background: rgba(217, 130, 43, 0.3);\n        color: #ffb366; }\n      .pt-dark .pt-select.pt-minimal select.pt-intent-warning:disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-warning:disabled, .pt-dark .pt-select.pt-minimal select.pt-intent-warning.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-warning.pt-disabled {\n        background: none;\n        color: rgba(255, 179, 102, 0.5); }\n  .pt-select.pt-minimal select.pt-intent-danger {\n    color: #c23030; }\n    .pt-select.pt-minimal select.pt-intent-danger:hover, .pt-select.pt-minimal select.pt-intent-danger:active, .pt-select.pt-minimal select.pt-intent-danger.pt-active {\n      box-shadow: none;\n      background: none;\n      color: #c23030; }\n    .pt-select.pt-minimal select.pt-intent-danger:hover {\n      background: rgba(219, 55, 55, 0.15);\n      color: #c23030; }\n    .pt-select.pt-minimal select.pt-intent-danger:active, .pt-select.pt-minimal select.pt-intent-danger.pt-active {\n      background: rgba(219, 55, 55, 0.3);\n      color: #c23030; }\n    .pt-select.pt-minimal select.pt-intent-danger:disabled, .pt-select.pt-minimal select.pt-intent-danger.pt-disabled {\n      background: none;\n      color: rgba(194, 48, 48, 0.5); }\n    .pt-select.pt-minimal select.pt-intent-danger .pt-button-spinner .pt-spinner-head {\n      stroke: #c23030; }\n    .pt-dark .pt-select.pt-minimal select.pt-intent-danger, .pt-select.pt-minimal .pt-dark select.pt-intent-danger {\n      color: #ff7373; }\n      .pt-dark .pt-select.pt-minimal select.pt-intent-danger:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-danger:hover {\n        background: rgba(219, 55, 55, 0.2);\n        color: #ff7373; }\n      .pt-dark .pt-select.pt-minimal select.pt-intent-danger:active, .pt-select.pt-minimal .pt-dark select.pt-intent-danger:active, .pt-dark .pt-select.pt-minimal select.pt-intent-danger.pt-active, .pt-select.pt-minimal .pt-dark select.pt-intent-danger.pt-active {\n        background: rgba(219, 55, 55, 0.3);\n        color: #ff7373; }\n      .pt-dark .pt-select.pt-minimal select.pt-intent-danger:disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-danger:disabled, .pt-dark .pt-select.pt-minimal select.pt-intent-danger.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-danger.pt-disabled {\n        background: none;\n        color: rgba(255, 115, 115, 0.5); }\n\n.pt-select.pt-large select {\n  height: 40px;\n  padding-right: 35px;\n  font-size: 16px; }\n\n.pt-dark .pt-select select {\n  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);\n  background-color: #394b59;\n  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0));\n  color: #f5f8fa; }\n  .pt-dark .pt-select select:hover, .pt-dark .pt-select select:active, .pt-dark .pt-select select.pt-active {\n    color: #f5f8fa; }\n  .pt-dark .pt-select select:hover {\n    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);\n    background-color: #30404d; }\n  .pt-dark .pt-select select:active, .pt-dark .pt-select select.pt-active {\n    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.6), inset 0 1px 2px rgba(16, 22, 26, 0.2);\n    background-color: #202b33;\n    background-image: none; }\n  .pt-dark .pt-select select:disabled, .pt-dark .pt-select select.pt-disabled {\n    box-shadow: none;\n    background-color: rgba(57, 75, 89, 0.5);\n    background-image: none;\n    color: rgba(191, 204, 214, 0.5); }\n    .pt-dark .pt-select select:disabled.pt-active, .pt-dark .pt-select select.pt-disabled.pt-active {\n      background: rgba(57, 75, 89, 0.7); }\n  .pt-dark .pt-select select .pt-button-spinner .pt-spinner-head {\n    background: rgba(16, 22, 26, 0.5);\n    stroke: #8a9ba8; }\n\n.pt-select select:disabled {\n  box-shadow: none;\n  background-color: rgba(206, 217, 224, 0.5);\n  cursor: not-allowed;\n  color: rgba(92, 112, 128, 0.5); }\n\n.pt-select::after {\n  line-height: 1;\n  font-family: \"Icons16\", sans-serif;\n  font-size: 16px;\n  font-weight: 400;\n  font-style: normal;\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  position: absolute;\n  top: 0;\n  right: 7px;\n  line-height: 30px;\n  color: #5c7080;\n  content: \"\";\n  pointer-events: none; }\n  .pt-disabled.pt-select::after {\n    color: rgba(92, 112, 128, 0.5); }\n\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nCSS `border` property issues:\n- An element can only have one border.\n- Borders can't stack with shadows.\n- Borders modify the size of the element they're applied to.\n- Border positioning requires the extra `box-sizing` property.\n\n`box-shadow` doesn't have these issues, we're using it instead of `border`.\n*/\n/*\nOverlay shadows are used for default buttons\nfloating on top of other elements. This way, the\nshadows blend with the colors beneath it.\nSwitches and slider handles both use these variables.\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\n * Copyright 2015-present Palantir Technologies, Inc. All rights reserved.\n */\n/*\n * Copyright 2015-present Palantir Technologies, Inc. All rights reserved.\n */\n/*\n * Copyright 2015-present Palantir Technologies, Inc. All rights reserved.\n */\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nCSS `border` property issues:\n- An element can only have one border.\n- Borders can't stack with shadows.\n- Borders modify the size of the element they're applied to.\n- Border positioning requires the extra `box-sizing` property.\n\n`box-shadow` doesn't have these issues, we're using it instead of `border`.\n*/\n/*\nOverlay shadows are used for default buttons\nfloating on top of other elements. This way, the\nshadows blend with the colors beneath it.\nSwitches and slider handles both use these variables.\n*/\n.pt-select select {\n  display: inline-block;\n  border: none;\n  border-radius: 3px;\n  cursor: pointer;\n  padding: 0 10px;\n  vertical-align: middle;\n  font-size: 14px;\n  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);\n  background-color: #f5f8fa;\n  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));\n  color: #182026;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  border-radius: 3px;\n  height: 30px;\n  padding: 0 25px 0 10px; }\n  .pt-select select:hover {\n    box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);\n    background-clip: padding-box;\n    background-color: #ebf1f5; }\n  .pt-select select:active, .pt-select select.pt-active {\n    box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 1px 2px rgba(16, 22, 26, 0.2);\n    background-color: #d8e1e8;\n    background-image: none; }\n  .pt-select select:disabled, .pt-select select.pt-disabled {\n    outline: none;\n    box-shadow: none;\n    background-color: rgba(206, 217, 224, 0.5);\n    background-image: none;\n    cursor: not-allowed;\n    color: rgba(92, 112, 128, 0.5); }\n    .pt-select select:disabled.pt-active, .pt-select select.pt-disabled.pt-active {\n      background: rgba(206, 217, 224, 0.7); }\n\n.pt-select.pt-minimal select {\n  box-shadow: none;\n  background: none; }\n  .pt-select.pt-minimal select:hover {\n    box-shadow: none;\n    background: rgba(167, 182, 194, 0.3);\n    text-decoration: none;\n    color: #182026; }\n  .pt-select.pt-minimal select:active, .pt-select.pt-minimal select.pt-active {\n    box-shadow: none;\n    background: rgba(115, 134, 148, 0.3);\n    color: #182026; }\n  .pt-select.pt-minimal select:disabled, .pt-select.pt-minimal select:disabled:hover, .pt-select.pt-minimal select.pt-disabled, .pt-select.pt-minimal select.pt-disabled:hover {\n    background: none;\n    cursor: not-allowed;\n    color: rgba(92, 112, 128, 0.5); }\n  .pt-dark .pt-select.pt-minimal select, .pt-select.pt-minimal .pt-dark select {\n    box-shadow: none;\n    background: none;\n    color: inherit; }\n    .pt-dark .pt-select.pt-minimal select:hover, .pt-select.pt-minimal .pt-dark select:hover, .pt-dark .pt-select.pt-minimal select:active, .pt-select.pt-minimal .pt-dark select:active, .pt-dark .pt-select.pt-minimal select.pt-active, .pt-select.pt-minimal .pt-dark select.pt-active {\n      box-shadow: none;\n      background: none; }\n    .pt-dark .pt-select.pt-minimal select:hover, .pt-select.pt-minimal .pt-dark select:hover {\n      background: rgba(138, 155, 168, 0.15); }\n    .pt-dark .pt-select.pt-minimal select:active, .pt-select.pt-minimal .pt-dark select:active, .pt-dark .pt-select.pt-minimal select.pt-active, .pt-select.pt-minimal .pt-dark select.pt-active {\n      background: rgba(138, 155, 168, 0.3);\n      color: #f5f8fa; }\n    .pt-dark .pt-select.pt-minimal select:disabled, .pt-select.pt-minimal .pt-dark select:disabled, .pt-dark .pt-select.pt-minimal select:disabled:hover, .pt-select.pt-minimal .pt-dark select:disabled:hover, .pt-dark .pt-select.pt-minimal select.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-disabled, .pt-dark .pt-select.pt-minimal select.pt-disabled:hover, .pt-select.pt-minimal .pt-dark select.pt-disabled:hover {\n      background: none;\n      cursor: not-allowed;\n      color: rgba(191, 204, 214, 0.5); }\n  .pt-select.pt-minimal select.pt-intent-primary {\n    color: #106ba3; }\n    .pt-select.pt-minimal select.pt-intent-primary:hover, .pt-select.pt-minimal select.pt-intent-primary:active, .pt-select.pt-minimal select.pt-intent-primary.pt-active {\n      box-shadow: none;\n      background: none;\n      color: #106ba3; }\n    .pt-select.pt-minimal select.pt-intent-primary:hover {\n      background: rgba(19, 124, 189, 0.15);\n      color: #106ba3; }\n    .pt-select.pt-minimal select.pt-intent-primary:active, .pt-select.pt-minimal select.pt-intent-primary.pt-active {\n      background: rgba(19, 124, 189, 0.3);\n      color: #106ba3; }\n    .pt-select.pt-minimal select.pt-intent-primary:disabled, .pt-select.pt-minimal select.pt-intent-primary.pt-disabled {\n      background: none;\n      color: rgba(16, 107, 163, 0.5); }\n    .pt-select.pt-minimal select.pt-intent-primary .pt-button-spinner .pt-spinner-head {\n      stroke: #106ba3; }\n    .pt-dark .pt-select.pt-minimal select.pt-intent-primary, .pt-select.pt-minimal .pt-dark select.pt-intent-primary {\n      color: #48aff0; }\n      .pt-dark .pt-select.pt-minimal select.pt-intent-primary:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-primary:hover {\n        background: rgba(19, 124, 189, 0.2);\n        color: #48aff0; }\n      .pt-dark .pt-select.pt-minimal select.pt-intent-primary:active, .pt-select.pt-minimal .pt-dark select.pt-intent-primary:active, .pt-dark .pt-select.pt-minimal select.pt-intent-primary.pt-active, .pt-select.pt-minimal .pt-dark select.pt-intent-primary.pt-active {\n        background: rgba(19, 124, 189, 0.3);\n        color: #48aff0; }\n      .pt-dark .pt-select.pt-minimal select.pt-intent-primary:disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-primary:disabled, .pt-dark .pt-select.pt-minimal select.pt-intent-primary.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-primary.pt-disabled {\n        background: none;\n        color: rgba(72, 175, 240, 0.5); }\n  .pt-select.pt-minimal select.pt-intent-success {\n    color: #0d8050; }\n    .pt-select.pt-minimal select.pt-intent-success:hover, .pt-select.pt-minimal select.pt-intent-success:active, .pt-select.pt-minimal select.pt-intent-success.pt-active {\n      box-shadow: none;\n      background: none;\n      color: #0d8050; }\n    .pt-select.pt-minimal select.pt-intent-success:hover {\n      background: rgba(15, 153, 96, 0.15);\n      color: #0d8050; }\n    .pt-select.pt-minimal select.pt-intent-success:active, .pt-select.pt-minimal select.pt-intent-success.pt-active {\n      background: rgba(15, 153, 96, 0.3);\n      color: #0d8050; }\n    .pt-select.pt-minimal select.pt-intent-success:disabled, .pt-select.pt-minimal select.pt-intent-success.pt-disabled {\n      background: none;\n      color: rgba(13, 128, 80, 0.5); }\n    .pt-select.pt-minimal select.pt-intent-success .pt-button-spinner .pt-spinner-head {\n      stroke: #0d8050; }\n    .pt-dark .pt-select.pt-minimal select.pt-intent-success, .pt-select.pt-minimal .pt-dark select.pt-intent-success {\n      color: #3dcc91; }\n      .pt-dark .pt-select.pt-minimal select.pt-intent-success:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-success:hover {\n        background: rgba(15, 153, 96, 0.2);\n        color: #3dcc91; }\n      .pt-dark .pt-select.pt-minimal select.pt-intent-success:active, .pt-select.pt-minimal .pt-dark select.pt-intent-success:active, .pt-dark .pt-select.pt-minimal select.pt-intent-success.pt-active, .pt-select.pt-minimal .pt-dark select.pt-intent-success.pt-active {\n        background: rgba(15, 153, 96, 0.3);\n        color: #3dcc91; }\n      .pt-dark .pt-select.pt-minimal select.pt-intent-success:disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-success:disabled, .pt-dark .pt-select.pt-minimal select.pt-intent-success.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-success.pt-disabled {\n        background: none;\n        color: rgba(61, 204, 145, 0.5); }\n  .pt-select.pt-minimal select.pt-intent-warning {\n    color: #bf7326; }\n    .pt-select.pt-minimal select.pt-intent-warning:hover, .pt-select.pt-minimal select.pt-intent-warning:active, .pt-select.pt-minimal select.pt-intent-warning.pt-active {\n      box-shadow: none;\n      background: none;\n      color: #bf7326; }\n    .pt-select.pt-minimal select.pt-intent-warning:hover {\n      background: rgba(217, 130, 43, 0.15);\n      color: #bf7326; }\n    .pt-select.pt-minimal select.pt-intent-warning:active, .pt-select.pt-minimal select.pt-intent-warning.pt-active {\n      background: rgba(217, 130, 43, 0.3);\n      color: #bf7326; }\n    .pt-select.pt-minimal select.pt-intent-warning:disabled, .pt-select.pt-minimal select.pt-intent-warning.pt-disabled {\n      background: none;\n      color: rgba(191, 115, 38, 0.5); }\n    .pt-select.pt-minimal select.pt-intent-warning .pt-button-spinner .pt-spinner-head {\n      stroke: #bf7326; }\n    .pt-dark .pt-select.pt-minimal select.pt-intent-warning, .pt-select.pt-minimal .pt-dark select.pt-intent-warning {\n      color: #ffb366; }\n      .pt-dark .pt-select.pt-minimal select.pt-intent-warning:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-warning:hover {\n        background: rgba(217, 130, 43, 0.2);\n        color: #ffb366; }\n      .pt-dark .pt-select.pt-minimal select.pt-intent-warning:active, .pt-select.pt-minimal .pt-dark select.pt-intent-warning:active, .pt-dark .pt-select.pt-minimal select.pt-intent-warning.pt-active, .pt-select.pt-minimal .pt-dark select.pt-intent-warning.pt-active {\n        background: rgba(217, 130, 43, 0.3);\n        color: #ffb366; }\n      .pt-dark .pt-select.pt-minimal select.pt-intent-warning:disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-warning:disabled, .pt-dark .pt-select.pt-minimal select.pt-intent-warning.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-warning.pt-disabled {\n        background: none;\n        color: rgba(255, 179, 102, 0.5); }\n  .pt-select.pt-minimal select.pt-intent-danger {\n    color: #c23030; }\n    .pt-select.pt-minimal select.pt-intent-danger:hover, .pt-select.pt-minimal select.pt-intent-danger:active, .pt-select.pt-minimal select.pt-intent-danger.pt-active {\n      box-shadow: none;\n      background: none;\n      color: #c23030; }\n    .pt-select.pt-minimal select.pt-intent-danger:hover {\n      background: rgba(219, 55, 55, 0.15);\n      color: #c23030; }\n    .pt-select.pt-minimal select.pt-intent-danger:active, .pt-select.pt-minimal select.pt-intent-danger.pt-active {\n      background: rgba(219, 55, 55, 0.3);\n      color: #c23030; }\n    .pt-select.pt-minimal select.pt-intent-danger:disabled, .pt-select.pt-minimal select.pt-intent-danger.pt-disabled {\n      background: none;\n      color: rgba(194, 48, 48, 0.5); }\n    .pt-select.pt-minimal select.pt-intent-danger .pt-button-spinner .pt-spinner-head {\n      stroke: #c23030; }\n    .pt-dark .pt-select.pt-minimal select.pt-intent-danger, .pt-select.pt-minimal .pt-dark select.pt-intent-danger {\n      color: #ff7373; }\n      .pt-dark .pt-select.pt-minimal select.pt-intent-danger:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-danger:hover {\n        background: rgba(219, 55, 55, 0.2);\n        color: #ff7373; }\n      .pt-dark .pt-select.pt-minimal select.pt-intent-danger:active, .pt-select.pt-minimal .pt-dark select.pt-intent-danger:active, .pt-dark .pt-select.pt-minimal select.pt-intent-danger.pt-active, .pt-select.pt-minimal .pt-dark select.pt-intent-danger.pt-active {\n        background: rgba(219, 55, 55, 0.3);\n        color: #ff7373; }\n      .pt-dark .pt-select.pt-minimal select.pt-intent-danger:disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-danger:disabled, .pt-dark .pt-select.pt-minimal select.pt-intent-danger.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-danger.pt-disabled {\n        background: none;\n        color: rgba(255, 115, 115, 0.5); }\n\n.pt-select.pt-large select {\n  height: 40px;\n  padding-right: 35px;\n  font-size: 16px; }\n\n.pt-dark .pt-select select {\n  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);\n  background-color: #394b59;\n  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0));\n  color: #f5f8fa; }\n  .pt-dark .pt-select select:hover, .pt-dark .pt-select select:active, .pt-dark .pt-select select.pt-active {\n    color: #f5f8fa; }\n  .pt-dark .pt-select select:hover {\n    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);\n    background-color: #30404d; }\n  .pt-dark .pt-select select:active, .pt-dark .pt-select select.pt-active {\n    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.6), inset 0 1px 2px rgba(16, 22, 26, 0.2);\n    background-color: #202b33;\n    background-image: none; }\n  .pt-dark .pt-select select:disabled, .pt-dark .pt-select select.pt-disabled {\n    box-shadow: none;\n    background-color: rgba(57, 75, 89, 0.5);\n    background-image: none;\n    color: rgba(191, 204, 214, 0.5); }\n    .pt-dark .pt-select select:disabled.pt-active, .pt-dark .pt-select select.pt-disabled.pt-active {\n      background: rgba(57, 75, 89, 0.7); }\n  .pt-dark .pt-select select .pt-button-spinner .pt-spinner-head {\n    background: rgba(16, 22, 26, 0.5);\n    stroke: #8a9ba8; }\n\n.pt-select select:disabled {\n  box-shadow: none;\n  background-color: rgba(206, 217, 224, 0.5);\n  cursor: not-allowed;\n  color: rgba(92, 112, 128, 0.5); }\n\n.pt-select::after {\n  line-height: 1;\n  font-family: \"Icons16\", sans-serif;\n  font-size: 16px;\n  font-weight: 400;\n  font-style: normal;\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  position: absolute;\n  top: 0;\n  right: 7px;\n  line-height: 30px;\n  color: #5c7080;\n  content: \"\";\n  pointer-events: none; }\n  .pt-disabled.pt-select::after {\n    color: rgba(92, 112, 128, 0.5); }\n\n/*\nControl groups\n\nMarkup:\n<div class=\"pt-control-group\">\n  <button class=\"pt-button pt-icon-filter\">Filter</button>\n  <input type=\"text\" class=\"pt-input\" placeholder=\"Find filters...\" />\n</div>\n<div class=\"pt-control-group\">\n  <div class=\"pt-select\">\n    <select>\n      <option selected>Filter...</option>\n      <option value=\"1\">Issues</option>\n      <option value=\"2\">Requests</option>\n      <option value=\"3\">Projects</option>\n    </select>\n  </div>\n  <div class=\"pt-input-group\">\n    <span class=\"pt-icon pt-icon-search\"></span>\n    <input type=\"text\" class=\"pt-input\" value=\"from:ggray to:allorca\" />\n  </div>\n</div>\n<div class=\"pt-control-group\">\n  <div class=\"pt-input-group\">\n    <span class=\"pt-icon pt-icon-people\"></span>\n    <input type=\"text\" class=\"pt-input\" placeholder=\"Find collaborators...\" style=\"padding-right:94px\" />\n    <div class=\"pt-input-action\">\n      <button class=\"pt-button pt-minimal pt-intent-primary\">\n        can view<span class=\"pt-icon-standard pt-icon-caret-down pt-align-right\"></span>\n      </button>\n    </div>\n  </div>\n  <button class=\"pt-button pt-intent-primary\">Add</button>\n</div>\n\nStyleguide pt-control-group\n*/\n.pt-control-group {\n  transform: translateZ(0);\n  display: flex;\n  align-items: flex-start;\n  /*\n  Responsive control groups\n\n  Markup:\n  <div class=\"pt-control-group\">\n    <div class=\"pt-input-group pt-fill\">\n      <span class=\"pt-icon pt-icon-people\"></span>\n      <input type=\"text\" class=\"pt-input\" placeholder=\"Find collaborators...\" />\n    </div>\n    <button class=\"pt-button pt-intent-primary\">Add</button>\n  </div>\n  <div class=\"pt-control-group pt-fill\">\n    <button class=\"pt-button pt-icon-minus pt-fixed\"></button>\n    <input type=\"text\" class=\"pt-input\" placeholder=\"Enter a value...\" />\n    <button class=\"pt-button pt-icon-plus pt-fixed\"></button>\n  </div>\n\n  Styleguide pt-control-group.pt-fill\n  */\n  /*\n  Vertical control groups\n\n  Markup:\n  <div class=\"pt-control-group pt-vertical\" style=\"width: 300px;\">\n    <div class=\"pt-input-group pt-large\">\n      <span class=\"pt-icon pt-icon-person\"></span>\n      <input type=\"text\" class=\"pt-input\" placeholder=\"Username\" />\n    </div>\n    <div class=\"pt-input-group pt-large\">\n      <span class=\"pt-icon pt-icon-lock\"></span>\n      <input type=\"password\" class=\"pt-input\" placeholder=\"Password\" />\n    </div>\n    <button class=\"pt-button pt-large pt-intent-primary\">Login</button>\n  </div>\n\n  Styleguide pt-control-group.pt-vertical\n  */ }\n  .pt-control-group > * {\n    flex: 0 0 auto; }\n  .pt-control-group .pt-button,\n  .pt-control-group .pt-input,\n  .pt-control-group .pt-select {\n    position: relative; }\n  .pt-control-group .pt-input {\n    z-index: 2;\n    border-radius: inherit; }\n    .pt-control-group .pt-input:focus {\n      z-index: 14;\n      border-radius: 3px; }\n    .pt-control-group .pt-input[class*=\"pt-intent\"] {\n      z-index: 13; }\n      .pt-control-group .pt-input[class*=\"pt-intent\"]:focus {\n        z-index: 15; }\n    .pt-control-group .pt-input[readonly], .pt-control-group .pt-input:disabled, .pt-control-group .pt-input.pt-disabled {\n      z-index: 1; }\n  .pt-control-group .pt-input-group[class*=\"pt-intent\"] .pt-input {\n    z-index: 13; }\n    .pt-control-group .pt-input-group[class*=\"pt-intent\"] .pt-input:focus {\n      z-index: 15; }\n  .pt-control-group .pt-button,\n  .pt-control-group .pt-select select {\n    z-index: 4;\n    border-radius: inherit; }\n    .pt-control-group .pt-button:focus,\n    .pt-control-group .pt-select select:focus {\n      position: relative;\n      z-index: 5; }\n    .pt-control-group .pt-button:hover,\n    .pt-control-group .pt-select select:hover {\n      z-index: 6; }\n    .pt-control-group .pt-button:active,\n    .pt-control-group .pt-select select:active {\n      z-index: 7; }\n    .pt-control-group .pt-button[readonly], .pt-control-group .pt-button:disabled, .pt-control-group .pt-button.pt-disabled,\n    .pt-control-group .pt-select select[readonly],\n    .pt-control-group .pt-select select:disabled,\n    .pt-control-group .pt-select select.pt-disabled {\n      z-index: 3; }\n    .pt-control-group .pt-button[class*=\"pt-intent\"],\n    .pt-control-group .pt-select select[class*=\"pt-intent\"] {\n      z-index: 9; }\n      .pt-control-group .pt-button[class*=\"pt-intent\"]:focus,\n      .pt-control-group .pt-select select[class*=\"pt-intent\"]:focus {\n        z-index: 10; }\n      .pt-control-group .pt-button[class*=\"pt-intent\"]:hover,\n      .pt-control-group .pt-select select[class*=\"pt-intent\"]:hover {\n        z-index: 11; }\n      .pt-control-group .pt-button[class*=\"pt-intent\"]:active,\n      .pt-control-group .pt-select select[class*=\"pt-intent\"]:active {\n        z-index: 12; }\n      .pt-control-group .pt-button[class*=\"pt-intent\"][readonly], .pt-control-group .pt-button[class*=\"pt-intent\"]:disabled, .pt-control-group .pt-button[class*=\"pt-intent\"].pt-disabled,\n      .pt-control-group .pt-select select[class*=\"pt-intent\"][readonly],\n      .pt-control-group .pt-select select[class*=\"pt-intent\"]:disabled,\n      .pt-control-group .pt-select select[class*=\"pt-intent\"].pt-disabled {\n        z-index: 8; }\n  .pt-control-group .pt-input-group > .pt-icon,\n  .pt-control-group .pt-input-group > .pt-button,\n  .pt-control-group .pt-input-group > .pt-input-action {\n    z-index: 16; }\n  .pt-control-group .pt-select::after {\n    z-index: 17; }\n  .pt-control-group:not(.pt-vertical) > * {\n    margin-right: -1px; }\n  .pt-dark .pt-control-group:not(.pt-vertical) > * {\n    margin-right: 0; }\n  .pt-dark .pt-control-group:not(.pt-vertical) > .pt-button + .pt-button {\n    margin-left: 1px; }\n  .pt-control-group > :first-child {\n    border-radius: 3px 0 0 3px; }\n  .pt-control-group > :last-child {\n    margin-right: 0;\n    border-radius: 0 3px 3px 0; }\n  .pt-control-group .pt-input-group .pt-button {\n    border-radius: 3px; }\n  .pt-control-group > .pt-fill {\n    flex: 1 1 auto; }\n  .pt-control-group.pt-fill > *:not(.pt-fixed) {\n    flex: 1 1 auto; }\n  .pt-control-group.pt-vertical {\n    flex-direction: column; }\n    .pt-control-group.pt-vertical > * {\n      margin-top: -1px;\n      width: 100%; }\n    .pt-control-group.pt-vertical > :first-child {\n      margin-top: 0;\n      border-radius: 3px 3px 0 0; }\n    .pt-control-group.pt-vertical > :last-child {\n      border-radius: 0 0 3px 3px; }\n\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nCSS `border` property issues:\n- An element can only have one border.\n- Borders can't stack with shadows.\n- Borders modify the size of the element they're applied to.\n- Border positioning requires the extra `box-sizing` property.\n\n`box-shadow` doesn't have these issues, we're using it instead of `border`.\n*/\n/*\nOverlay shadows are used for default buttons\nfloating on top of other elements. This way, the\nshadows blend with the colors beneath it.\nSwitches and slider handles both use these variables.\n*/\n.pt-control {\n  display: block;\n  position: relative;\n  margin-bottom: 10px;\n  cursor: pointer;\n  min-height: 16px;\n  padding-left: 26px;\n  text-transform: none;\n  line-height: 16px;\n  /*\n  Checkbox\n\n  Markup:\n  <label class=\"pt-control pt-checkbox {{.modifier}}\">\n    <input type=\"checkbox\" {{:modifier}} />\n    <span class=\"pt-control-indicator\"></span>\n    Checkbox\n  </label>\n\n  :checked  - Checked\n  :disabled - Disabled. Also add <code>.pt-disabled</code> to <code>.pt-control</code> to change text color (not shown below).\n  :indeterminate - Indeterminate. Note that this style can only be achieved via JavaScript\n                   <code>input.indeterminate = true</code>.\n  .pt-align-right - Right-aligned indicator\n  .pt-large - Large\n\n  Styleguide pt-checkbox\n  */\n  /*\n  Radio\n\n  Markup:\n  <label class=\"pt-control pt-radio {{.modifier}}\">\n    <input type=\"radio\" name=\"docs-radio-regular\" {{:modifier}} />\n    <span class=\"pt-control-indicator\"></span>\n    Radio\n  </label>\n\n  :checked  - Selected\n  :disabled - Disabled. Also add <code>.pt-disabled</code> to <code>.pt-control</code> to change text color (not shown below).\n  .pt-align-right - Right-aligned indicator\n  .pt-large - Large\n\n  Styleguide pt-radio\n  */\n  /*\n  Switch\n\n  Markup:\n  <label class=\"pt-control pt-switch {{.modifier}}\">\n    <input type=\"checkbox\" {{:modifier}} />\n    <span class=\"pt-control-indicator\"></span>\n    Switch\n  </label>\n\n  :checked  - Selected\n  :disabled - Disabled. Also add <code>.pt-disabled</code> to <code>.pt-control</code> to change text color (not shown below).\n  .pt-align-right - Right-aligned indicator\n  .pt-large - Large\n\n  Styleguide pt-switch\n  */\n  /*\n  Inline labels\n\n  Markup:\n  <label class=\"pt-label\">A group of related options</label>\n  <label class=\"pt-control pt-checkbox pt-inline\">\n    <input type=\"checkbox\" />\n    <span class=\"pt-control-indicator\"></span>\n    First\n  </label>\n  <label class=\"pt-control pt-checkbox pt-inline\">\n    <input type=\"checkbox\" />\n    <span class=\"pt-control-indicator\"></span>\n    Second\n  </label>\n  <label class=\"pt-control pt-checkbox pt-inline\">\n    <input type=\"checkbox\" />\n    <span class=\"pt-control-indicator\"></span>\n    Third\n  </label>\n\n  Styleguide pt-checkbox.pt-inline\n  */ }\n  .pt-control.pt-disabled {\n    cursor: not-allowed;\n    color: rgba(92, 112, 128, 0.5); }\n  .pt-control.pt-inline {\n    display: inline-block;\n    margin-right: 20px; }\n  .pt-control input {\n    position: absolute;\n    top: 0;\n    left: 0;\n    opacity: 0;\n    z-index: -1; }\n  .pt-control .pt-control-indicator {\n    line-height: 1;\n    font-family: \"Icons16\", sans-serif;\n    font-size: 16px;\n    font-weight: 400;\n    font-style: normal;\n    -moz-osx-font-smoothing: grayscale;\n    -webkit-font-smoothing: antialiased;\n    position: absolute;\n    top: 0;\n    left: 0;\n    margin: 0;\n    border: none;\n    box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);\n    background-clip: padding-box;\n    background-color: #f5f8fa;\n    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));\n    cursor: pointer;\n    width: 16px;\n    height: 16px;\n    line-height: 16px;\n    user-select: none; }\n    .pt-control .pt-control-indicator::before {\n      position: relative;\n      content: \"\"; }\n  .pt-control input:checked ~ .pt-control-indicator, .pt-control.pt-checkbox input:indeterminate ~ .pt-control-indicator {\n    box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2);\n    background-color: #137cbd;\n    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));\n    color: #ffffff; }\n  .pt-control:hover .pt-control-indicator {\n    background-color: #ebf1f5; }\n  .pt-control:hover input:checked ~ .pt-control-indicator, .pt-control:hover .pt-control.pt-checkbox input:indeterminate ~ .pt-control-indicator, .pt-control.pt-checkbox .pt-control:hover input:indeterminate ~ .pt-control-indicator, .pt-control.pt-checkbox:hover input:indeterminate ~ .pt-control-indicator {\n    box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2);\n    background-color: #106ba3; }\n  .pt-control input:not(:disabled):active ~ .pt-control-indicator {\n    box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 1px 2px rgba(16, 22, 26, 0.2);\n    background: #d8e1e8; }\n  .pt-control input:not(:disabled):active:checked ~ .pt-control-indicator, .pt-control.pt-checkbox input:not(:disabled):active:indeterminate ~ .pt-control-indicator {\n    box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 1px 2px rgba(16, 22, 26, 0.2);\n    background: #0e5a8a; }\n  .pt-control input:focus ~ .pt-control-indicator {\n    outline: rgba(19, 124, 189, 0.5) auto 2px;\n    outline-offset: 2px;\n    -moz-outline-radius: 6px; }\n  .pt-control input:disabled ~ .pt-control-indicator {\n    box-shadow: none;\n    background: rgba(206, 217, 224, 0.5);\n    cursor: not-allowed; }\n  .pt-control input:disabled:checked ~ .pt-control-indicator, .pt-control.pt-checkbox input:disabled:indeterminate ~ .pt-control-indicator {\n    box-shadow: none;\n    background: rgba(19, 124, 189, 0.5); }\n  .pt-control.pt-checkbox .pt-control-indicator {\n    border-radius: 3px;\n    font-size: 16px; }\n  .pt-control.pt-checkbox input:checked ~ .pt-control-indicator::before, .pt-control.pt-checkbox input:indeterminate ~ .pt-control-indicator::before {\n    content: \"\"; }\n  .pt-control.pt-checkbox input:indeterminate ~ .pt-control-indicator::before {\n    content: \"\"; }\n  .pt-control.pt-radio .pt-control-indicator {\n    border-radius: 50%;\n    font-size: 6px; }\n  .pt-control.pt-radio input:checked ~ .pt-control-indicator::before, .pt-control.pt-radio .pt-control.pt-checkbox input:indeterminate ~ .pt-control-indicator::before, .pt-control.pt-checkbox .pt-control.pt-radio input:indeterminate ~ .pt-control-indicator::before {\n    display: inline-block;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    border-radius: 50%;\n    background: #ffffff;\n    width: 1em;\n    height: 1em;\n    content: \"\"; }\n  .pt-control.pt-radio input:checked:disabled ~ .pt-control-indicator::before, .pt-control.pt-radio .pt-control.pt-checkbox input:disabled:indeterminate ~ .pt-control-indicator::before, .pt-control.pt-checkbox .pt-control.pt-radio input:disabled:indeterminate ~ .pt-control-indicator::before {\n    box-shadow: none; }\n  .pt-control.pt-radio input:focus ~ .pt-control-indicator {\n    -moz-outline-radius: 16px; }\n  .pt-control.pt-switch {\n    padding-left: 38px; }\n    .pt-control.pt-switch .pt-control-indicator {\n      border: none;\n      border-radius: 28px;\n      box-shadow: none;\n      background: rgba(167, 182, 194, 0.5);\n      width: 28px;\n      height: 16px;\n      transition: background 100ms cubic-bezier(0.4, 1, 0.75, 0.9); }\n      .pt-control.pt-switch .pt-control-indicator::before {\n        display: block;\n        top: 2px;\n        left: 2px;\n        border-radius: 16px;\n        box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 1px 1px rgba(16, 22, 26, 0.2);\n        background: #ffffff;\n        background-clip: padding-box;\n        width: 12px;\n        height: 12px;\n        content: \"\";\n        transition: left 100ms cubic-bezier(0.4, 1, 0.75, 0.9); }\n    .pt-control.pt-switch input:checked ~ .pt-control-indicator, .pt-control.pt-switch .pt-control.pt-checkbox input:indeterminate ~ .pt-control-indicator, .pt-control.pt-checkbox .pt-control.pt-switch input:indeterminate ~ .pt-control-indicator {\n      box-shadow: none;\n      background-color: #137cbd;\n      width: 28px;\n      height: 16px; }\n      .pt-control.pt-switch input:checked ~ .pt-control-indicator::before, .pt-control.pt-switch .pt-control.pt-checkbox input:indeterminate ~ .pt-control-indicator::before, .pt-control.pt-checkbox .pt-control.pt-switch input:indeterminate ~ .pt-control-indicator::before {\n        left: 14px;\n        box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 1px 1px rgba(16, 22, 26, 0.2); }\n    .pt-control.pt-switch:hover .pt-control-indicator {\n      background-color: rgba(115, 134, 148, 0.5); }\n    .pt-control.pt-switch:hover input:checked ~ .pt-control-indicator, .pt-control.pt-switch:hover .pt-control.pt-checkbox input:indeterminate ~ .pt-control-indicator, .pt-control.pt-checkbox .pt-control.pt-switch:hover input:indeterminate ~ .pt-control-indicator {\n      background-color: #106ba3; }\n    .pt-control.pt-switch input:not(:disabled):active ~ .pt-control-indicator {\n      box-shadow: none;\n      background-color: rgba(92, 112, 128, 0.5); }\n    .pt-control.pt-switch input:not(:disabled):active:checked ~ .pt-control-indicator, .pt-control.pt-switch .pt-control.pt-checkbox input:not(:disabled):active:indeterminate ~ .pt-control-indicator, .pt-control.pt-checkbox .pt-control.pt-switch input:not(:disabled):active:indeterminate ~ .pt-control-indicator {\n      background-color: #0e5a8a; }\n      .pt-control.pt-switch input:not(:disabled):active:checked ~ .pt-control-indicator::before, .pt-control.pt-switch .pt-control.pt-checkbox input:not(:disabled):active:indeterminate ~ .pt-control-indicator::before, .pt-control.pt-checkbox .pt-control.pt-switch input:not(:disabled):active:indeterminate ~ .pt-control-indicator::before {\n        box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 1px 1px rgba(16, 22, 26, 0.2); }\n    .pt-control.pt-switch input:disabled ~ .pt-control-indicator {\n      background-color: rgba(206, 217, 224, 0.5); }\n      .pt-control.pt-switch input:disabled ~ .pt-control-indicator::before {\n        box-shadow: none;\n        background-color: rgba(255, 255, 255, 0.8); }\n    .pt-control.pt-switch input:disabled:checked ~ .pt-control-indicator, .pt-control.pt-switch .pt-control.pt-checkbox input:disabled:indeterminate ~ .pt-control-indicator, .pt-control.pt-checkbox .pt-control.pt-switch input:disabled:indeterminate ~ .pt-control-indicator {\n      background-color: rgba(19, 124, 189, 0.5); }\n  .pt-control.pt-align-right {\n    padding-right: 26px;\n    padding-left: 0; }\n    .pt-control.pt-align-right .pt-control-indicator {\n      right: 0;\n      left: auto; }\n  .pt-control.pt-large {\n    min-height: 20px;\n    padding-left: 30px;\n    line-height: 20px;\n    font-size: 16px; }\n    .pt-control.pt-large .pt-control-indicator {\n      width: 20px;\n      height: 20px;\n      line-height: 20px;\n      font-family: \"Icons20\";\n      font-size: 20px; }\n    .pt-control.pt-large.pt-checkbox input:checked ~ .pt-control-indicator::before, .pt-control.pt-large.pt-checkbox input:indeterminate ~ .pt-control-indicator::before, .pt-control.pt-large.pt-checkbox\n    .pt-control.pt-checkbox:hover input:indeterminate ~ .pt-control-indicator::before {\n      top: 1px; }\n    .pt-control.pt-large.pt-radio .pt-control-indicator {\n      font-size: 8px; }\n    .pt-control.pt-large.pt-switch {\n      padding-left: 42px; }\n      .pt-control.pt-large.pt-switch .pt-control-indicator {\n        width: 32px;\n        height: 20px; }\n        .pt-control.pt-large.pt-switch .pt-control-indicator::before {\n          width: 16px;\n          height: 16px; }\n      .pt-control.pt-large.pt-switch input:checked ~ .pt-control-indicator, .pt-control.pt-large.pt-switch .pt-control.pt-checkbox input:indeterminate ~ .pt-control-indicator, .pt-control.pt-checkbox .pt-control.pt-large.pt-switch input:indeterminate ~ .pt-control-indicator {\n        width: 32px;\n        height: 20px; }\n        .pt-control.pt-large.pt-switch input:checked ~ .pt-control-indicator::before, .pt-control.pt-large.pt-switch .pt-control.pt-checkbox input:indeterminate ~ .pt-control-indicator::before, .pt-control.pt-checkbox .pt-control.pt-large.pt-switch input:indeterminate ~ .pt-control-indicator::before {\n          left: 14px; }\n  .pt-dark .pt-control {\n    color: #f5f8fa; }\n    .pt-dark .pt-control.pt-disabled {\n      color: rgba(191, 204, 214, 0.5); }\n    .pt-dark .pt-control .pt-control-indicator {\n      box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);\n      background-color: #394b59;\n      background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0)); }\n    .pt-dark .pt-control input:checked ~ .pt-control-indicator, .pt-dark .pt-control.pt-checkbox input:indeterminate ~ .pt-control-indicator {\n      box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4); }\n    .pt-dark .pt-control:hover .pt-control-indicator {\n      background-color: #30404d; }\n    .pt-dark .pt-control input:not(:disabled):active ~ .pt-control-indicator {\n      box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.6), inset 0 1px 2px rgba(16, 22, 26, 0.2);\n      background: #202b33; }\n    .pt-dark .pt-control input:not(:disabled):active:checked ~ .pt-control-indicator, .pt-dark .pt-control.pt-checkbox input:not(:disabled):active:indeterminate ~ .pt-control-indicator {\n      box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 1px 2px rgba(16, 22, 26, 0.2);\n      background-color: #0e5a8a; }\n    .pt-dark .pt-control input:disabled ~ .pt-control-indicator {\n      box-shadow: none;\n      background: rgba(57, 75, 89, 0.5);\n      cursor: not-allowed; }\n    .pt-dark .pt-control input:disabled:checked ~ .pt-control-indicator, .pt-dark .pt-control.pt-checkbox input:disabled:indeterminate ~ .pt-control-indicator {\n      box-shadow: none;\n      background: rgba(14, 90, 138, 0.5); }\n    .pt-dark .pt-control.pt-checkbox input:checked:disabled ~ .pt-control-indicator::before, .pt-dark .pt-control.pt-checkbox input:disabled:indeterminate ~ .pt-control-indicator::before {\n      color: rgba(191, 204, 214, 0.5); }\n    .pt-dark .pt-control.pt-radio input:checked:disabled ~ .pt-control-indicator::before, .pt-dark .pt-control.pt-radio .pt-control.pt-checkbox input:disabled:indeterminate ~ .pt-control-indicator::before, .pt-control.pt-checkbox .pt-dark .pt-control.pt-radio input:disabled:indeterminate ~ .pt-control-indicator::before {\n      background: rgba(191, 204, 214, 0.5); }\n    .pt-dark .pt-control.pt-switch .pt-control-indicator {\n      box-shadow: none;\n      background: rgba(16, 22, 26, 0.5); }\n      .pt-dark .pt-control.pt-switch .pt-control-indicator::before {\n        box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);\n        background: #30404d; }\n    .pt-dark .pt-control.pt-switch input:checked ~ .pt-control-indicator, .pt-dark .pt-control.pt-switch .pt-control.pt-checkbox input:indeterminate ~ .pt-control-indicator, .pt-control.pt-checkbox .pt-dark .pt-control.pt-switch input:indeterminate ~ .pt-control-indicator {\n      box-shadow: none;\n      background-color: #137cbd; }\n      .pt-dark .pt-control.pt-switch input:checked ~ .pt-control-indicator::before, .pt-dark .pt-control.pt-switch .pt-control.pt-checkbox input:indeterminate ~ .pt-control-indicator::before, .pt-control.pt-checkbox .pt-dark .pt-control.pt-switch input:indeterminate ~ .pt-control-indicator::before {\n        box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4); }\n    .pt-dark .pt-control.pt-switch:hover .pt-control-indicator {\n      background: rgba(16, 22, 26, 0.7); }\n    .pt-dark .pt-control.pt-switch:hover input:checked ~ .pt-control-indicator, .pt-dark .pt-control.pt-switch:hover .pt-control.pt-checkbox input:indeterminate ~ .pt-control-indicator, .pt-control.pt-checkbox .pt-dark .pt-control.pt-switch:hover input:indeterminate ~ .pt-control-indicator {\n      background: #2b95d6; }\n    .pt-dark .pt-control.pt-switch input:not(:disabled):active ~ .pt-control-indicator {\n      box-shadow: none;\n      background: rgba(16, 22, 26, 0.9); }\n      .pt-dark .pt-control.pt-switch input:not(:disabled):active ~ .pt-control-indicator::before {\n        box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4); }\n    .pt-dark .pt-control.pt-switch input:not(:disabled):active:checked ~ .pt-control-indicator, .pt-dark .pt-control.pt-switch .pt-control.pt-checkbox input:not(:disabled):active:indeterminate ~ .pt-control-indicator, .pt-control.pt-checkbox .pt-dark .pt-control.pt-switch input:not(:disabled):active:indeterminate ~ .pt-control-indicator {\n      background: #48aff0; }\n      .pt-dark .pt-control.pt-switch input:not(:disabled):active:checked ~ .pt-control-indicator::before, .pt-dark .pt-control.pt-switch .pt-control.pt-checkbox input:not(:disabled):active:indeterminate ~ .pt-control-indicator::before, .pt-control.pt-checkbox .pt-dark .pt-control.pt-switch input:not(:disabled):active:indeterminate ~ .pt-control-indicator::before {\n        box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4); }\n    .pt-dark .pt-control.pt-switch input:disabled ~ .pt-control-indicator {\n      background: rgba(57, 75, 89, 0.5); }\n      .pt-dark .pt-control.pt-switch input:disabled ~ .pt-control-indicator::before {\n        box-shadow: none;\n        background: rgba(16, 22, 26, 0.4); }\n    .pt-dark .pt-control.pt-switch input:disabled:checked ~ .pt-control-indicator, .pt-dark .pt-control.pt-switch .pt-control.pt-checkbox input:disabled:indeterminate ~ .pt-control-indicator, .pt-control.pt-checkbox .pt-dark .pt-control.pt-switch input:disabled:indeterminate ~ .pt-control-indicator {\n      background: rgba(14, 90, 138, 0.5); }\n\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nCSS `border` property issues:\n- An element can only have one border.\n- Borders can't stack with shadows.\n- Borders modify the size of the element they're applied to.\n- Border positioning requires the extra `box-sizing` property.\n\n`box-shadow` doesn't have these issues, we're using it instead of `border`.\n*/\n/*\nOverlay shadows are used for default buttons\nfloating on top of other elements. This way, the\nshadows blend with the colors beneath it.\nSwitches and slider handles both use these variables.\n*/\n/*\nFile upload\n\nMarkup:\n<label class=\"pt-file-upload {{.modifier}}\">\n  <input type=\"file\" {{:modifier}}/>\n  <span class=\"pt-file-upload-input\">Choose file...</span>\n</label>\n\n:disabled - Disabled\n.pt-large - Larger size\n.pt-fill - Take up full width of parent element\n\nStyleguide pt-file-upload\n*/\n.pt-file-upload {\n  display: inline-block;\n  position: relative;\n  cursor: pointer;\n  height: 30px; }\n  .pt-file-upload input {\n    opacity: 0;\n    margin: 0;\n    min-width: 200px; }\n    .pt-file-upload input:disabled + .pt-file-upload-input,\n    .pt-file-upload input.pt-disabled + .pt-file-upload-input {\n      box-shadow: none;\n      background: rgba(206, 217, 224, 0.5);\n      cursor: not-allowed;\n      color: rgba(92, 112, 128, 0.5);\n      resize: none; }\n      .pt-file-upload input:disabled + .pt-file-upload-input::after,\n      .pt-file-upload input.pt-disabled + .pt-file-upload-input::after {\n        outline: none;\n        box-shadow: none;\n        background-color: rgba(206, 217, 224, 0.5);\n        background-image: none;\n        cursor: not-allowed;\n        color: rgba(92, 112, 128, 0.5); }\n        .pt-file-upload input:disabled + .pt-file-upload-input::after.pt-active,\n        .pt-file-upload input.pt-disabled + .pt-file-upload-input::after.pt-active {\n          background: rgba(206, 217, 224, 0.7); }\n      .pt-dark .pt-file-upload input:disabled + .pt-file-upload-input, .pt-dark\n      .pt-file-upload input.pt-disabled + .pt-file-upload-input {\n        box-shadow: none;\n        background: rgba(57, 75, 89, 0.5);\n        color: rgba(191, 204, 214, 0.5); }\n        .pt-dark .pt-file-upload input:disabled + .pt-file-upload-input::after, .pt-dark\n        .pt-file-upload input.pt-disabled + .pt-file-upload-input::after {\n          box-shadow: none;\n          background-color: rgba(57, 75, 89, 0.5);\n          background-image: none;\n          color: rgba(191, 204, 214, 0.5); }\n          .pt-dark .pt-file-upload input:disabled + .pt-file-upload-input::after.pt-active, .pt-dark\n          .pt-file-upload input.pt-disabled + .pt-file-upload-input::after.pt-active {\n            background: rgba(57, 75, 89, 0.7); }\n  .pt-file-upload.pt-fill {\n    width: 100%; }\n\n.pt-file-upload-input {\n  outline: none;\n  border: none;\n  border-radius: 3px;\n  box-shadow: 0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0), inset 0 0 0 1px rgba(16, 22, 26, 0.15), inset 0 1px 1px rgba(16, 22, 26, 0.2);\n  background: #ffffff;\n  height: 30px;\n  padding: 0 10px;\n  vertical-align: middle;\n  line-height: 30px;\n  color: #182026;\n  font-size: 14px;\n  font-weight: 400;\n  transition: box-shadow 100ms cubic-bezier(0.4, 1, 0.75, 0.9);\n  appearance: none;\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: 0;\n  margin-right: 70px;\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n  height: 30px;\n  line-height: 30px;\n  color: #5c7080;\n  user-select: none; }\n  .pt-file-upload-input::placeholder {\n    opacity: 1;\n    color: rgba(92, 112, 128, 0.5); }\n  .pt-file-upload-input:focus, .pt-file-upload-input.pt-active {\n    box-shadow: 0 0 0 1px #137cbd, 0 0 0 3px rgba(19, 124, 189, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.2); }\n  .pt-file-upload-input[type=\"search\"], .pt-file-upload-input.pt-round {\n    border-radius: 30px;\n    box-sizing: border-box;\n    padding-left: 10px; }\n  .pt-file-upload-input[readonly] {\n    box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.15); }\n  .pt-file-upload-input:disabled, .pt-file-upload-input.pt-disabled {\n    box-shadow: none;\n    background: rgba(206, 217, 224, 0.5);\n    cursor: not-allowed;\n    color: rgba(92, 112, 128, 0.5);\n    resize: none; }\n  .pt-file-upload-input::after {\n    box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);\n    background-color: #f5f8fa;\n    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));\n    color: #182026;\n    position: absolute;\n    top: 0;\n    right: 0;\n    left: 100%;\n    margin-left: -1px;\n    border-radius: 3px;\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n    width: 70px;\n    height: 30px;\n    padding: 0 10px;\n    text-align: center;\n    line-height: 30px;\n    content: \"Browse\"; }\n    .pt-file-upload-input::after:hover {\n      box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);\n      background-clip: padding-box;\n      background-color: #ebf1f5; }\n    .pt-file-upload-input::after:active, .pt-file-upload-input::after.pt-active {\n      box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 1px 2px rgba(16, 22, 26, 0.2);\n      background-color: #d8e1e8;\n      background-image: none; }\n    .pt-file-upload-input::after:disabled, .pt-file-upload-input::after.pt-disabled {\n      outline: none;\n      box-shadow: none;\n      background-color: rgba(206, 217, 224, 0.5);\n      background-image: none;\n      cursor: not-allowed;\n      color: rgba(92, 112, 128, 0.5); }\n      .pt-file-upload-input::after:disabled.pt-active, .pt-file-upload-input::after.pt-disabled.pt-active {\n        background: rgba(206, 217, 224, 0.7); }\n  .pt-file-upload-input:hover::after {\n    box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);\n    background-clip: padding-box;\n    background-color: #ebf1f5; }\n  .pt-file-upload-input:active::after {\n    box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 1px 2px rgba(16, 22, 26, 0.2);\n    background-color: #d8e1e8;\n    background-image: none; }\n  .pt-large .pt-file-upload-input {\n    margin-right: 85px;\n    height: 40px;\n    line-height: 40px;\n    font-size: 16px; }\n    .pt-large .pt-file-upload-input::after {\n      width: 85px;\n      height: 40px;\n      padding: 0 15px;\n      line-height: 40px;\n      font-size: 16px; }\n  .pt-dark .pt-file-upload-input {\n    box-shadow: 0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);\n    background: rgba(16, 22, 26, 0.3);\n    color: #f5f8fa;\n    color: #bfccd6; }\n    .pt-dark .pt-file-upload-input::placeholder {\n      color: rgba(191, 204, 214, 0.5); }\n    .pt-dark .pt-file-upload-input:focus {\n      box-shadow: 0 0 0 1px #137cbd, 0 0 0 1px #137cbd, 0 0 0 3px rgba(19, 124, 189, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4); }\n    .pt-dark .pt-file-upload-input[readonly] {\n      box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4); }\n    .pt-dark .pt-file-upload-input:disabled, .pt-dark .pt-file-upload-input.pt-disabled {\n      box-shadow: none;\n      background: rgba(57, 75, 89, 0.5);\n      color: rgba(191, 204, 214, 0.5); }\n    .pt-dark .pt-file-upload-input::after {\n      box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);\n      background-color: #394b59;\n      background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0));\n      color: #f5f8fa; }\n      .pt-dark .pt-file-upload-input::after:hover, .pt-dark .pt-file-upload-input::after:active, .pt-dark .pt-file-upload-input::after.pt-active {\n        color: #f5f8fa; }\n      .pt-dark .pt-file-upload-input::after:hover {\n        box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);\n        background-color: #30404d; }\n      .pt-dark .pt-file-upload-input::after:active, .pt-dark .pt-file-upload-input::after.pt-active {\n        box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.6), inset 0 1px 2px rgba(16, 22, 26, 0.2);\n        background-color: #202b33;\n        background-image: none; }\n      .pt-dark .pt-file-upload-input::after:disabled, .pt-dark .pt-file-upload-input::after.pt-disabled {\n        box-shadow: none;\n        background-color: rgba(57, 75, 89, 0.5);\n        background-image: none;\n        color: rgba(191, 204, 214, 0.5); }\n        .pt-dark .pt-file-upload-input::after:disabled.pt-active, .pt-dark .pt-file-upload-input::after.pt-disabled.pt-active {\n          background: rgba(57, 75, 89, 0.7); }\n      .pt-dark .pt-file-upload-input::after .pt-button-spinner .pt-spinner-head {\n        background: rgba(16, 22, 26, 0.5);\n        stroke: #8a9ba8; }\n    .pt-dark .pt-file-upload-input:hover::after {\n      box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);\n      background-color: #30404d; }\n    .pt-dark .pt-file-upload-input:active::after {\n      box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.6), inset 0 1px 2px rgba(16, 22, 26, 0.2);\n      background-color: #202b33;\n      background-image: none; }\n\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nForm groups\n\nMarkup:\n<div class=\"pt-form-group\">\n  <label class=\"pt-label\" for=\"example-form-group-input-a\">\n    Label A\n    <span class=\"pt-text-muted\">(required)</span>\n  </label>\n  <div class=\"pt-form-content\">\n    <input id=\"example-form-group-input-a\" class=\"pt-input\" style=\"width: 300px;\" placeholder=\"Placeholder text\" type=\"text\" dir=\"auto\" />\n    <div class=\"pt-form-helper-text\">Helper text with details / user feedback</div>\n  </div>\n</div>\n<div class=\"pt-form-group pt-intent-danger\">\n  <label class=\"pt-label\" for=\"example-form-group-input-b\">\n    Label B\n    <span class=\"pt-text-muted\">(required)</span>\n  </label>\n  <div class=\"pt-form-content\">\n    <div class=\"pt-input-group pt-intent-danger\">\n      <span class=\"pt-icon pt-icon-calendar\"></span>\n      <input id=\"example-form-group-input-b\" class=\"pt-input\" style=\"width: 200px;\" type=\"text\" placeholder=\"Placeholder text\" dir=\"auto\" />\n    </div>\n    <div class=\"pt-form-helper-text\">Please enter a value</div>\n  </div>\n</div>\n<div class=\"pt-form-group\">\n  <label class=\"pt-label\" for=\"example-form-group-switch-c\">\n    Label C\n    <span class=\"pt-text-muted\">(required)</span>\n  </label>\n  <div class=\"pt-form-content\">\n    <label class=\"pt-control pt-switch\">\n      <input id=\"example-form-group-switch-c\" type=\"checkbox\" />\n      <span class=\"pt-control-indicator\"></span>\n      Switch C\n    </label>\n    <div class=\"pt-form-helper-text\">Helper text with details / user feedback</div>\n  </div>\n</div>\n<div class=\"pt-form-group pt-inline\">\n  <label class=\"pt-label\" for=\"example-form-group-input-d\">\n    Label D\n    <span class=\"pt-text-muted\">(optional)</span>\n  </label>\n  <div class=\"pt-form-content\">\n    <div class=\"pt-input-group\">\n      <span class=\"pt-icon pt-icon-calendar\"></span>\n      <input id=\"example-form-group-input-d\" class=\"pt-input\" style=\"width: 200px;\" type=\"text\" placeholder=\"Placeholder text\" dir=\"auto\" />\n    </div>\n    <div class=\"pt-form-helper-text\">Helper text with details / user feedback</div>\n  </div>\n</div>\n<div class=\"pt-form-group pt-inline pt-large pt-disabled\">\n  <label class=\"pt-label\" for=\"example-form-group-input-e\">\n    Label E\n    <span class=\"pt-text-muted\">(optional)</span>\n  </label>\n  <div class=\"pt-form-content\">\n    <div class=\"pt-input-group pt-large pt-disabled\">\n      <span class=\"pt-icon pt-icon-calendar\"></span>\n      <input id=\"example-form-group-input-e\" class=\"pt-input\" disabled style=\"width: 200px;\" type=\"text\" placeholder=\"Placeholder text\" dir=\"auto\" />\n    </div>\n    <div class=\"pt-form-helper-text\">Helper text with details / user feedback</div>\n  </div>\n</div>\n<div class=\"pt-form-group pt-inline\">\n  <label class=\"pt-label\" for=\"example-form-group-switch-f\">\n    Label F\n  </label>\n  <div class=\"pt-form-content\">\n    <label class=\"pt-control pt-switch\">\n      <input id=\"example-form-group-switch-f\" type=\"checkbox\" />\n      <span class=\"pt-control-indicator\"></span>\n      Switch F\n    </label>\n    <div class=\"pt-form-helper-text\">Helper text with details / user feedback</div>\n  </div>\n</div>\n<div class=\"pt-form-group pt-inline pt-large pt-disabled\">\n  <label class=\"pt-label\" for=\"example-form-group-switch-g\">\n    Label G\n  </label>\n  <div class=\"pt-form-content\">\n    <label class=\"pt-control pt-switch pt-large pt-disabled\">\n      <input id=\"example-form-group-switch-g\" type=\"checkbox\" disabled />\n      <span class=\"pt-control-indicator\"></span>\n      Switch G\n    </label>\n    <div class=\"pt-form-helper-text\">Helper text with details / user feedback</div>\n  </div>\n</div>\n\nStyleguide pt-form-group\n*/\n.pt-form-group {\n  display: flex;\n  flex-direction: column;\n  margin: 0 0 15px; }\n  .pt-form-group label.pt-label {\n    margin-bottom: 5px; }\n  .pt-form-group .pt-control {\n    margin-top: 5px; }\n  .pt-form-group .pt-form-helper-text {\n    margin-top: 5px;\n    color: #5c7080;\n    font-size: 12px; }\n  .pt-form-group.pt-intent-primary .pt-form-helper-text {\n    color: #106ba3; }\n  .pt-form-group.pt-intent-success .pt-form-helper-text {\n    color: #0d8050; }\n  .pt-form-group.pt-intent-warning .pt-form-helper-text {\n    color: #bf7326; }\n  .pt-form-group.pt-intent-danger .pt-form-helper-text {\n    color: #c23030; }\n  .pt-form-group.pt-inline {\n    flex-direction: row;\n    align-items: baseline; }\n    .pt-form-group.pt-inline.pt-large label.pt-label {\n      margin: 0 10px 0 0;\n      line-height: 40px; }\n    .pt-form-group.pt-inline label.pt-label {\n      margin: 0 10px 0 0;\n      line-height: 30px; }\n  .pt-form-group.pt-disabled .pt-label,\n  .pt-form-group.pt-disabled .pt-text-muted,\n  .pt-form-group.pt-disabled .pt-form-helper-text {\n    color: rgba(92, 112, 128, 0.5) !important; }\n  .pt-dark .pt-form-group.pt-intent-primary .pt-form-helper-text {\n    color: #48aff0; }\n  .pt-dark .pt-form-group.pt-intent-success .pt-form-helper-text {\n    color: #3dcc91; }\n  .pt-dark .pt-form-group.pt-intent-warning .pt-form-helper-text {\n    color: #ffb366; }\n  .pt-dark .pt-form-group.pt-intent-danger .pt-form-helper-text {\n    color: #ff7373; }\n  .pt-dark .pt-form-group .pt-form-helper-text {\n    color: #bfccd6; }\n  .pt-dark .pt-form-group.pt-disabled .pt-label,\n  .pt-dark .pt-form-group.pt-disabled .pt-text-muted,\n  .pt-dark .pt-form-group.pt-disabled .pt-form-helper-text {\n    color: rgba(191, 204, 214, 0.5) !important; }\n\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nCSS `border` property issues:\n- An element can only have one border.\n- Borders can't stack with shadows.\n- Borders modify the size of the element they're applied to.\n- Border positioning requires the extra `box-sizing` property.\n\n`box-shadow` doesn't have these issues, we're using it instead of `border`.\n*/\n/*\nOverlay shadows are used for default buttons\nfloating on top of other elements. This way, the\nshadows blend with the colors beneath it.\nSwitches and slider handles both use these variables.\n*/\n/*\nInput groups\n\nMarkup:\n<div class=\"pt-input-group {{.modifier}}\">\n  <span class=\"pt-icon pt-icon-filter\"></span>\n  <input type=\"text\" class=\"pt-input\" {{:modifier}} placeholder=\"Filter histogram...\" />\n</div>\n<div class=\"pt-input-group {{.modifier}}\">\n  <input type=\"password\" class=\"pt-input\" {{:modifier}} placeholder=\"Enter your password...\" />\n  <button class=\"pt-button pt-minimal pt-intent-warning pt-icon-lock\" {{:modifier}}></button>\n</div>\n<div class=\"pt-input-group {{.modifier}}\">\n  <span class=\"pt-icon pt-icon-search\"></span>\n  <input type=\"text\" class=\"pt-input\" {{:modifier}} placeholder=\"Search\" />\n  <button class=\"pt-button pt-minimal pt-intent-primary pt-icon-arrow-right\" {{:modifier}}></button>\n</div>\n\n:disabled - Disabled input. Must be added separately to the <code>&#60;input&#62;</code> and <code>&#60;button&#62;</code>. Also add <code>.pt-disabled</code> to <code>.pt-input-group</code> for icon coloring (not shown below).\n.pt-round - Rounded caps. Button will also be rounded.\n.pt-large - Large group. Children will adjust size accordingly.\n.pt-intent-primary - Primary intent. (All 4 intents are supported.)\n\nStyleguide pt-input-group\n*/\n.pt-input-group {\n  display: block;\n  position: relative; }\n  .pt-input-group .pt-input {\n    position: relative;\n    width: 100%; }\n    .pt-input-group .pt-input:not(:first-child) {\n      padding-left: 30px; }\n    .pt-input-group .pt-input:not(:last-child) {\n      padding-right: 30px; }\n  .pt-input-group .pt-input-action,\n  .pt-input-group > .pt-button,\n  .pt-input-group > .pt-icon {\n    position: absolute;\n    top: 0; }\n    .pt-input-group .pt-input-action:first-child,\n    .pt-input-group > .pt-button:first-child,\n    .pt-input-group > .pt-icon:first-child {\n      left: 0; }\n    .pt-input-group .pt-input-action:last-child,\n    .pt-input-group > .pt-button:last-child,\n    .pt-input-group > .pt-icon:last-child {\n      right: 0; }\n  .pt-input-group .pt-button {\n    min-width: 24px;\n    min-height: 24px;\n    line-height: 24px;\n    margin: 3px;\n    padding-top: 0;\n    padding-bottom: 0; }\n  .pt-input-group .pt-icon {\n    line-height: 1;\n    font-family: \"Icons16\", sans-serif;\n    font-size: 16px;\n    font-weight: 400;\n    font-style: normal;\n    -moz-osx-font-smoothing: grayscale;\n    -webkit-font-smoothing: antialiased;\n    z-index: 1;\n    margin: 0 7px;\n    line-height: 30px;\n    color: #5c7080; }\n  .pt-input-group .pt-spinner {\n    margin: 3px; }\n  .pt-input-group .pt-tag {\n    margin: 5px; }\n  .pt-input-group .pt-input:not(:focus) + .pt-button.pt-minimal:not(:hover):not(:focus),\n  .pt-input-group .pt-input:not(:focus) + .pt-input-action .pt-button.pt-minimal:not(:hover):not(:focus) {\n    color: #5c7080; }\n    .pt-dark .pt-input-group .pt-input:not(:focus) + .pt-button.pt-minimal:not(:hover):not(:focus), .pt-dark\n    .pt-input-group .pt-input:not(:focus) + .pt-input-action .pt-button.pt-minimal:not(:hover):not(:focus) {\n      color: #bfccd6; }\n    .pt-input-group .pt-input:not(:focus) + .pt-button.pt-minimal:not(:hover):not(:focus) .pt-icon, .pt-input-group .pt-input:not(:focus) + .pt-button.pt-minimal:not(:hover):not(:focus) .pt-icon-standard, .pt-input-group .pt-input:not(:focus) + .pt-button.pt-minimal:not(:hover):not(:focus) .pt-icon-large,\n    .pt-input-group .pt-input:not(:focus) + .pt-input-action .pt-button.pt-minimal:not(:hover):not(:focus) .pt-icon,\n    .pt-input-group .pt-input:not(:focus) + .pt-input-action .pt-button.pt-minimal:not(:hover):not(:focus) .pt-icon-standard,\n    .pt-input-group .pt-input:not(:focus) + .pt-input-action .pt-button.pt-minimal:not(:hover):not(:focus) .pt-icon-large {\n      color: #5c7080; }\n  .pt-input-group .pt-input:not(:focus) + .pt-button.pt-minimal:disabled,\n  .pt-input-group .pt-input:not(:focus) + .pt-input-action .pt-button.pt-minimal:disabled {\n    color: rgba(92, 112, 128, 0.5) !important; }\n    .pt-input-group .pt-input:not(:focus) + .pt-button.pt-minimal:disabled .pt-icon, .pt-input-group .pt-input:not(:focus) + .pt-button.pt-minimal:disabled .pt-icon-standard, .pt-input-group .pt-input:not(:focus) + .pt-button.pt-minimal:disabled .pt-icon-large,\n    .pt-input-group .pt-input:not(:focus) + .pt-input-action .pt-button.pt-minimal:disabled .pt-icon,\n    .pt-input-group .pt-input:not(:focus) + .pt-input-action .pt-button.pt-minimal:disabled .pt-icon-standard,\n    .pt-input-group .pt-input:not(:focus) + .pt-input-action .pt-button.pt-minimal:disabled .pt-icon-large {\n      color: rgba(92, 112, 128, 0.5) !important; }\n  .pt-input-group.pt-disabled {\n    cursor: not-allowed; }\n    .pt-input-group.pt-disabled .pt-icon {\n      color: rgba(92, 112, 128, 0.5); }\n  .pt-input-group.pt-large .pt-button {\n    min-width: 30px;\n    min-height: 30px;\n    line-height: 30px;\n    margin: 5px;\n    line-height: 0; }\n  .pt-input-group.pt-large .pt-icon {\n    margin: 0 12px;\n    line-height: 40px; }\n  .pt-input-group.pt-large .pt-input {\n    height: 40px;\n    line-height: 40px;\n    font-size: 16px; }\n    .pt-input-group.pt-large .pt-input[type=\"search\"], .pt-input-group.pt-large .pt-input.pt-round {\n      padding: 0 15px; }\n    .pt-input-group.pt-large .pt-input:not(:first-child) {\n      padding-left: 40px; }\n    .pt-input-group.pt-large .pt-input:not(:last-child) {\n      padding-right: 40px; }\n  .pt-input-group.pt-large .pt-spinner {\n    margin: 8px; }\n  .pt-input-group.pt-round .pt-button,\n  .pt-input-group.pt-round .pt-input,\n  .pt-input-group.pt-round .pt-tag {\n    border-radius: 30px; }\n  .pt-dark .pt-input-group .pt-icon {\n    color: #bfccd6; }\n  .pt-dark .pt-input-group.pt-disabled .pt-icon {\n    color: rgba(191, 204, 214, 0.5); }\n  .pt-input-group.pt-intent-primary .pt-input {\n    box-shadow: 0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0), inset 0 0 0 1px #137cbd, inset 0 0 0 1px rgba(16, 22, 26, 0.15), inset 0 1px 1px rgba(16, 22, 26, 0.2); }\n    .pt-input-group.pt-intent-primary .pt-input:focus {\n      box-shadow: 0 0 0 1px #137cbd, 0 0 0 3px rgba(19, 124, 189, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.2); }\n    .pt-input-group.pt-intent-primary .pt-input[readonly] {\n      box-shadow: inset 0 0 0 1px #137cbd; }\n    .pt-input-group.pt-intent-primary .pt-input:disabled, .pt-input-group.pt-intent-primary .pt-input.pt-disabled {\n      box-shadow: none; }\n  .pt-input-group.pt-intent-primary .pt-icon {\n    color: #106ba3; }\n    .pt-dark .pt-input-group.pt-intent-primary .pt-icon {\n      color: #48aff0; }\n  .pt-input-group.pt-intent-success .pt-input {\n    box-shadow: 0 0 0 0 rgba(15, 153, 96, 0), 0 0 0 0 rgba(15, 153, 96, 0), inset 0 0 0 1px #0f9960, inset 0 0 0 1px rgba(16, 22, 26, 0.15), inset 0 1px 1px rgba(16, 22, 26, 0.2); }\n    .pt-input-group.pt-intent-success .pt-input:focus {\n      box-shadow: 0 0 0 1px #0f9960, 0 0 0 3px rgba(15, 153, 96, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.2); }\n    .pt-input-group.pt-intent-success .pt-input[readonly] {\n      box-shadow: inset 0 0 0 1px #0f9960; }\n    .pt-input-group.pt-intent-success .pt-input:disabled, .pt-input-group.pt-intent-success .pt-input.pt-disabled {\n      box-shadow: none; }\n  .pt-input-group.pt-intent-success .pt-icon {\n    color: #0d8050; }\n    .pt-dark .pt-input-group.pt-intent-success .pt-icon {\n      color: #3dcc91; }\n  .pt-input-group.pt-intent-warning .pt-input {\n    box-shadow: 0 0 0 0 rgba(217, 130, 43, 0), 0 0 0 0 rgba(217, 130, 43, 0), inset 0 0 0 1px #d9822b, inset 0 0 0 1px rgba(16, 22, 26, 0.15), inset 0 1px 1px rgba(16, 22, 26, 0.2); }\n    .pt-input-group.pt-intent-warning .pt-input:focus {\n      box-shadow: 0 0 0 1px #d9822b, 0 0 0 3px rgba(217, 130, 43, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.2); }\n    .pt-input-group.pt-intent-warning .pt-input[readonly] {\n      box-shadow: inset 0 0 0 1px #d9822b; }\n    .pt-input-group.pt-intent-warning .pt-input:disabled, .pt-input-group.pt-intent-warning .pt-input.pt-disabled {\n      box-shadow: none; }\n  .pt-input-group.pt-intent-warning .pt-icon {\n    color: #bf7326; }\n    .pt-dark .pt-input-group.pt-intent-warning .pt-icon {\n      color: #ffb366; }\n  .pt-input-group.pt-intent-danger .pt-input {\n    box-shadow: 0 0 0 0 rgba(219, 55, 55, 0), 0 0 0 0 rgba(219, 55, 55, 0), inset 0 0 0 1px #db3737, inset 0 0 0 1px rgba(16, 22, 26, 0.15), inset 0 1px 1px rgba(16, 22, 26, 0.2); }\n    .pt-input-group.pt-intent-danger .pt-input:focus {\n      box-shadow: 0 0 0 1px #db3737, 0 0 0 3px rgba(219, 55, 55, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.2); }\n    .pt-input-group.pt-intent-danger .pt-input[readonly] {\n      box-shadow: inset 0 0 0 1px #db3737; }\n    .pt-input-group.pt-intent-danger .pt-input:disabled, .pt-input-group.pt-intent-danger .pt-input.pt-disabled {\n      box-shadow: none; }\n  .pt-input-group.pt-intent-danger .pt-icon {\n    color: #c23030; }\n    .pt-dark .pt-input-group.pt-intent-danger .pt-icon {\n      color: #ff7373; }\n\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nText inputs\n\nMarkup:\n<input class=\"pt-input {{.modifier}}\" {{:modifier}} type=\"text\" placeholder=\"Text input\" dir=\"auto\" />\n\n:disabled - Disabled\n:readonly - Readonly\n.pt-round - Rounded ends\n.pt-large - Larger size\n.pt-intent-primary - Primary intent\n.pt-intent-success - Success intent\n.pt-intent-warning - Warning intent\n.pt-intent-danger - Danger intent\n.pt-fill - Take up full width of parent element\n\nStyleguide pt-input\n*/\n.pt-input {\n  outline: none;\n  border: none;\n  border-radius: 3px;\n  box-shadow: 0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0), inset 0 0 0 1px rgba(16, 22, 26, 0.15), inset 0 1px 1px rgba(16, 22, 26, 0.2);\n  background: #ffffff;\n  height: 30px;\n  padding: 0 10px;\n  vertical-align: middle;\n  line-height: 30px;\n  color: #182026;\n  font-size: 14px;\n  font-weight: 400;\n  transition: box-shadow 100ms cubic-bezier(0.4, 1, 0.75, 0.9);\n  appearance: none; }\n  .pt-input::placeholder {\n    opacity: 1;\n    color: rgba(92, 112, 128, 0.5); }\n  .pt-input:focus, .pt-input.pt-active {\n    box-shadow: 0 0 0 1px #137cbd, 0 0 0 3px rgba(19, 124, 189, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.2); }\n  .pt-input[type=\"search\"], .pt-input.pt-round {\n    border-radius: 30px;\n    box-sizing: border-box;\n    padding-left: 10px; }\n  .pt-input[readonly] {\n    box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.15); }\n  .pt-input:disabled, .pt-input.pt-disabled {\n    box-shadow: none;\n    background: rgba(206, 217, 224, 0.5);\n    cursor: not-allowed;\n    color: rgba(92, 112, 128, 0.5);\n    resize: none; }\n  .pt-input.pt-large {\n    height: 40px;\n    line-height: 40px;\n    font-size: 16px; }\n    .pt-input.pt-large[type=\"search\"], .pt-input.pt-large.pt-round {\n      padding: 0 15px; }\n  .pt-input.pt-fill {\n    width: 100%; }\n  .pt-dark .pt-input {\n    box-shadow: 0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);\n    background: rgba(16, 22, 26, 0.3);\n    color: #f5f8fa; }\n    .pt-dark .pt-input::placeholder {\n      color: rgba(191, 204, 214, 0.5); }\n    .pt-dark .pt-input:focus {\n      box-shadow: 0 0 0 1px #137cbd, 0 0 0 1px #137cbd, 0 0 0 3px rgba(19, 124, 189, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4); }\n    .pt-dark .pt-input[readonly] {\n      box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4); }\n    .pt-dark .pt-input:disabled, .pt-dark .pt-input.pt-disabled {\n      box-shadow: none;\n      background: rgba(57, 75, 89, 0.5);\n      color: rgba(191, 204, 214, 0.5); }\n  .pt-input.pt-intent-primary {\n    box-shadow: 0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0), inset 0 0 0 1px #137cbd, inset 0 0 0 1px rgba(16, 22, 26, 0.15), inset 0 1px 1px rgba(16, 22, 26, 0.2); }\n    .pt-input.pt-intent-primary:focus {\n      box-shadow: 0 0 0 1px #137cbd, 0 0 0 3px rgba(19, 124, 189, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.2); }\n    .pt-input.pt-intent-primary[readonly] {\n      box-shadow: inset 0 0 0 1px #137cbd; }\n    .pt-input.pt-intent-primary:disabled, .pt-input.pt-intent-primary.pt-disabled {\n      box-shadow: none; }\n    .pt-dark .pt-input.pt-intent-primary {\n      box-shadow: 0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0), inset 0 0 0 1px #137cbd, inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4); }\n      .pt-dark .pt-input.pt-intent-primary:focus {\n        box-shadow: 0 0 0 1px #137cbd, 0 0 0 1px #137cbd, 0 0 0 3px rgba(19, 124, 189, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4); }\n      .pt-dark .pt-input.pt-intent-primary[readonly] {\n        box-shadow: inset 0 0 0 1px #137cbd; }\n      .pt-dark .pt-input.pt-intent-primary:disabled, .pt-dark .pt-input.pt-intent-primary.pt-disabled {\n        box-shadow: none; }\n  .pt-input.pt-intent-success {\n    box-shadow: 0 0 0 0 rgba(15, 153, 96, 0), 0 0 0 0 rgba(15, 153, 96, 0), inset 0 0 0 1px #0f9960, inset 0 0 0 1px rgba(16, 22, 26, 0.15), inset 0 1px 1px rgba(16, 22, 26, 0.2); }\n    .pt-input.pt-intent-success:focus {\n      box-shadow: 0 0 0 1px #0f9960, 0 0 0 3px rgba(15, 153, 96, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.2); }\n    .pt-input.pt-intent-success[readonly] {\n      box-shadow: inset 0 0 0 1px #0f9960; }\n    .pt-input.pt-intent-success:disabled, .pt-input.pt-intent-success.pt-disabled {\n      box-shadow: none; }\n    .pt-dark .pt-input.pt-intent-success {\n      box-shadow: 0 0 0 0 rgba(15, 153, 96, 0), 0 0 0 0 rgba(15, 153, 96, 0), 0 0 0 0 rgba(15, 153, 96, 0), inset 0 0 0 1px #0f9960, inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4); }\n      .pt-dark .pt-input.pt-intent-success:focus {\n        box-shadow: 0 0 0 1px #0f9960, 0 0 0 1px #0f9960, 0 0 0 3px rgba(15, 153, 96, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4); }\n      .pt-dark .pt-input.pt-intent-success[readonly] {\n        box-shadow: inset 0 0 0 1px #0f9960; }\n      .pt-dark .pt-input.pt-intent-success:disabled, .pt-dark .pt-input.pt-intent-success.pt-disabled {\n        box-shadow: none; }\n  .pt-input.pt-intent-warning {\n    box-shadow: 0 0 0 0 rgba(217, 130, 43, 0), 0 0 0 0 rgba(217, 130, 43, 0), inset 0 0 0 1px #d9822b, inset 0 0 0 1px rgba(16, 22, 26, 0.15), inset 0 1px 1px rgba(16, 22, 26, 0.2); }\n    .pt-input.pt-intent-warning:focus {\n      box-shadow: 0 0 0 1px #d9822b, 0 0 0 3px rgba(217, 130, 43, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.2); }\n    .pt-input.pt-intent-warning[readonly] {\n      box-shadow: inset 0 0 0 1px #d9822b; }\n    .pt-input.pt-intent-warning:disabled, .pt-input.pt-intent-warning.pt-disabled {\n      box-shadow: none; }\n    .pt-dark .pt-input.pt-intent-warning {\n      box-shadow: 0 0 0 0 rgba(217, 130, 43, 0), 0 0 0 0 rgba(217, 130, 43, 0), 0 0 0 0 rgba(217, 130, 43, 0), inset 0 0 0 1px #d9822b, inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4); }\n      .pt-dark .pt-input.pt-intent-warning:focus {\n        box-shadow: 0 0 0 1px #d9822b, 0 0 0 1px #d9822b, 0 0 0 3px rgba(217, 130, 43, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4); }\n      .pt-dark .pt-input.pt-intent-warning[readonly] {\n        box-shadow: inset 0 0 0 1px #d9822b; }\n      .pt-dark .pt-input.pt-intent-warning:disabled, .pt-dark .pt-input.pt-intent-warning.pt-disabled {\n        box-shadow: none; }\n  .pt-input.pt-intent-danger {\n    box-shadow: 0 0 0 0 rgba(219, 55, 55, 0), 0 0 0 0 rgba(219, 55, 55, 0), inset 0 0 0 1px #db3737, inset 0 0 0 1px rgba(16, 22, 26, 0.15), inset 0 1px 1px rgba(16, 22, 26, 0.2); }\n    .pt-input.pt-intent-danger:focus {\n      box-shadow: 0 0 0 1px #db3737, 0 0 0 3px rgba(219, 55, 55, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.2); }\n    .pt-input.pt-intent-danger[readonly] {\n      box-shadow: inset 0 0 0 1px #db3737; }\n    .pt-input.pt-intent-danger:disabled, .pt-input.pt-intent-danger.pt-disabled {\n      box-shadow: none; }\n    .pt-dark .pt-input.pt-intent-danger {\n      box-shadow: 0 0 0 0 rgba(219, 55, 55, 0), 0 0 0 0 rgba(219, 55, 55, 0), 0 0 0 0 rgba(219, 55, 55, 0), inset 0 0 0 1px #db3737, inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4); }\n      .pt-dark .pt-input.pt-intent-danger:focus {\n        box-shadow: 0 0 0 1px #db3737, 0 0 0 1px #db3737, 0 0 0 3px rgba(219, 55, 55, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4); }\n      .pt-dark .pt-input.pt-intent-danger[readonly] {\n        box-shadow: inset 0 0 0 1px #db3737; }\n      .pt-dark .pt-input.pt-intent-danger:disabled, .pt-dark .pt-input.pt-intent-danger.pt-disabled {\n        box-shadow: none; }\n  .pt-input::-ms-clear {\n    display: none; }\n\n/*\nSearch inputs\n\nMarkup:\n<div class=\"pt-input-group {{.modifier}}\">\n  <span class=\"pt-icon pt-icon-search\"></span>\n  <input class=\"pt-input\" {{:modifier}} type=\"search\" placeholder=\"Search input\" dir=\"auto\" />\n</div>\n\n:disabled - Disabled. Also add <code>.pt-disabled</code> to <code>.pt-input-group</code> for icon coloring (not shown below).\n.pt-large - Large\n\nStyleguide pt-input.pt-search\n*/\n/*\nTextareas\n\nMarkup:\n<textarea class=\"pt-input {{.modifier}}\" {{:modifier}} dir=\"auto\"></textarea>\n\n:disabled - Disabled\n:readonly - Readonly\n.pt-large - Larger font size\n.pt-intent-primary - Primary intent\n.pt-intent-danger  - Danger intent\n.pt-fill  - Take up full width of parent element\n\nStyleguide pt-textarea\n*/\ntextarea.pt-input {\n  max-width: 100%;\n  height: auto;\n  padding: 10px;\n  line-height: 1.28581; }\n  textarea.pt-input.pt-large {\n    line-height: 1.28581;\n    font-size: 16px; }\n  .pt-dark textarea.pt-input {\n    box-shadow: 0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);\n    background: rgba(16, 22, 26, 0.3);\n    color: #f5f8fa; }\n    .pt-dark textarea.pt-input::placeholder {\n      color: rgba(191, 204, 214, 0.5); }\n    .pt-dark textarea.pt-input:focus {\n      box-shadow: 0 0 0 1px #137cbd, 0 0 0 1px #137cbd, 0 0 0 3px rgba(19, 124, 189, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4); }\n    .pt-dark textarea.pt-input[readonly] {\n      box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4); }\n    .pt-dark textarea.pt-input:disabled, .pt-dark textarea.pt-input.pt-disabled {\n      box-shadow: none;\n      background: rgba(57, 75, 89, 0.5);\n      color: rgba(191, 204, 214, 0.5); }\n\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nLabels\n\nMarkup:\n<label class=\"pt-label {{.modifier}}\">\n  Label A\n  <span class=\"pt-text-muted\">(required)</span>\n  <input class=\"pt-input\" style=\"width: 200px;\" type=\"text\" placeholder=\"Text input\" dir=\"auto\" />\n</label>\n<label class=\"pt-label {{.modifier}}\">\n  Label B\n  <span class=\"pt-text-muted\">(optional)</span>\n  <div class=\"pt-input-group\">\n    <span class=\"pt-icon pt-icon-calendar\"></span>\n    <input class=\"pt-input\" style=\"width: 200px;\" type=\"text\" placeholder=\"Input group\" dir=\"auto\" />\n  </div>\n</label>\n\n.pt-inline - Inline\n\nStyleguide pt-label\n*/\nlabel.pt-label {\n  display: block;\n  margin: 0 0 15px;\n  /*\n  Disabled labels\n\n  Markup:\n  <label class=\"pt-label pt-disabled\">\n    Label A\n    <span class=\"pt-text-muted\">(optional)</span>\n    <input disabled class=\"pt-input\" style=\"width: 200px;\" type=\"text\" placeholder=\"Text input\" dir=\"auto\" />\n  </label>\n  <label class=\"pt-label pt-disabled\">\n    Label B\n    <div class=\"pt-input-group pt-disabled\">\n      <span class=\"pt-icon pt-icon-calendar\"></span>\n      <input disabled class=\"pt-input\" style=\"width: 200px;\" type=\"text\" placeholder=\"Input group\" dir=\"auto\" />\n    </div>\n  </label>\n  <label class=\"pt-label pt-disabled\">\n    Label C\n    <div class=\"pt-select pt-disabled\">\n      <select disabled>\n        <option selected>Choose an item...</option>\n        <option value=\"1\">One</option>\n      </select>\n    </div>\n  </label>\n\n  Styleguide pt-label.pt-disabled\n  */ }\n  label.pt-label .pt-input,\n  label.pt-label .pt-select {\n    display: block;\n    margin-top: 5px;\n    text-transform: none; }\n  label.pt-label .pt-select select {\n    width: 100%;\n    vertical-align: top;\n    font-weight: 400; }\n  label.pt-label.pt-inline {\n    line-height: 30px; }\n    label.pt-label.pt-inline .pt-input,\n    label.pt-label.pt-inline .pt-input-group,\n    label.pt-label.pt-inline .pt-select {\n      display: inline-block;\n      margin: 0 0 0 5px;\n      vertical-align: top; }\n    label.pt-label.pt-inline .pt-input-group .pt-input {\n      margin-left: 0; }\n    label.pt-label.pt-inline.pt-large {\n      line-height: 40px; }\n  label.pt-label.pt-disabled,\n  label.pt-label.pt-disabled .pt-text-muted {\n    color: rgba(92, 112, 128, 0.5); }\n  .pt-dark label.pt-label {\n    color: #f5f8fa; }\n    .pt-dark label.pt-label.pt-disabled,\n    .pt-dark label.pt-label.pt-disabled .pt-text-muted {\n      color: rgba(191, 204, 214, 0.5); }\n\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nA mixin to generate the classes for a React CSSTransitionGroup which animates any number of CSS\nproperties at once.\n\nTransitioned properties are specificed as a map of property names to lists of (inital value, final\nvalue). For enter & appear transitions, each property will transition from its initial to its final\nvalue. For leave transitions, each property will transition in reverse, from final to initial.\n\n**Simple example:**\n`@include react-transition(\"pt-popover\", (opacity: 0 1), $before: \"&\");`\nTransition named \"pt-popover\" moves opacity from 0 to 1. `\"&\"` indicates that the\nTransition classes are expected to be applied to this element, where the mixin is invoked.\n\n**Params:**\n$name: React transitionName prop\n$properties: map of CSS property to (initial, final) values\n$duration: transition duration\n$easing: transition easing function\n$delay: transition delay\n$before: selector text to insert before transition name (often to select self: &)\n$after: selector text to insert after transiton name (to select children)\n*/\n/*\nA mixin to generate the classes for one phase of a React CSSTransitionGroup.\n`$phase` must be `appear` or `enter` or `leave`.\nIf `enter` phase is given then `appear` phase will be generated at the same time.\nIf `leave` phase is given then property values are animated in reverse, from final to initial.\n\n**Example:**\n@include react-transition-phase(pt-toast, enter, $enter-translate, $before: \"&\");\n@include react-transition-phase(pt-toast, leave, $leave-blur, $pt-transition-duration * 3, $before: \"&\");\n*/\n/*\nGiven map of properties to values, set each property to the value at the given index.\n(remember that sass indices are 1-based).\n\nExample: `each-prop((opacity: 0 1), 2)` will print \"opacity: 1\"\n*/\n/*\nFormat transition class name with all the bits.\n\"enter\" phase will include \"appear\" phase in returned name.\n*/\n/*\nSelects\n\nMarkup:\n<div class=\"pt-select {{.modifier}}\">\n  <select {{:modifier}}>\n    <option selected>Choose an item...</option>\n    <option value=\"1\">One</option>\n    <option value=\"2\">Two</option>\n    <option value=\"3\">Three</option>\n    <option value=\"4\">Four</option>\n  </select>\n</div>\n\n:disabled - Disabled. Also add <code>.pt-disabled</code> to <code>.pt-select</code> for icon coloring (not shown below).\n.pt-minimal - Minimal appearance\n.pt-large - Large\n.pt-fill - Expand to fill parent container\n\nStyleguide pt-select\n*/\n.pt-select {\n  display: inline-block;\n  position: relative;\n  vertical-align: middle;\n  letter-spacing: normal; }\n  .pt-select select::-ms-expand {\n    display: none; }\n  .pt-select.pt-large::after {\n    top: 0;\n    right: 12px;\n    line-height: 40px; }\n  .pt-select.pt-fill,\n  .pt-select.pt-fill select {\n    width: 100%; }\n  .pt-dark .pt-select option {\n    background-color: #30404d;\n    color: #f5f8fa; }\n  .pt-dark .pt-select::after {\n    color: #bfccd6; }\n\n/*\nInline\n\nMarkup:\n<label class=\"pt-label {{.modifier}}\">\n  Label A\n  <div class=\"pt-select\">\n    <select>\n      <option selected>Choose an item...</option>\n      <option value=\"1\">One</option>\n    </select>\n  </div>\n</label>\n\n.pt-inline - Inline\n\nStyleguide pt-select.pt-inline\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\n * Copyright 2015-present Palantir Technologies, Inc. All rights reserved.\n */\n/*\n * Copyright 2015-present Palantir Technologies, Inc. All rights reserved.\n */\n/*\n * Copyright 2015-present Palantir Technologies, Inc. All rights reserved.\n */\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nCSS `border` property issues:\n- An element can only have one border.\n- Borders can't stack with shadows.\n- Borders modify the size of the element they're applied to.\n- Border positioning requires the extra `box-sizing` property.\n\n`box-shadow` doesn't have these issues, we're using it instead of `border`.\n*/\n/*\nOverlay shadows are used for default buttons\nfloating on top of other elements. This way, the\nshadows blend with the colors beneath it.\nSwitches and slider handles both use these variables.\n*/\n.pt-select select {\n  display: inline-block;\n  border: none;\n  border-radius: 3px;\n  cursor: pointer;\n  padding: 0 10px;\n  vertical-align: middle;\n  font-size: 14px;\n  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);\n  background-color: #f5f8fa;\n  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));\n  color: #182026;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  border-radius: 3px;\n  height: 30px;\n  padding: 0 25px 0 10px; }\n  .pt-select select:hover {\n    box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);\n    background-clip: padding-box;\n    background-color: #ebf1f5; }\n  .pt-select select:active, .pt-select select.pt-active {\n    box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 1px 2px rgba(16, 22, 26, 0.2);\n    background-color: #d8e1e8;\n    background-image: none; }\n  .pt-select select:disabled, .pt-select select.pt-disabled {\n    outline: none;\n    box-shadow: none;\n    background-color: rgba(206, 217, 224, 0.5);\n    background-image: none;\n    cursor: not-allowed;\n    color: rgba(92, 112, 128, 0.5); }\n    .pt-select select:disabled.pt-active, .pt-select select.pt-disabled.pt-active {\n      background: rgba(206, 217, 224, 0.7); }\n\n.pt-select.pt-minimal select {\n  box-shadow: none;\n  background: none; }\n  .pt-select.pt-minimal select:hover {\n    box-shadow: none;\n    background: rgba(167, 182, 194, 0.3);\n    text-decoration: none;\n    color: #182026; }\n  .pt-select.pt-minimal select:active, .pt-select.pt-minimal select.pt-active {\n    box-shadow: none;\n    background: rgba(115, 134, 148, 0.3);\n    color: #182026; }\n  .pt-select.pt-minimal select:disabled, .pt-select.pt-minimal select:disabled:hover, .pt-select.pt-minimal select.pt-disabled, .pt-select.pt-minimal select.pt-disabled:hover {\n    background: none;\n    cursor: not-allowed;\n    color: rgba(92, 112, 128, 0.5); }\n  .pt-dark .pt-select.pt-minimal select, .pt-select.pt-minimal .pt-dark select {\n    box-shadow: none;\n    background: none;\n    color: inherit; }\n    .pt-dark .pt-select.pt-minimal select:hover, .pt-select.pt-minimal .pt-dark select:hover, .pt-dark .pt-select.pt-minimal select:active, .pt-select.pt-minimal .pt-dark select:active, .pt-dark .pt-select.pt-minimal select.pt-active, .pt-select.pt-minimal .pt-dark select.pt-active {\n      box-shadow: none;\n      background: none; }\n    .pt-dark .pt-select.pt-minimal select:hover, .pt-select.pt-minimal .pt-dark select:hover {\n      background: rgba(138, 155, 168, 0.15); }\n    .pt-dark .pt-select.pt-minimal select:active, .pt-select.pt-minimal .pt-dark select:active, .pt-dark .pt-select.pt-minimal select.pt-active, .pt-select.pt-minimal .pt-dark select.pt-active {\n      background: rgba(138, 155, 168, 0.3);\n      color: #f5f8fa; }\n    .pt-dark .pt-select.pt-minimal select:disabled, .pt-select.pt-minimal .pt-dark select:disabled, .pt-dark .pt-select.pt-minimal select:disabled:hover, .pt-select.pt-minimal .pt-dark select:disabled:hover, .pt-dark .pt-select.pt-minimal select.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-disabled, .pt-dark .pt-select.pt-minimal select.pt-disabled:hover, .pt-select.pt-minimal .pt-dark select.pt-disabled:hover {\n      background: none;\n      cursor: not-allowed;\n      color: rgba(191, 204, 214, 0.5); }\n  .pt-select.pt-minimal select.pt-intent-primary {\n    color: #106ba3; }\n    .pt-select.pt-minimal select.pt-intent-primary:hover, .pt-select.pt-minimal select.pt-intent-primary:active, .pt-select.pt-minimal select.pt-intent-primary.pt-active {\n      box-shadow: none;\n      background: none;\n      color: #106ba3; }\n    .pt-select.pt-minimal select.pt-intent-primary:hover {\n      background: rgba(19, 124, 189, 0.15);\n      color: #106ba3; }\n    .pt-select.pt-minimal select.pt-intent-primary:active, .pt-select.pt-minimal select.pt-intent-primary.pt-active {\n      background: rgba(19, 124, 189, 0.3);\n      color: #106ba3; }\n    .pt-select.pt-minimal select.pt-intent-primary:disabled, .pt-select.pt-minimal select.pt-intent-primary.pt-disabled {\n      background: none;\n      color: rgba(16, 107, 163, 0.5); }\n    .pt-select.pt-minimal select.pt-intent-primary .pt-button-spinner .pt-spinner-head {\n      stroke: #106ba3; }\n    .pt-dark .pt-select.pt-minimal select.pt-intent-primary, .pt-select.pt-minimal .pt-dark select.pt-intent-primary {\n      color: #48aff0; }\n      .pt-dark .pt-select.pt-minimal select.pt-intent-primary:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-primary:hover {\n        background: rgba(19, 124, 189, 0.2);\n        color: #48aff0; }\n      .pt-dark .pt-select.pt-minimal select.pt-intent-primary:active, .pt-select.pt-minimal .pt-dark select.pt-intent-primary:active, .pt-dark .pt-select.pt-minimal select.pt-intent-primary.pt-active, .pt-select.pt-minimal .pt-dark select.pt-intent-primary.pt-active {\n        background: rgba(19, 124, 189, 0.3);\n        color: #48aff0; }\n      .pt-dark .pt-select.pt-minimal select.pt-intent-primary:disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-primary:disabled, .pt-dark .pt-select.pt-minimal select.pt-intent-primary.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-primary.pt-disabled {\n        background: none;\n        color: rgba(72, 175, 240, 0.5); }\n  .pt-select.pt-minimal select.pt-intent-success {\n    color: #0d8050; }\n    .pt-select.pt-minimal select.pt-intent-success:hover, .pt-select.pt-minimal select.pt-intent-success:active, .pt-select.pt-minimal select.pt-intent-success.pt-active {\n      box-shadow: none;\n      background: none;\n      color: #0d8050; }\n    .pt-select.pt-minimal select.pt-intent-success:hover {\n      background: rgba(15, 153, 96, 0.15);\n      color: #0d8050; }\n    .pt-select.pt-minimal select.pt-intent-success:active, .pt-select.pt-minimal select.pt-intent-success.pt-active {\n      background: rgba(15, 153, 96, 0.3);\n      color: #0d8050; }\n    .pt-select.pt-minimal select.pt-intent-success:disabled, .pt-select.pt-minimal select.pt-intent-success.pt-disabled {\n      background: none;\n      color: rgba(13, 128, 80, 0.5); }\n    .pt-select.pt-minimal select.pt-intent-success .pt-button-spinner .pt-spinner-head {\n      stroke: #0d8050; }\n    .pt-dark .pt-select.pt-minimal select.pt-intent-success, .pt-select.pt-minimal .pt-dark select.pt-intent-success {\n      color: #3dcc91; }\n      .pt-dark .pt-select.pt-minimal select.pt-intent-success:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-success:hover {\n        background: rgba(15, 153, 96, 0.2);\n        color: #3dcc91; }\n      .pt-dark .pt-select.pt-minimal select.pt-intent-success:active, .pt-select.pt-minimal .pt-dark select.pt-intent-success:active, .pt-dark .pt-select.pt-minimal select.pt-intent-success.pt-active, .pt-select.pt-minimal .pt-dark select.pt-intent-success.pt-active {\n        background: rgba(15, 153, 96, 0.3);\n        color: #3dcc91; }\n      .pt-dark .pt-select.pt-minimal select.pt-intent-success:disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-success:disabled, .pt-dark .pt-select.pt-minimal select.pt-intent-success.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-success.pt-disabled {\n        background: none;\n        color: rgba(61, 204, 145, 0.5); }\n  .pt-select.pt-minimal select.pt-intent-warning {\n    color: #bf7326; }\n    .pt-select.pt-minimal select.pt-intent-warning:hover, .pt-select.pt-minimal select.pt-intent-warning:active, .pt-select.pt-minimal select.pt-intent-warning.pt-active {\n      box-shadow: none;\n      background: none;\n      color: #bf7326; }\n    .pt-select.pt-minimal select.pt-intent-warning:hover {\n      background: rgba(217, 130, 43, 0.15);\n      color: #bf7326; }\n    .pt-select.pt-minimal select.pt-intent-warning:active, .pt-select.pt-minimal select.pt-intent-warning.pt-active {\n      background: rgba(217, 130, 43, 0.3);\n      color: #bf7326; }\n    .pt-select.pt-minimal select.pt-intent-warning:disabled, .pt-select.pt-minimal select.pt-intent-warning.pt-disabled {\n      background: none;\n      color: rgba(191, 115, 38, 0.5); }\n    .pt-select.pt-minimal select.pt-intent-warning .pt-button-spinner .pt-spinner-head {\n      stroke: #bf7326; }\n    .pt-dark .pt-select.pt-minimal select.pt-intent-warning, .pt-select.pt-minimal .pt-dark select.pt-intent-warning {\n      color: #ffb366; }\n      .pt-dark .pt-select.pt-minimal select.pt-intent-warning:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-warning:hover {\n        background: rgba(217, 130, 43, 0.2);\n        color: #ffb366; }\n      .pt-dark .pt-select.pt-minimal select.pt-intent-warning:active, .pt-select.pt-minimal .pt-dark select.pt-intent-warning:active, .pt-dark .pt-select.pt-minimal select.pt-intent-warning.pt-active, .pt-select.pt-minimal .pt-dark select.pt-intent-warning.pt-active {\n        background: rgba(217, 130, 43, 0.3);\n        color: #ffb366; }\n      .pt-dark .pt-select.pt-minimal select.pt-intent-warning:disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-warning:disabled, .pt-dark .pt-select.pt-minimal select.pt-intent-warning.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-warning.pt-disabled {\n        background: none;\n        color: rgba(255, 179, 102, 0.5); }\n  .pt-select.pt-minimal select.pt-intent-danger {\n    color: #c23030; }\n    .pt-select.pt-minimal select.pt-intent-danger:hover, .pt-select.pt-minimal select.pt-intent-danger:active, .pt-select.pt-minimal select.pt-intent-danger.pt-active {\n      box-shadow: none;\n      background: none;\n      color: #c23030; }\n    .pt-select.pt-minimal select.pt-intent-danger:hover {\n      background: rgba(219, 55, 55, 0.15);\n      color: #c23030; }\n    .pt-select.pt-minimal select.pt-intent-danger:active, .pt-select.pt-minimal select.pt-intent-danger.pt-active {\n      background: rgba(219, 55, 55, 0.3);\n      color: #c23030; }\n    .pt-select.pt-minimal select.pt-intent-danger:disabled, .pt-select.pt-minimal select.pt-intent-danger.pt-disabled {\n      background: none;\n      color: rgba(194, 48, 48, 0.5); }\n    .pt-select.pt-minimal select.pt-intent-danger .pt-button-spinner .pt-spinner-head {\n      stroke: #c23030; }\n    .pt-dark .pt-select.pt-minimal select.pt-intent-danger, .pt-select.pt-minimal .pt-dark select.pt-intent-danger {\n      color: #ff7373; }\n      .pt-dark .pt-select.pt-minimal select.pt-intent-danger:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-danger:hover {\n        background: rgba(219, 55, 55, 0.2);\n        color: #ff7373; }\n      .pt-dark .pt-select.pt-minimal select.pt-intent-danger:active, .pt-select.pt-minimal .pt-dark select.pt-intent-danger:active, .pt-dark .pt-select.pt-minimal select.pt-intent-danger.pt-active, .pt-select.pt-minimal .pt-dark select.pt-intent-danger.pt-active {\n        background: rgba(219, 55, 55, 0.3);\n        color: #ff7373; }\n      .pt-dark .pt-select.pt-minimal select.pt-intent-danger:disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-danger:disabled, .pt-dark .pt-select.pt-minimal select.pt-intent-danger.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-danger.pt-disabled {\n        background: none;\n        color: rgba(255, 115, 115, 0.5); }\n\n.pt-select.pt-large select {\n  height: 40px;\n  padding-right: 35px;\n  font-size: 16px; }\n\n.pt-dark .pt-select select {\n  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);\n  background-color: #394b59;\n  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0));\n  color: #f5f8fa; }\n  .pt-dark .pt-select select:hover, .pt-dark .pt-select select:active, .pt-dark .pt-select select.pt-active {\n    color: #f5f8fa; }\n  .pt-dark .pt-select select:hover {\n    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);\n    background-color: #30404d; }\n  .pt-dark .pt-select select:active, .pt-dark .pt-select select.pt-active {\n    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.6), inset 0 1px 2px rgba(16, 22, 26, 0.2);\n    background-color: #202b33;\n    background-image: none; }\n  .pt-dark .pt-select select:disabled, .pt-dark .pt-select select.pt-disabled {\n    box-shadow: none;\n    background-color: rgba(57, 75, 89, 0.5);\n    background-image: none;\n    color: rgba(191, 204, 214, 0.5); }\n    .pt-dark .pt-select select:disabled.pt-active, .pt-dark .pt-select select.pt-disabled.pt-active {\n      background: rgba(57, 75, 89, 0.7); }\n  .pt-dark .pt-select select .pt-button-spinner .pt-spinner-head {\n    background: rgba(16, 22, 26, 0.5);\n    stroke: #8a9ba8; }\n\n.pt-select select:disabled {\n  box-shadow: none;\n  background-color: rgba(206, 217, 224, 0.5);\n  cursor: not-allowed;\n  color: rgba(92, 112, 128, 0.5); }\n\n.pt-select::after {\n  line-height: 1;\n  font-family: \"Icons16\", sans-serif;\n  font-size: 16px;\n  font-weight: 400;\n  font-style: normal;\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  position: absolute;\n  top: 0;\n  right: 7px;\n  line-height: 30px;\n  color: #5c7080;\n  content: \"\";\n  pointer-events: none; }\n  .pt-disabled.pt-select::after {\n    color: rgba(92, 112, 128, 0.5); }\n\n.pt-numeric-input .pt-button-group.pt-vertical > .pt-button:first-child {\n  min-height: 16px; }\n\n.pt-numeric-input .pt-button-group.pt-vertical > .pt-button:last-child {\n  min-height: 15px; }\n\n.pt-numeric-input .pt-button-group.pt-vertical > .pt-button:first-child {\n  border-radius: 0 3px 0 0; }\n\n.pt-numeric-input .pt-button-group.pt-vertical > .pt-button:last-child {\n  border-radius: 0 0 3px 0; }\n\n.pt-numeric-input .pt-button-group.pt-vertical > .pt-button[class*=\"pt-icon-\"]::before {\n  display: block;\n  height: 14px;\n  overflow: hidden;\n  line-height: 14px; }\n\n.pt-numeric-input .pt-button-group.pt-vertical:first-child > .pt-button:first-child {\n  border-radius: 3px 0 0 0; }\n\n.pt-numeric-input .pt-button-group.pt-vertical:first-child > .pt-button:last-child {\n  border-radius: 0 0 0 3px; }\n\n.pt-numeric-input.pt-large .pt-button-group.pt-vertical > .pt-button:first-child {\n  min-height: 21px; }\n\n.pt-numeric-input.pt-large .pt-button-group.pt-vertical > .pt-button:last-child {\n  min-height: 20px; }\n\n.pt-dark .pt-numeric-input .pt-button-group.pt-vertical > .pt-button {\n  line-height: 14px; }\n  .pt-dark .pt-numeric-input .pt-button-group.pt-vertical > .pt-button:first-child {\n    min-height: 15px; }\n  .pt-dark .pt-numeric-input .pt-button-group.pt-vertical > .pt-button:last-child {\n    min-height: 14px; }\n\n.pt-dark .pt-numeric-input.pt-large .pt-button-group.pt-vertical > .pt-button:first-child {\n  min-height: 20px; }\n\n.pt-dark .pt-numeric-input.pt-large .pt-button-group.pt-vertical > .pt-button:last-child {\n  min-height: 19px; }\n\nform {\n  display: block; }\n\n/*\n * Copyright 2016 Palantir Technologies, Inc. All rights reserved.\n */\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n.pt-key {\n  display: inline-block;\n  border-radius: 2px;\n  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 1px 1px rgba(16, 22, 26, 0.2), 0 2px 6px rgba(16, 22, 26, 0.2);\n  background: #ffffff;\n  min-width: 25px;\n  height: 25px;\n  padding: 3px 5px;\n  vertical-align: middle;\n  text-align: center;\n  line-height: 20px;\n  color: #5c7080;\n  font-family: -apple-system, \"BlinkMacSystemFont\", \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Open Sans\", \"Helvetica Neue\", \"Icons16\", sans-serif;\n  font-size: 12px; }\n  .pt-key.pt-modifier-key {\n    padding: 3px 8px 3px 6px; }\n    .pt-key.pt-modifier-key .pt-icon-standard {\n      margin-right: 5px; }\n  .pt-dark .pt-key {\n    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 1px 1px rgba(16, 22, 26, 0.4), 0 2px 6px rgba(16, 22, 26, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.05);\n    background: #394b59;\n    color: #bfccd6; }\n\n.pt-key-combo .pt-key:not(:last-child) {\n  margin-right: 5px; }\n\n.pt-hotkey-dialog {\n  top: 40px;\n  padding-bottom: 0; }\n  .pt-hotkey-dialog .pt-dialog-body {\n    margin: 0;\n    padding: 0; }\n  .pt-hotkey-dialog .pt-key-combo {\n    flex: 1 0 auto;\n    width: 160px;\n    text-align: right; }\n\n.pt-hotkey-column {\n  margin: auto;\n  max-height: 80vh;\n  overflow-y: auto;\n  padding: 30px; }\n  .pt-hotkey-column .pt-hotkey-group {\n    margin-bottom: 30px; }\n    .pt-hotkey-column .pt-hotkey-group:not(:first-child) {\n      margin-top: 50px; }\n\n.pt-hotkey {\n  display: flex;\n  align-items: baseline;\n  justify-content: space-between;\n  margin-right: 0;\n  margin-left: 0; }\n  .pt-hotkey:not(:last-child) {\n    margin-bottom: 10px; }\n\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\n * Copyright 2015-present Palantir Technologies, Inc. All rights reserved.\n */\n/*\n * Copyright 2015-present Palantir Technologies, Inc. All rights reserved.\n */\n/*\n * Copyright 2015-present Palantir Technologies, Inc. All rights reserved.\n */\n.pt-icon, .pt-icon-standard, .pt-icon-large {\n  display: inline-block; }\n  .pt-icon.pt-intent-primary, .pt-icon-standard.pt-intent-primary, .pt-icon-large.pt-intent-primary {\n    color: #137cbd; }\n  .pt-icon.pt-intent-success, .pt-icon-standard.pt-intent-success, .pt-icon-large.pt-intent-success {\n    color: #0f9960; }\n  .pt-icon.pt-intent-warning, .pt-icon-standard.pt-intent-warning, .pt-icon-large.pt-intent-warning {\n    color: #d9822b; }\n  .pt-icon.pt-intent-danger, .pt-icon-standard.pt-intent-danger, .pt-icon-large.pt-intent-danger {\n    color: #db3737; }\n\nspan.pt-icon-standard {\n  line-height: 1;\n  font-family: \"Icons16\", sans-serif;\n  font-size: 16px;\n  font-weight: 400;\n  font-style: normal;\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased; }\n\nspan.pt-icon-large {\n  line-height: 1;\n  font-family: \"Icons20\", sans-serif;\n  font-size: 20px;\n  font-weight: 400;\n  font-style: normal;\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased; }\n\nspan.pt-icon {\n  line-height: 1;\n  font-family: \"Icons20\";\n  font-size: inherit;\n  font-weight: 400;\n  font-style: normal; }\n  span.pt-icon::before {\n    -moz-osx-font-smoothing: grayscale;\n    -webkit-font-smoothing: antialiased; }\n\n.pt-icon-blank::before {\n  content: \"\"; }\n\n.pt-icon-style::before {\n  content: \"\"; }\n\n.pt-icon-align-left::before {\n  content: \"\"; }\n\n.pt-icon-align-center::before {\n  content: \"\"; }\n\n.pt-icon-align-right::before {\n  content: \"\"; }\n\n.pt-icon-align-justify::before {\n  content: \"\"; }\n\n.pt-icon-bold::before {\n  content: \"\"; }\n\n.pt-icon-italic::before {\n  content: \"\"; }\n\n.pt-icon-underline::before {\n  content: \"⎁\"; }\n\n.pt-icon-search-around::before {\n  content: \"\"; }\n\n.pt-icon-graph-remove::before {\n  content: \"\"; }\n\n.pt-icon-group-objects::before {\n  content: \"\"; }\n\n.pt-icon-merge-links::before {\n  content: \"\"; }\n\n.pt-icon-layout::before {\n  content: \"\"; }\n\n.pt-icon-layout-auto::before {\n  content: \"\"; }\n\n.pt-icon-layout-circle::before {\n  content: \"\"; }\n\n.pt-icon-layout-hierarchy::before {\n  content: \"\"; }\n\n.pt-icon-layout-grid::before {\n  content: \"\"; }\n\n.pt-icon-layout-group-by::before {\n  content: \"\"; }\n\n.pt-icon-layout-skew-grid::before {\n  content: \"\"; }\n\n.pt-icon-geosearch::before {\n  content: \"\"; }\n\n.pt-icon-heatmap::before {\n  content: \"\"; }\n\n.pt-icon-drive-time::before {\n  content: \"\"; }\n\n.pt-icon-select::before {\n  content: \"\"; }\n\n.pt-icon-predictive-analysis::before {\n  content: \"\"; }\n\n.pt-icon-layers::before {\n  content: \"\"; }\n\n.pt-icon-locate::before {\n  content: \"\"; }\n\n.pt-icon-bookmark::before {\n  content: \"\"; }\n\n.pt-icon-citation::before {\n  content: \"\"; }\n\n.pt-icon-tag::before {\n  content: \"\"; }\n\n.pt-icon-clipboard::before {\n  content: \"\"; }\n\n.pt-icon-selection::before {\n  content: \"⦿\"; }\n\n.pt-icon-timeline-events::before {\n  content: \"\"; }\n\n.pt-icon-timeline-line-chart::before {\n  content: \"\"; }\n\n.pt-icon-timeline-bar-chart::before {\n  content: \"\"; }\n\n.pt-icon-applications::before {\n  content: \"\"; }\n\n.pt-icon-projects::before {\n  content: \"\"; }\n\n.pt-icon-changes::before {\n  content: \"\"; }\n\n.pt-icon-notifications::before {\n  content: \"\"; }\n\n.pt-icon-lock::before {\n  content: \"\"; }\n\n.pt-icon-unlock::before {\n  content: \"\"; }\n\n.pt-icon-user::before {\n  content: \"\"; }\n\n.pt-icon-search-template::before {\n  content: \"\"; }\n\n.pt-icon-inbox::before {\n  content: \"\"; }\n\n.pt-icon-more::before {\n  content: \"\"; }\n\n.pt-icon-help::before {\n  content: \"?\"; }\n\n.pt-icon-calendar::before {\n  content: \"\"; }\n\n.pt-icon-media::before {\n  content: \"\"; }\n\n.pt-icon-link::before {\n  content: \"\"; }\n\n.pt-icon-share::before {\n  content: \"\"; }\n\n.pt-icon-download::before {\n  content: \"\"; }\n\n.pt-icon-document::before {\n  content: \"\"; }\n\n.pt-icon-properties::before {\n  content: \"\"; }\n\n.pt-icon-import::before {\n  content: \"\"; }\n\n.pt-icon-export::before {\n  content: \"\"; }\n\n.pt-icon-minimize::before {\n  content: \"\"; }\n\n.pt-icon-maximize::before {\n  content: \"\"; }\n\n.pt-icon-tick::before {\n  content: \"✓\"; }\n\n.pt-icon-cross::before {\n  content: \"✗\"; }\n\n.pt-icon-plus::before {\n  content: \"+\"; }\n\n.pt-icon-minus::before {\n  content: \"−\"; }\n\n.pt-icon-arrow-left::before {\n  content: \"←\"; }\n\n.pt-icon-arrow-right::before {\n  content: \"→\"; }\n\n.pt-icon-exchange::before {\n  content: \"\"; }\n\n.pt-icon-comparison::before {\n  content: \"\"; }\n\n.pt-icon-list::before {\n  content: \"☰\"; }\n\n.pt-icon-filter::before {\n  content: \"\"; }\n\n.pt-icon-confirm::before {\n  content: \"\"; }\n\n.pt-icon-fork::before {\n  content: \"\"; }\n\n.pt-icon-trash::before {\n  content: \"\"; }\n\n.pt-icon-person::before {\n  content: \"\"; }\n\n.pt-icon-people::before {\n  content: \"\"; }\n\n.pt-icon-add::before {\n  content: \"\"; }\n\n.pt-icon-remove::before {\n  content: \"\"; }\n\n.pt-icon-geolocation::before {\n  content: \"\"; }\n\n.pt-icon-zoom-in::before {\n  content: \"\"; }\n\n.pt-icon-zoom-out::before {\n  content: \"\"; }\n\n.pt-icon-refresh::before {\n  content: \"\"; }\n\n.pt-icon-delete::before {\n  content: \"\"; }\n\n.pt-icon-cog::before {\n  content: \"\"; }\n\n.pt-icon-flag::before {\n  content: \"⚑\"; }\n\n.pt-icon-pin::before {\n  content: \"\"; }\n\n.pt-icon-warning-sign::before {\n  content: \"\"; }\n\n.pt-icon-error::before {\n  content: \"\"; }\n\n.pt-icon-info-sign::before {\n  content: \"ℹ\"; }\n\n.pt-icon-credit-card::before {\n  content: \"\"; }\n\n.pt-icon-edit::before {\n  content: \"✎\"; }\n\n.pt-icon-history::before {\n  content: \"\"; }\n\n.pt-icon-search::before {\n  content: \"\"; }\n\n.pt-icon-log-out::before {\n  content: \"\"; }\n\n.pt-icon-star::before {\n  content: \"★\"; }\n\n.pt-icon-star-empty::before {\n  content: \"☆\"; }\n\n.pt-icon-sort-alphabetical::before {\n  content: \"\"; }\n\n.pt-icon-sort-numerical::before {\n  content: \"\"; }\n\n.pt-icon-sort::before {\n  content: \"\"; }\n\n.pt-icon-folder-open::before {\n  content: \"\"; }\n\n.pt-icon-folder-close::before {\n  content: \"\"; }\n\n.pt-icon-folder-shared::before {\n  content: \"\"; }\n\n.pt-icon-caret-up::before {\n  content: \"⌃\"; }\n\n.pt-icon-caret-right::before {\n  content: \"〉\"; }\n\n.pt-icon-caret-down::before {\n  content: \"⌄\"; }\n\n.pt-icon-caret-left::before {\n  content: \"〈\"; }\n\n.pt-icon-menu-open::before {\n  content: \"\"; }\n\n.pt-icon-menu-closed::before {\n  content: \"\"; }\n\n.pt-icon-feed::before {\n  content: \"\"; }\n\n.pt-icon-two-columns::before {\n  content: \"\"; }\n\n.pt-icon-one-column::before {\n  content: \"\"; }\n\n.pt-icon-dot::before {\n  content: \"•\"; }\n\n.pt-icon-property::before {\n  content: \"\"; }\n\n.pt-icon-time::before {\n  content: \"⏲\"; }\n\n.pt-icon-disable::before {\n  content: \"\"; }\n\n.pt-icon-unpin::before {\n  content: \"\"; }\n\n.pt-icon-flows::before {\n  content: \"\"; }\n\n.pt-icon-new-text-box::before {\n  content: \"\"; }\n\n.pt-icon-new-link::before {\n  content: \"\"; }\n\n.pt-icon-new-object::before {\n  content: \"\"; }\n\n.pt-icon-path-search::before {\n  content: \"\"; }\n\n.pt-icon-automatic-updates::before {\n  content: \"\"; }\n\n.pt-icon-page-layout::before {\n  content: \"\"; }\n\n.pt-icon-code::before {\n  content: \"\"; }\n\n.pt-icon-map::before {\n  content: \"\"; }\n\n.pt-icon-search-text::before {\n  content: \"\"; }\n\n.pt-icon-envelope::before {\n  content: \"✉\"; }\n\n.pt-icon-paperclip::before {\n  content: \"\"; }\n\n.pt-icon-label::before {\n  content: \"\"; }\n\n.pt-icon-globe::before {\n  content: \"\"; }\n\n.pt-icon-home::before {\n  content: \"⌂\"; }\n\n.pt-icon-th::before {\n  content: \"\"; }\n\n.pt-icon-th-list::before {\n  content: \"\"; }\n\n.pt-icon-th-derived::before {\n  content: \"\"; }\n\n.pt-icon-circle::before {\n  content: \"\"; }\n\n.pt-icon-draw::before {\n  content: \"\"; }\n\n.pt-icon-insert::before {\n  content: \"\"; }\n\n.pt-icon-helper-management::before {\n  content: \"\"; }\n\n.pt-icon-send-to::before {\n  content: \"\"; }\n\n.pt-icon-eye-open::before {\n  content: \"\"; }\n\n.pt-icon-folder-shared-open::before {\n  content: \"\"; }\n\n.pt-icon-social-media::before {\n  content: \"\"; }\n\n.pt-icon-arrow-up::before {\n  content: \"↑\"; }\n\n.pt-icon-arrow-down::before {\n  content: \"↓\"; }\n\n.pt-icon-arrows-horizontal::before {\n  content: \"↔\"; }\n\n.pt-icon-arrows-vertical::before {\n  content: \"↕\"; }\n\n.pt-icon-resolve::before {\n  content: \"\"; }\n\n.pt-icon-graph::before {\n  content: \"\"; }\n\n.pt-icon-briefcase::before {\n  content: \"\"; }\n\n.pt-icon-dollar::before {\n  content: \"$\"; }\n\n.pt-icon-ninja::before {\n  content: \"\"; }\n\n.pt-icon-delta::before {\n  content: \"Δ\"; }\n\n.pt-icon-barcode::before {\n  content: \"\"; }\n\n.pt-icon-torch::before {\n  content: \"\"; }\n\n.pt-icon-widget::before {\n  content: \"\"; }\n\n.pt-icon-unresolve::before {\n  content: \"\"; }\n\n.pt-icon-offline::before {\n  content: \"\"; }\n\n.pt-icon-zoom-to-fit::before {\n  content: \"\"; }\n\n.pt-icon-add-to-artifact::before {\n  content: \"\"; }\n\n.pt-icon-map-marker::before {\n  content: \"\"; }\n\n.pt-icon-chart::before {\n  content: \"\"; }\n\n.pt-icon-control::before {\n  content: \"\"; }\n\n.pt-icon-multi-select::before {\n  content: \"\"; }\n\n.pt-icon-direction-left::before {\n  content: \"\"; }\n\n.pt-icon-direction-right::before {\n  content: \"\"; }\n\n.pt-icon-database::before {\n  content: \"\"; }\n\n.pt-icon-pie-chart::before {\n  content: \"\"; }\n\n.pt-icon-full-circle::before {\n  content: \"\"; }\n\n.pt-icon-square::before {\n  content: \"\"; }\n\n.pt-icon-print::before {\n  content: \"⎙\"; }\n\n.pt-icon-presentation::before {\n  content: \"\"; }\n\n.pt-icon-ungroup-objects::before {\n  content: \"\"; }\n\n.pt-icon-chat::before {\n  content: \"\"; }\n\n.pt-icon-comment::before {\n  content: \"\"; }\n\n.pt-icon-circle-arrow-right::before {\n  content: \"\"; }\n\n.pt-icon-circle-arrow-left::before {\n  content: \"\"; }\n\n.pt-icon-circle-arrow-up::before {\n  content: \"\"; }\n\n.pt-icon-circle-arrow-down::before {\n  content: \"\"; }\n\n.pt-icon-upload::before {\n  content: \"\"; }\n\n.pt-icon-asterisk::before {\n  content: \"*\"; }\n\n.pt-icon-cloud::before {\n  content: \"☁\"; }\n\n.pt-icon-cloud-download::before {\n  content: \"\"; }\n\n.pt-icon-cloud-upload::before {\n  content: \"\"; }\n\n.pt-icon-repeat::before {\n  content: \"\"; }\n\n.pt-icon-move::before {\n  content: \"\"; }\n\n.pt-icon-chevron-left::before {\n  content: \"\"; }\n\n.pt-icon-chevron-right::before {\n  content: \"\"; }\n\n.pt-icon-chevron-up::before {\n  content: \"\"; }\n\n.pt-icon-chevron-down::before {\n  content: \"\"; }\n\n.pt-icon-random::before {\n  content: \"\"; }\n\n.pt-icon-fullscreen::before {\n  content: \"\"; }\n\n.pt-icon-log-in::before {\n  content: \"\"; }\n\n.pt-icon-heart::before {\n  content: \"♥\"; }\n\n.pt-icon-office::before {\n  content: \"\"; }\n\n.pt-icon-duplicate::before {\n  content: \"\"; }\n\n.pt-icon-ban-circle::before {\n  content: \"\"; }\n\n.pt-icon-camera::before {\n  content: \"\"; }\n\n.pt-icon-mobile-video::before {\n  content: \"\"; }\n\n.pt-icon-video::before {\n  content: \"\"; }\n\n.pt-icon-film::before {\n  content: \"\"; }\n\n.pt-icon-settings::before {\n  content: \"\"; }\n\n.pt-icon-volume-off::before {\n  content: \"\"; }\n\n.pt-icon-volume-down::before {\n  content: \"\"; }\n\n.pt-icon-volume-up::before {\n  content: \"\"; }\n\n.pt-icon-music::before {\n  content: \"\"; }\n\n.pt-icon-step-backward::before {\n  content: \"\"; }\n\n.pt-icon-fast-backward::before {\n  content: \"\"; }\n\n.pt-icon-pause::before {\n  content: \"\"; }\n\n.pt-icon-stop::before {\n  content: \"\"; }\n\n.pt-icon-play::before {\n  content: \"\"; }\n\n.pt-icon-fast-forward::before {\n  content: \"\"; }\n\n.pt-icon-step-forward::before {\n  content: \"\"; }\n\n.pt-icon-eject::before {\n  content: \"⏏\"; }\n\n.pt-icon-record::before {\n  content: \"\"; }\n\n.pt-icon-desktop::before {\n  content: \"\"; }\n\n.pt-icon-phone::before {\n  content: \"☎\"; }\n\n.pt-icon-lightbulb::before {\n  content: \"\"; }\n\n.pt-icon-glass::before {\n  content: \"\"; }\n\n.pt-icon-tint::before {\n  content: \"\"; }\n\n.pt-icon-flash::before {\n  content: \"\"; }\n\n.pt-icon-font::before {\n  content: \"\"; }\n\n.pt-icon-header::before {\n  content: \"\"; }\n\n.pt-icon-saved::before {\n  content: \"\"; }\n\n.pt-icon-floppy-disk::before {\n  content: \"\"; }\n\n.pt-icon-book::before {\n  content: \"\"; }\n\n.pt-icon-hand-right::before {\n  content: \"\"; }\n\n.pt-icon-hand-up::before {\n  content: \"\"; }\n\n.pt-icon-hand-down::before {\n  content: \"\"; }\n\n.pt-icon-hand-left::before {\n  content: \"\"; }\n\n.pt-icon-thumbs-up::before {\n  content: \"\"; }\n\n.pt-icon-thumbs-down::before {\n  content: \"\"; }\n\n.pt-icon-box::before {\n  content: \"\"; }\n\n.pt-icon-compressed::before {\n  content: \"\"; }\n\n.pt-icon-shopping-cart::before {\n  content: \"\"; }\n\n.pt-icon-shop::before {\n  content: \"\"; }\n\n.pt-icon-layout-linear::before {\n  content: \"\"; }\n\n.pt-icon-undo::before {\n  content: \"⎌\"; }\n\n.pt-icon-redo::before {\n  content: \"\"; }\n\n.pt-icon-code-block::before {\n  content: \"\"; }\n\n.pt-icon-double-caret-vertical::before {\n  content: \"\"; }\n\n.pt-icon-double-caret-horizontal::before {\n  content: \"\"; }\n\n.pt-icon-sort-alphabetical-desc::before {\n  content: \"\"; }\n\n.pt-icon-sort-numerical-desc::before {\n  content: \"\"; }\n\n.pt-icon-take-action::before {\n  content: \"\"; }\n\n.pt-icon-contrast::before {\n  content: \"\"; }\n\n.pt-icon-eye-off::before {\n  content: \"\"; }\n\n.pt-icon-timeline-area-chart::before {\n  content: \"\"; }\n\n.pt-icon-doughnut-chart::before {\n  content: \"\"; }\n\n.pt-icon-layer::before {\n  content: \"\"; }\n\n.pt-icon-grid::before {\n  content: \"\"; }\n\n.pt-icon-polygon-filter::before {\n  content: \"\"; }\n\n.pt-icon-add-to-folder::before {\n  content: \"\"; }\n\n.pt-icon-layout-balloon::before {\n  content: \"\"; }\n\n.pt-icon-layout-sorted-clusters::before {\n  content: \"\"; }\n\n.pt-icon-sort-asc::before {\n  content: \"\"; }\n\n.pt-icon-sort-desc::before {\n  content: \"\"; }\n\n.pt-icon-small-cross::before {\n  content: \"\"; }\n\n.pt-icon-small-tick::before {\n  content: \"\"; }\n\n.pt-icon-power::before {\n  content: \"\"; }\n\n.pt-icon-column-layout::before {\n  content: \"\"; }\n\n.pt-icon-arrow-top-left::before {\n  content: \"↖\"; }\n\n.pt-icon-arrow-top-right::before {\n  content: \"↗\"; }\n\n.pt-icon-arrow-bottom-right::before {\n  content: \"↘\"; }\n\n.pt-icon-arrow-bottom-left::before {\n  content: \"↙\"; }\n\n.pt-icon-mugshot::before {\n  content: \"\"; }\n\n.pt-icon-headset::before {\n  content: \"\"; }\n\n.pt-icon-text-highlight::before {\n  content: \"\"; }\n\n.pt-icon-hand::before {\n  content: \"\"; }\n\n.pt-icon-chevron-backward::before {\n  content: \"\"; }\n\n.pt-icon-chevron-forward::before {\n  content: \"\"; }\n\n.pt-icon-rotate-document::before {\n  content: \"\"; }\n\n.pt-icon-rotate-page::before {\n  content: \"\"; }\n\n.pt-icon-badge::before {\n  content: \"\"; }\n\n.pt-icon-grid-view::before {\n  content: \"\"; }\n\n.pt-icon-function::before {\n  content: \"\"; }\n\n.pt-icon-waterfall-chart::before {\n  content: \"\"; }\n\n.pt-icon-stacked-chart::before {\n  content: \"\"; }\n\n.pt-icon-pulse::before {\n  content: \"\"; }\n\n.pt-icon-new-person::before {\n  content: \"\"; }\n\n.pt-icon-exclude-row::before {\n  content: \"\"; }\n\n.pt-icon-pivot-table::before {\n  content: \"\"; }\n\n.pt-icon-segmented-control::before {\n  content: \"\"; }\n\n.pt-icon-highlight::before {\n  content: \"\"; }\n\n.pt-icon-filter-list::before {\n  content: \"\"; }\n\n.pt-icon-cut::before {\n  content: \"\"; }\n\n.pt-icon-annotation::before {\n  content: \"\"; }\n\n.pt-icon-pivot::before {\n  content: \"\"; }\n\n.pt-icon-ring::before {\n  content: \"\"; }\n\n.pt-icon-heat-grid::before {\n  content: \"\"; }\n\n.pt-icon-gantt-chart::before {\n  content: \"\"; }\n\n.pt-icon-variable::before {\n  content: \"\"; }\n\n.pt-icon-manual::before {\n  content: \"\"; }\n\n.pt-icon-add-row-top::before {\n  content: \"\"; }\n\n.pt-icon-add-row-bottom::before {\n  content: \"\"; }\n\n.pt-icon-add-column-left::before {\n  content: \"\"; }\n\n.pt-icon-add-column-right::before {\n  content: \"\"; }\n\n.pt-icon-remove-row-top::before {\n  content: \"\"; }\n\n.pt-icon-remove-row-bottom::before {\n  content: \"\"; }\n\n.pt-icon-remove-column-left::before {\n  content: \"\"; }\n\n.pt-icon-remove-column-right::before {\n  content: \"\"; }\n\n.pt-icon-double-chevron-left::before {\n  content: \"\"; }\n\n.pt-icon-double-chevron-right::before {\n  content: \"\"; }\n\n.pt-icon-double-chevron-up::before {\n  content: \"\"; }\n\n.pt-icon-double-chevron-down::before {\n  content: \"\"; }\n\n.pt-icon-key-control::before {\n  content: \"\"; }\n\n.pt-icon-key-command::before {\n  content: \"\"; }\n\n.pt-icon-key-shift::before {\n  content: \"\"; }\n\n.pt-icon-key-backspace::before {\n  content: \"\"; }\n\n.pt-icon-key-delete::before {\n  content: \"\"; }\n\n.pt-icon-key-escape::before {\n  content: \"\"; }\n\n.pt-icon-key-enter::before {\n  content: \"\"; }\n\n.pt-icon-calculator::before {\n  content: \"\"; }\n\n.pt-icon-horizontal-bar-chart::before {\n  content: \"\"; }\n\n.pt-icon-small-plus::before {\n  content: \"\"; }\n\n.pt-icon-small-minus::before {\n  content: \"\"; }\n\n.pt-icon-step-chart::before {\n  content: \"\"; }\n\n.pt-icon-euro::before {\n  content: \"€\"; }\n\n.pt-icon-drag-handle-vertical::before {\n  content: \"\"; }\n\n.pt-icon-drag-handle-horizontal::before {\n  content: \"\"; }\n\n.pt-icon-mobile-phone::before {\n  content: \"\"; }\n\n.pt-icon-sim-card::before {\n  content: \"\"; }\n\n.pt-icon-trending-up::before {\n  content: \"\"; }\n\n.pt-icon-trending-down::before {\n  content: \"\"; }\n\n.pt-icon-curved-range-chart::before {\n  content: \"\"; }\n\n.pt-icon-vertical-bar-chart-desc::before {\n  content: \"\"; }\n\n.pt-icon-horizontal-bar-chart-desc::before {\n  content: \"\"; }\n\n.pt-icon-document-open::before {\n  content: \"\"; }\n\n.pt-icon-document-share::before {\n  content: \"\"; }\n\n.pt-icon-horizontal-distribution::before {\n  content: \"\"; }\n\n.pt-icon-vertical-distribution::before {\n  content: \"\"; }\n\n.pt-icon-alignment-left::before {\n  content: \"\"; }\n\n.pt-icon-alignment-vertical-center::before {\n  content: \"\"; }\n\n.pt-icon-alignment-right::before {\n  content: \"\"; }\n\n.pt-icon-alignment-top::before {\n  content: \"\"; }\n\n.pt-icon-alignment-horizontal-center::before {\n  content: \"\"; }\n\n.pt-icon-alignment-bottom::before {\n  content: \"\"; }\n\n.pt-icon-git-pull::before {\n  content: \"\"; }\n\n.pt-icon-git-merge::before {\n  content: \"\"; }\n\n.pt-icon-git-branch::before {\n  content: \"\"; }\n\n.pt-icon-git-commit::before {\n  content: \"\"; }\n\n.pt-icon-git-push::before {\n  content: \"\"; }\n\n.pt-icon-build::before {\n  content: \"\"; }\n\n.pt-icon-symbol-circle::before {\n  content: \"\"; }\n\n.pt-icon-symbol-square::before {\n  content: \"\"; }\n\n.pt-icon-symbol-diamond::before {\n  content: \"\"; }\n\n.pt-icon-symbol-cross::before {\n  content: \"\"; }\n\n.pt-icon-symbol-triangle-up::before {\n  content: \"\"; }\n\n.pt-icon-symbol-triangle-down::before {\n  content: \"\"; }\n\n.pt-icon-wrench::before {\n  content: \"\"; }\n\n.pt-icon-application::before {\n  content: \"\"; }\n\n.pt-icon-send-to-graph::before {\n  content: \"\"; }\n\n.pt-icon-send-to-map::before {\n  content: \"\"; }\n\n.pt-icon-join-table::before {\n  content: \"\"; }\n\n.pt-icon-derive-column::before {\n  content: \"\"; }\n\n.pt-icon-image-rotate-left::before {\n  content: \"\"; }\n\n.pt-icon-image-rotate-right::before {\n  content: \"\"; }\n\n.pt-icon-known-vehicle::before {\n  content: \"\"; }\n\n.pt-icon-unknown-vehicle::before {\n  content: \"\"; }\n\n.pt-icon-scatter-plot::before {\n  content: \"\"; }\n\n.pt-icon-oil-field::before {\n  content: \"\"; }\n\n.pt-icon-rig::before {\n  content: \"\"; }\n\n.pt-icon-map-create::before {\n  content: \"\"; }\n\n.pt-icon-key-option::before {\n  content: \"\"; }\n\n.pt-icon-list-detail-view::before {\n  content: \"\"; }\n\n.pt-icon-swap-vertical::before {\n  content: \"\"; }\n\n.pt-icon-swap-horizontal::before {\n  content: \"\"; }\n\n.pt-icon-numbered-list::before {\n  content: \"\"; }\n\n.pt-icon-new-grid-item::before {\n  content: \"\"; }\n\n.pt-icon-git-repo::before {\n  content: \"\"; }\n\n.pt-icon-git-new-branch::before {\n  content: \"\"; }\n\n.pt-icon-manually-entered-data::before {\n  content: \"\"; }\n\n.pt-icon-airplane::before {\n  content: \"\"; }\n\n.pt-icon-merge-columns::before {\n  content: \"\"; }\n\n.pt-icon-split-columns::before {\n  content: \"\"; }\n\n.pt-icon-dashboard::before {\n  content: \"\"; }\n\n.pt-icon-publish-function::before {\n  content: \"\"; }\n\n.pt-icon-path::before {\n  content: \"\"; }\n\n.pt-icon-moon::before {\n  content: \"\"; }\n\n.pt-icon-remove-column::before {\n  content: \"\"; }\n\n.pt-icon-numerical::before {\n  content: \"\"; }\n\n.pt-icon-key-tab::before {\n  content: \"\"; }\n\n.pt-icon-regression-chart::before {\n  content: \"\"; }\n\n.pt-icon-translate::before {\n  content: \"\"; }\n\n.pt-icon-eye-on::before {\n  content: \"\"; }\n\n.pt-icon-vertical-bar-chart-asc::before {\n  content: \"\"; }\n\n.pt-icon-horizontal-bar-chart-asc::before {\n  content: \"\"; }\n\n.pt-icon-grouped-bar-chart::before {\n  content: \"\"; }\n\n.pt-icon-full-stacked-chart::before {\n  content: \"\"; }\n\n.pt-icon-endorsed::before {\n  content: \"\"; }\n\n.pt-icon-follower::before {\n  content: \"\"; }\n\n.pt-icon-following::before {\n  content: \"\"; }\n\n.pt-icon-menu::before {\n  content: \"\"; }\n\n.pt-icon-collapse-all::before {\n  content: \"\"; }\n\n.pt-icon-expand-all::before {\n  content: \"\"; }\n\n.pt-icon-intersection::before {\n  content: \"\"; }\n\n.pt-icon-blocked-person::before {\n  content: \"\"; }\n\n.pt-icon-slash::before {\n  content: \"\"; }\n\n.pt-icon-percentage::before {\n  content: \"\"; }\n\n.pt-icon-satellite::before {\n  content: \"\"; }\n\n.pt-icon-paragraph::before {\n  content: \"\"; }\n\n.pt-icon-bank-account::before {\n  content: \"\"; }\n\n.pt-icon-cell-tower::before {\n  content: \"\"; }\n\n.pt-icon-id-number::before {\n  content: \"\"; }\n\n.pt-icon-ip-address::before {\n  content: \"\"; }\n\n.pt-icon-eraser::before {\n  content: \"\"; }\n\n.pt-icon-issue::before {\n  content: \"\"; }\n\n.pt-icon-issue-new::before {\n  content: \"\"; }\n\n.pt-icon-issue-closed::before {\n  content: \"\"; }\n\n.pt-icon-panel-stats::before {\n  content: \"\"; }\n\n.pt-icon-panel-table::before {\n  content: \"\"; }\n\n.pt-icon-tick-circle::before {\n  content: \"\"; }\n\n.pt-icon-prescription::before {\n  content: \"\"; }\n\n.pt-icon-new-prescription::before {\n  content: \"\"; }\n\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\n * Copyright 2015-present Palantir Technologies, Inc. All rights reserved.\n */\n/*\n * Copyright 2015-present Palantir Technologies, Inc. All rights reserved.\n */\n/*\n * Copyright 2015-present Palantir Technologies, Inc. All rights reserved.\n */\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\n * Copyright 2015-present Palantir Technologies, Inc. All rights reserved.\n */\n/*\n * Copyright 2015-present Palantir Technologies, Inc. All rights reserved.\n */\n/*\n * Copyright 2015-present Palantir Technologies, Inc. All rights reserved.\n */\n.pt-submenu > .pt-popover-target {\n  display: inherit; }\n  .pt-submenu > .pt-popover-target > .pt-menu-item {\n    padding-right: 26px; }\n    .pt-submenu > .pt-popover-target > .pt-menu-item::after {\n      line-height: 1;\n      font-family: \"Icons16\", sans-serif;\n      font-size: 16px;\n      font-weight: 400;\n      font-style: normal;\n      -moz-osx-font-smoothing: grayscale;\n      -webkit-font-smoothing: antialiased;\n      position: absolute;\n      right: 5px;\n      content: \"〉\"; }\n      .pt-large .pt-submenu > .pt-popover-target > .pt-menu-item::after {\n        line-height: 20px; }\n\n.pt-submenu .pt-popover {\n  position: relative;\n  top: -5px;\n  left: 5px; }\n  .pt-submenu .pt-popover.pt-align-left {\n    right: 5px;\n    left: auto; }\n\n/*\nMenus\n\nMarkup:\n<ul class=\"pt-menu {{.modifier}} pt-elevation-1\">\n  <li>\n    <a class=\"pt-menu-item pt-icon-people\" tabindex=\"0\">Share...</a>\n  </li>\n  <li>\n    <a class=\"pt-menu-item pt-icon-circle-arrow-right\" tabindex=\"0\">Move...</a>\n  </li>\n  <li>\n    <a class=\"pt-menu-item pt-icon-edit\" tabindex=\"0\">Rename</a>\n  </li>\n  <li class=\"pt-menu-divider\"></li>\n  <li>\n    <a class=\"pt-menu-item pt-icon-trash pt-intent-danger\" tabindex=\"0\">Delete</a>\n  </li>\n</ul>\n\n.pt-large - Large size (only supported on <code>.pt-menu</code>)\n\nStyleguide pt-menu\n*/\n.pt-menu {\n  margin: 0;\n  border-radius: 3px;\n  background: #ffffff;\n  min-width: 180px;\n  padding: 5px;\n  list-style: none;\n  text-align: left;\n  color: #182026; }\n\n.pt-menu-divider {\n  display: block;\n  margin: 5px;\n  border-top: 1px solid rgba(16, 22, 26, 0.15); }\n  .pt-dark .pt-menu-divider {\n    border-top-color: rgba(255, 255, 255, 0.15); }\n\n.pt-menu-item {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  word-wrap: normal;\n  display: block;\n  border-radius: 2px;\n  padding: 7px;\n  line-height: 16px;\n  color: inherit;\n  user-select: none; }\n  .pt-menu-item:hover, .pt-submenu > .pt-popover-open > .pt-menu-item {\n    background-color: rgba(167, 182, 194, 0.3);\n    cursor: pointer; }\n  .pt-menu-item.pt-disabled {\n    background-color: inherit;\n    cursor: not-allowed;\n    color: rgba(92, 112, 128, 0.5); }\n  .pt-dark .pt-menu-item {\n    color: inherit; }\n    .pt-dark .pt-menu-item:hover, .pt-dark .pt-submenu > .pt-popover-open > .pt-menu-item {\n      background-color: rgba(138, 155, 168, 0.15);\n      color: inherit; }\n    .pt-dark .pt-menu-item.pt-disabled {\n      background-color: inherit;\n      color: rgba(191, 204, 214, 0.5); }\n  .pt-menu-item.pt-intent-primary {\n    color: #106ba3; }\n    .pt-menu-item.pt-intent-primary::before, .pt-menu-item.pt-intent-primary::after,\n    .pt-menu-item.pt-intent-primary .pt-menu-item-label {\n      color: #106ba3; }\n    .pt-menu-item.pt-intent-primary:hover, .pt-submenu > .pt-popover-open > .pt-intent-primary.pt-menu-item, .pt-menu-item.pt-intent-primary.pt-active {\n      background-color: #137cbd; }\n    .pt-menu-item.pt-intent-primary:active {\n      background-color: #106ba3; }\n    .pt-menu-item.pt-intent-primary:hover, .pt-submenu > .pt-popover-open > .pt-intent-primary.pt-menu-item, .pt-menu-item.pt-intent-primary:hover::before, .pt-submenu > .pt-popover-open > .pt-intent-primary.pt-menu-item::before, .pt-menu-item.pt-intent-primary:hover::after, .pt-submenu > .pt-popover-open > .pt-intent-primary.pt-menu-item::after,\n    .pt-menu-item.pt-intent-primary:hover .pt-menu-item-label, .pt-submenu > .pt-popover-open > .pt-intent-primary.pt-menu-item .pt-menu-item-label, .pt-menu-item.pt-intent-primary:active, .pt-menu-item.pt-intent-primary:active::before, .pt-menu-item.pt-intent-primary:active::after,\n    .pt-menu-item.pt-intent-primary:active .pt-menu-item-label, .pt-menu-item.pt-intent-primary.pt-active, .pt-menu-item.pt-intent-primary.pt-active::before, .pt-menu-item.pt-intent-primary.pt-active::after,\n    .pt-menu-item.pt-intent-primary.pt-active .pt-menu-item-label {\n      color: #ffffff; }\n  .pt-menu-item.pt-intent-success {\n    color: #0d8050; }\n    .pt-menu-item.pt-intent-success::before, .pt-menu-item.pt-intent-success::after,\n    .pt-menu-item.pt-intent-success .pt-menu-item-label {\n      color: #0d8050; }\n    .pt-menu-item.pt-intent-success:hover, .pt-submenu > .pt-popover-open > .pt-intent-success.pt-menu-item, .pt-menu-item.pt-intent-success.pt-active {\n      background-color: #0f9960; }\n    .pt-menu-item.pt-intent-success:active {\n      background-color: #0d8050; }\n    .pt-menu-item.pt-intent-success:hover, .pt-submenu > .pt-popover-open > .pt-intent-success.pt-menu-item, .pt-menu-item.pt-intent-success:hover::before, .pt-submenu > .pt-popover-open > .pt-intent-success.pt-menu-item::before, .pt-menu-item.pt-intent-success:hover::after, .pt-submenu > .pt-popover-open > .pt-intent-success.pt-menu-item::after,\n    .pt-menu-item.pt-intent-success:hover .pt-menu-item-label, .pt-submenu > .pt-popover-open > .pt-intent-success.pt-menu-item .pt-menu-item-label, .pt-menu-item.pt-intent-success:active, .pt-menu-item.pt-intent-success:active::before, .pt-menu-item.pt-intent-success:active::after,\n    .pt-menu-item.pt-intent-success:active .pt-menu-item-label, .pt-menu-item.pt-intent-success.pt-active, .pt-menu-item.pt-intent-success.pt-active::before, .pt-menu-item.pt-intent-success.pt-active::after,\n    .pt-menu-item.pt-intent-success.pt-active .pt-menu-item-label {\n      color: #ffffff; }\n  .pt-menu-item.pt-intent-warning {\n    color: #bf7326; }\n    .pt-menu-item.pt-intent-warning::before, .pt-menu-item.pt-intent-warning::after,\n    .pt-menu-item.pt-intent-warning .pt-menu-item-label {\n      color: #bf7326; }\n    .pt-menu-item.pt-intent-warning:hover, .pt-submenu > .pt-popover-open > .pt-intent-warning.pt-menu-item, .pt-menu-item.pt-intent-warning.pt-active {\n      background-color: #d9822b; }\n    .pt-menu-item.pt-intent-warning:active {\n      background-color: #bf7326; }\n    .pt-menu-item.pt-intent-warning:hover, .pt-submenu > .pt-popover-open > .pt-intent-warning.pt-menu-item, .pt-menu-item.pt-intent-warning:hover::before, .pt-submenu > .pt-popover-open > .pt-intent-warning.pt-menu-item::before, .pt-menu-item.pt-intent-warning:hover::after, .pt-submenu > .pt-popover-open > .pt-intent-warning.pt-menu-item::after,\n    .pt-menu-item.pt-intent-warning:hover .pt-menu-item-label, .pt-submenu > .pt-popover-open > .pt-intent-warning.pt-menu-item .pt-menu-item-label, .pt-menu-item.pt-intent-warning:active, .pt-menu-item.pt-intent-warning:active::before, .pt-menu-item.pt-intent-warning:active::after,\n    .pt-menu-item.pt-intent-warning:active .pt-menu-item-label, .pt-menu-item.pt-intent-warning.pt-active, .pt-menu-item.pt-intent-warning.pt-active::before, .pt-menu-item.pt-intent-warning.pt-active::after,\n    .pt-menu-item.pt-intent-warning.pt-active .pt-menu-item-label {\n      color: #ffffff; }\n  .pt-menu-item.pt-intent-danger {\n    color: #c23030; }\n    .pt-menu-item.pt-intent-danger::before, .pt-menu-item.pt-intent-danger::after,\n    .pt-menu-item.pt-intent-danger .pt-menu-item-label {\n      color: #c23030; }\n    .pt-menu-item.pt-intent-danger:hover, .pt-submenu > .pt-popover-open > .pt-intent-danger.pt-menu-item, .pt-menu-item.pt-intent-danger.pt-active {\n      background-color: #db3737; }\n    .pt-menu-item.pt-intent-danger:active {\n      background-color: #c23030; }\n    .pt-menu-item.pt-intent-danger:hover, .pt-submenu > .pt-popover-open > .pt-intent-danger.pt-menu-item, .pt-menu-item.pt-intent-danger:hover::before, .pt-submenu > .pt-popover-open > .pt-intent-danger.pt-menu-item::before, .pt-menu-item.pt-intent-danger:hover::after, .pt-submenu > .pt-popover-open > .pt-intent-danger.pt-menu-item::after,\n    .pt-menu-item.pt-intent-danger:hover .pt-menu-item-label, .pt-submenu > .pt-popover-open > .pt-intent-danger.pt-menu-item .pt-menu-item-label, .pt-menu-item.pt-intent-danger:active, .pt-menu-item.pt-intent-danger:active::before, .pt-menu-item.pt-intent-danger:active::after,\n    .pt-menu-item.pt-intent-danger:active .pt-menu-item-label, .pt-menu-item.pt-intent-danger.pt-active, .pt-menu-item.pt-intent-danger.pt-active::before, .pt-menu-item.pt-intent-danger.pt-active::after,\n    .pt-menu-item.pt-intent-danger.pt-active .pt-menu-item-label {\n      color: #ffffff; }\n  .pt-menu-item::before {\n    line-height: 1;\n    font-family: \"Icons16\", sans-serif;\n    font-size: 16px;\n    font-weight: 400;\n    font-style: normal;\n    -moz-osx-font-smoothing: grayscale;\n    -webkit-font-smoothing: antialiased;\n    float: left;\n    margin-right: 7px; }\n  .pt-menu-item::before, .pt-menu-item::after {\n    color: #5c7080; }\n  .pt-menu-item .pt-menu-item-label {\n    color: #5c7080; }\n  .pt-menu-item:hover, .pt-submenu > .pt-popover-open > .pt-menu-item {\n    color: inherit; }\n  .pt-menu-item.pt-active, .pt-menu-item:active {\n    background-color: rgba(115, 134, 148, 0.3); }\n  .pt-menu-item.pt-disabled {\n    outline: none !important;\n    background-color: inherit !important;\n    cursor: not-allowed !important;\n    color: rgba(92, 112, 128, 0.5) !important; }\n    .pt-menu-item.pt-disabled::before, .pt-menu-item.pt-disabled::after,\n    .pt-menu-item.pt-disabled .pt-menu-item-label {\n      color: rgba(92, 112, 128, 0.5) !important; }\n  .pt-large .pt-menu-item {\n    padding: 10px 7px;\n    line-height: 20px;\n    font-size: 16px; }\n    .pt-large .pt-menu-item::before {\n      line-height: 1;\n      font-family: \"Icons20\", sans-serif;\n      font-size: 20px;\n      font-weight: 400;\n      font-style: normal;\n      -moz-osx-font-smoothing: grayscale;\n      -webkit-font-smoothing: antialiased;\n      margin-right: 10px; }\n\na.pt-menu-item, a.pt-menu-item:hover, .pt-submenu > .pt-popover-open > a.pt-menu-item {\n  text-decoration: none; }\n\nbutton.pt-menu-item {\n  border: none;\n  background: none;\n  width: 100%;\n  text-align: left; }\n\n.pt-menu-item-label {\n  float: right;\n  margin-left: 7px; }\n\n/*\nMenu headers\n\nMarkup:\n<ul class=\"pt-menu pt-elevation-1\">\n  <li class=\"pt-menu-header\"><h6>Layouts</h6></li>\n  <li><button type=\"button\" class=\"pt-menu-item pt-icon-layout-auto\">Auto</button></li>\n  <li><button type=\"button\" class=\"pt-menu-item pt-icon-layout-circle\">Circle</button></li>\n  <li><button type=\"button\" class=\"pt-menu-item pt-icon-layout-grid\">Grid</button></li>\n  <li class=\"pt-menu-header\"><h6>Views</h6></li>\n  <li><button type=\"button\" class=\"pt-menu-item pt-icon-history\">History</button></li>\n  <li><button type=\"button\" class=\"pt-menu-item pt-icon-star\">Favorites</button></li>\n  <li><button type=\"button\" class=\"pt-menu-item pt-icon-envelope\">Messages</button></li>\n</ul>\n\nStyleguide pt-menu.pt-menu-header\n*/\n.pt-menu-header {\n  display: block;\n  margin: 5px;\n  border-top: 1px solid rgba(16, 22, 26, 0.15);\n  cursor: default;\n  padding-left: 2px; }\n  .pt-dark .pt-menu-header {\n    border-top-color: rgba(255, 255, 255, 0.15); }\n  .pt-menu-header:first-of-type {\n    border-top: none; }\n  .pt-menu-header > h6 {\n    color: #182026;\n    font-weight: 600;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    word-wrap: normal;\n    margin: 0;\n    padding: 10px 7px 0 1px;\n    line-height: 17px; }\n  .pt-menu-header:first-of-type > h6 {\n    padding-top: 0; }\n  .pt-large .pt-menu-header > h6 {\n    padding-top: 15px;\n    padding-bottom: 5px;\n    font-size: 18px; }\n  .pt-large .pt-menu-header:first-of-type > h6 {\n    padding-top: 0; }\n\n.pt-dark .pt-menu {\n  background: #30404d;\n  color: #f5f8fa; }\n\n.pt-dark .pt-menu-item.pt-intent-primary {\n  color: #48aff0; }\n  .pt-dark .pt-menu-item.pt-intent-primary::before, .pt-dark .pt-menu-item.pt-intent-primary::after,\n  .pt-dark .pt-menu-item.pt-intent-primary .pt-menu-item-label {\n    color: #48aff0; }\n  .pt-dark .pt-menu-item.pt-intent-primary:hover, .pt-dark .pt-submenu > .pt-popover-open > .pt-intent-primary.pt-menu-item, .pt-dark .pt-menu-item.pt-intent-primary.pt-active {\n    background-color: #137cbd; }\n  .pt-dark .pt-menu-item.pt-intent-primary:active {\n    background-color: #106ba3; }\n  .pt-dark .pt-menu-item.pt-intent-primary:hover, .pt-dark .pt-submenu > .pt-popover-open > .pt-intent-primary.pt-menu-item, .pt-dark .pt-menu-item.pt-intent-primary:hover::before, .pt-dark .pt-submenu > .pt-popover-open > .pt-intent-primary.pt-menu-item::before, .pt-dark .pt-menu-item.pt-intent-primary:hover::after, .pt-dark .pt-submenu > .pt-popover-open > .pt-intent-primary.pt-menu-item::after,\n  .pt-dark .pt-menu-item.pt-intent-primary:hover .pt-menu-item-label,\n  .pt-dark .pt-submenu > .pt-popover-open > .pt-intent-primary.pt-menu-item .pt-menu-item-label, .pt-dark .pt-menu-item.pt-intent-primary:active, .pt-dark .pt-menu-item.pt-intent-primary:active::before, .pt-dark .pt-menu-item.pt-intent-primary:active::after,\n  .pt-dark .pt-menu-item.pt-intent-primary:active .pt-menu-item-label, .pt-dark .pt-menu-item.pt-intent-primary.pt-active, .pt-dark .pt-menu-item.pt-intent-primary.pt-active::before, .pt-dark .pt-menu-item.pt-intent-primary.pt-active::after,\n  .pt-dark .pt-menu-item.pt-intent-primary.pt-active .pt-menu-item-label {\n    color: #ffffff; }\n\n.pt-dark .pt-menu-item.pt-intent-success {\n  color: #3dcc91; }\n  .pt-dark .pt-menu-item.pt-intent-success::before, .pt-dark .pt-menu-item.pt-intent-success::after,\n  .pt-dark .pt-menu-item.pt-intent-success .pt-menu-item-label {\n    color: #3dcc91; }\n  .pt-dark .pt-menu-item.pt-intent-success:hover, .pt-dark .pt-submenu > .pt-popover-open > .pt-intent-success.pt-menu-item, .pt-dark .pt-menu-item.pt-intent-success.pt-active {\n    background-color: #0f9960; }\n  .pt-dark .pt-menu-item.pt-intent-success:active {\n    background-color: #0d8050; }\n  .pt-dark .pt-menu-item.pt-intent-success:hover, .pt-dark .pt-submenu > .pt-popover-open > .pt-intent-success.pt-menu-item, .pt-dark .pt-menu-item.pt-intent-success:hover::before, .pt-dark .pt-submenu > .pt-popover-open > .pt-intent-success.pt-menu-item::before, .pt-dark .pt-menu-item.pt-intent-success:hover::after, .pt-dark .pt-submenu > .pt-popover-open > .pt-intent-success.pt-menu-item::after,\n  .pt-dark .pt-menu-item.pt-intent-success:hover .pt-menu-item-label,\n  .pt-dark .pt-submenu > .pt-popover-open > .pt-intent-success.pt-menu-item .pt-menu-item-label, .pt-dark .pt-menu-item.pt-intent-success:active, .pt-dark .pt-menu-item.pt-intent-success:active::before, .pt-dark .pt-menu-item.pt-intent-success:active::after,\n  .pt-dark .pt-menu-item.pt-intent-success:active .pt-menu-item-label, .pt-dark .pt-menu-item.pt-intent-success.pt-active, .pt-dark .pt-menu-item.pt-intent-success.pt-active::before, .pt-dark .pt-menu-item.pt-intent-success.pt-active::after,\n  .pt-dark .pt-menu-item.pt-intent-success.pt-active .pt-menu-item-label {\n    color: #ffffff; }\n\n.pt-dark .pt-menu-item.pt-intent-warning {\n  color: #ffb366; }\n  .pt-dark .pt-menu-item.pt-intent-warning::before, .pt-dark .pt-menu-item.pt-intent-warning::after,\n  .pt-dark .pt-menu-item.pt-intent-warning .pt-menu-item-label {\n    color: #ffb366; }\n  .pt-dark .pt-menu-item.pt-intent-warning:hover, .pt-dark .pt-submenu > .pt-popover-open > .pt-intent-warning.pt-menu-item, .pt-dark .pt-menu-item.pt-intent-warning.pt-active {\n    background-color: #d9822b; }\n  .pt-dark .pt-menu-item.pt-intent-warning:active {\n    background-color: #bf7326; }\n  .pt-dark .pt-menu-item.pt-intent-warning:hover, .pt-dark .pt-submenu > .pt-popover-open > .pt-intent-warning.pt-menu-item, .pt-dark .pt-menu-item.pt-intent-warning:hover::before, .pt-dark .pt-submenu > .pt-popover-open > .pt-intent-warning.pt-menu-item::before, .pt-dark .pt-menu-item.pt-intent-warning:hover::after, .pt-dark .pt-submenu > .pt-popover-open > .pt-intent-warning.pt-menu-item::after,\n  .pt-dark .pt-menu-item.pt-intent-warning:hover .pt-menu-item-label,\n  .pt-dark .pt-submenu > .pt-popover-open > .pt-intent-warning.pt-menu-item .pt-menu-item-label, .pt-dark .pt-menu-item.pt-intent-warning:active, .pt-dark .pt-menu-item.pt-intent-warning:active::before, .pt-dark .pt-menu-item.pt-intent-warning:active::after,\n  .pt-dark .pt-menu-item.pt-intent-warning:active .pt-menu-item-label, .pt-dark .pt-menu-item.pt-intent-warning.pt-active, .pt-dark .pt-menu-item.pt-intent-warning.pt-active::before, .pt-dark .pt-menu-item.pt-intent-warning.pt-active::after,\n  .pt-dark .pt-menu-item.pt-intent-warning.pt-active .pt-menu-item-label {\n    color: #ffffff; }\n\n.pt-dark .pt-menu-item.pt-intent-danger {\n  color: #ff7373; }\n  .pt-dark .pt-menu-item.pt-intent-danger::before, .pt-dark .pt-menu-item.pt-intent-danger::after,\n  .pt-dark .pt-menu-item.pt-intent-danger .pt-menu-item-label {\n    color: #ff7373; }\n  .pt-dark .pt-menu-item.pt-intent-danger:hover, .pt-dark .pt-submenu > .pt-popover-open > .pt-intent-danger.pt-menu-item, .pt-dark .pt-menu-item.pt-intent-danger.pt-active {\n    background-color: #db3737; }\n  .pt-dark .pt-menu-item.pt-intent-danger:active {\n    background-color: #c23030; }\n  .pt-dark .pt-menu-item.pt-intent-danger:hover, .pt-dark .pt-submenu > .pt-popover-open > .pt-intent-danger.pt-menu-item, .pt-dark .pt-menu-item.pt-intent-danger:hover::before, .pt-dark .pt-submenu > .pt-popover-open > .pt-intent-danger.pt-menu-item::before, .pt-dark .pt-menu-item.pt-intent-danger:hover::after, .pt-dark .pt-submenu > .pt-popover-open > .pt-intent-danger.pt-menu-item::after,\n  .pt-dark .pt-menu-item.pt-intent-danger:hover .pt-menu-item-label,\n  .pt-dark .pt-submenu > .pt-popover-open > .pt-intent-danger.pt-menu-item .pt-menu-item-label, .pt-dark .pt-menu-item.pt-intent-danger:active, .pt-dark .pt-menu-item.pt-intent-danger:active::before, .pt-dark .pt-menu-item.pt-intent-danger:active::after,\n  .pt-dark .pt-menu-item.pt-intent-danger:active .pt-menu-item-label, .pt-dark .pt-menu-item.pt-intent-danger.pt-active, .pt-dark .pt-menu-item.pt-intent-danger.pt-active::before, .pt-dark .pt-menu-item.pt-intent-danger.pt-active::after,\n  .pt-dark .pt-menu-item.pt-intent-danger.pt-active .pt-menu-item-label {\n    color: #ffffff; }\n\n.pt-dark .pt-menu-item::before, .pt-dark .pt-menu-item::after {\n  color: #bfccd6; }\n\n.pt-dark .pt-menu-item .pt-menu-item-label {\n  color: #bfccd6; }\n\n.pt-dark .pt-menu-item:hover::before, .pt-dark .pt-submenu > .pt-popover-open > .pt-menu-item::before, .pt-dark .pt-menu-item:hover::after, .pt-dark .pt-submenu > .pt-popover-open > .pt-menu-item::after {\n  color: #ffffff; }\n\n.pt-dark .pt-menu-item.pt-active, .pt-dark .pt-menu-item:active {\n  background-color: rgba(138, 155, 168, 0.3); }\n\n.pt-dark .pt-menu-item.pt-disabled {\n  color: rgba(191, 204, 214, 0.5) !important; }\n  .pt-dark .pt-menu-item.pt-disabled::before, .pt-dark .pt-menu-item.pt-disabled::after,\n  .pt-dark .pt-menu-item.pt-disabled .pt-menu-item-label {\n    color: rgba(191, 204, 214, 0.5) !important; }\n\n.pt-dark .pt-menu-divider,\n.pt-dark .pt-menu-header {\n  border-color: rgba(255, 255, 255, 0.15); }\n\n.pt-dark .pt-menu-header > h6 {\n  color: #f5f8fa; }\n\n.pt-label .pt-menu {\n  margin-top: 5px; }\n\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nNavbars\n\nMarkup:\n<nav class=\"pt-navbar {{.modifier}}\">\n  <div class=\"pt-navbar-group pt-align-left\">\n    <div class=\"pt-navbar-heading\">Blueprint</div>\n    <input class=\"pt-input\" placeholder=\"Search files...\" type=\"text\" />\n  </div>\n  <div class=\"pt-navbar-group pt-align-right\">\n    <button class=\"pt-button pt-minimal pt-icon-home\">Home</button>\n    <button class=\"pt-button pt-minimal pt-icon-document\">Files</button>\n    <span class=\"pt-navbar-divider\"></span>\n    <button class=\"pt-button pt-minimal pt-icon-user\"></button>\n    <button class=\"pt-button pt-minimal pt-icon-notifications\"></button>\n    <button class=\"pt-button pt-minimal pt-icon-cog\"></button>\n  </div>\n</nav>\n\n.pt-dark - Dark theme\n\nStyleguide pt-navbar\n*/\n.pt-navbar {\n  position: relative;\n  z-index: 10;\n  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 0 0 rgba(16, 22, 26, 0), 0 1px 1px rgba(16, 22, 26, 0.2);\n  background-color: #ffffff;\n  height: 50px;\n  padding: 0 15px; }\n  .pt-navbar.pt-dark,\n  .pt-dark .pt-navbar {\n    background-color: #394b59; }\n  .pt-navbar.pt-dark {\n    box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), 0 0 0 rgba(16, 22, 26, 0), 0 1px 1px rgba(16, 22, 26, 0.4); }\n  .pt-dark .pt-navbar {\n    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 0 0 rgba(16, 22, 26, 0), 0 1px 1px rgba(16, 22, 26, 0.4); }\n  .pt-navbar.pt-fixed-top {\n    position: fixed;\n    top: 0;\n    right: 0;\n    left: 0; }\n  .pt-navbar .pt-logo {\n    margin-right: 15px;\n    width: 20px; }\n\n.pt-navbar-heading {\n  margin-right: 15px;\n  font-size: 16px; }\n\n.pt-navbar-group {\n  display: flex;\n  align-items: center;\n  height: 50px; }\n  .pt-navbar-group.pt-align-left {\n    float: left; }\n  .pt-navbar-group.pt-align-right {\n    float: right; }\n\n.pt-navbar-divider {\n  margin: 0 10px;\n  border-left: 1px solid rgba(16, 22, 26, 0.15);\n  height: 20px; }\n  .pt-dark .pt-navbar-divider {\n    border-left-color: rgba(255, 255, 255, 0.15); }\n\n/*\nFixed width\n\nMarkup:\n<nav class=\"pt-navbar pt-dark\">\n  <div style=\"margin: 0 auto; width: 480px;\"> <!-- ADD ME -->\n    <div class=\"pt-navbar-group pt-align-left\">\n      <div class=\"pt-navbar-heading\">Blueprint</div>\n    </div>\n    <div class=\"pt-navbar-group pt-align-right\">\n      <button class=\"pt-button pt-minimal pt-icon-home\">Home</button>\n      <button class=\"pt-button pt-minimal pt-icon-document\">Files</button>\n      <span class=\"pt-navbar-divider\"></span>\n      <button class=\"pt-button pt-minimal pt-icon-user\"></button>\n      <button class=\"pt-button pt-minimal pt-icon-notifications\"></button>\n      <button class=\"pt-button pt-minimal pt-icon-cog\"></button>\n    </div>\n  </div>\n</nav>\n\nStyleguide pt-navbar.pt-container\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\n * Copyright 2015-present Palantir Technologies, Inc. All rights reserved.\n */\n/*\n * Copyright 2015-present Palantir Technologies, Inc. All rights reserved.\n */\n/*\n * Copyright 2015-present Palantir Technologies, Inc. All rights reserved.\n */\n/*\nNon-ideal state\n\nMarkup:\n<div class=\"pt-non-ideal-state\">\n  <div class=\"pt-non-ideal-state-visual pt-non-ideal-state-icon\">\n    <span class=\"pt-icon pt-icon-folder-open\"></span>\n  </div>\n  <h4 class=\"pt-non-ideal-state-title\">This folder is empty</h4>\n  <div class=\"pt-non-ideal-state-description\">\n    Create a new file to populate the folder.\n  </div>\n</div>\n\nStyleguide pt-non-ideal-state\n*/\n.pt-non-ideal-state {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  margin: 0 auto;\n  width: 100%;\n  max-width: 400px;\n  height: 100%; }\n\n.pt-non-ideal-state > :not(:last-child) {\n  margin-bottom: 20px; }\n\n.pt-non-ideal-state-icon .pt-icon {\n  color: rgba(92, 112, 128, 0.5);\n  font-size: 60px; }\n  .pt-dark .pt-non-ideal-state-icon .pt-icon {\n    color: rgba(191, 204, 214, 0.5); }\n\n.pt-non-ideal-state-title,\n.pt-non-ideal-state-description {\n  text-align: center; }\n\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\nbody.pt-overlay-open {\n  overflow: hidden; }\n\n.pt-overlay {\n  position: static;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 20; }\n  .pt-overlay:not(.pt-overlay-open) {\n    pointer-events: none; }\n  .pt-overlay.pt-overlay-scroll-container {\n    position: fixed;\n    overflow: auto; }\n    .pt-overlay.pt-overlay-scroll-container.pt-overlay-inline {\n      position: absolute; }\n  .pt-overlay.pt-overlay-inline {\n    overflow: visible; }\n\n.pt-overlay-content {\n  position: fixed;\n  z-index: 20; }\n  .pt-overlay-inline .pt-overlay-content,\n  .pt-overlay-scroll-container .pt-overlay-content {\n    position: absolute; }\n\n.pt-overlay-backdrop {\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  opacity: 1;\n  z-index: 20;\n  background-color: rgba(16, 22, 26, 0.7);\n  overflow: auto;\n  user-select: none; }\n  .pt-overlay-backdrop.pt-overlay-enter, .pt-overlay-backdrop.pt-overlay-appear {\n    opacity: 0; }\n  .pt-overlay-backdrop.pt-overlay-enter-active, .pt-overlay-backdrop.pt-overlay-appear-active {\n    opacity: 1;\n    transition-property: opacity;\n    transition-duration: 200ms;\n    transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);\n    transition-delay: 0; }\n  .pt-overlay-backdrop.pt-overlay-leave {\n    opacity: 1; }\n  .pt-overlay-backdrop.pt-overlay-leave-active {\n    opacity: 0;\n    transition-property: opacity;\n    transition-duration: 200ms;\n    transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);\n    transition-delay: 0; }\n  .pt-overlay-backdrop:focus {\n    outline: none; }\n  .pt-overlay-inline .pt-overlay-backdrop {\n    position: absolute; }\n\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nA mixin to generate the classes for a React CSSTransitionGroup which animates any number of CSS\nproperties at once.\n\nTransitioned properties are specificed as a map of property names to lists of (inital value, final\nvalue). For enter & appear transitions, each property will transition from its initial to its final\nvalue. For leave transitions, each property will transition in reverse, from final to initial.\n\n**Simple example:**\n`@include react-transition(\"pt-popover\", (opacity: 0 1), $before: \"&\");`\nTransition named \"pt-popover\" moves opacity from 0 to 1. `\"&\"` indicates that the\nTransition classes are expected to be applied to this element, where the mixin is invoked.\n\n**Params:**\n$name: React transitionName prop\n$properties: map of CSS property to (initial, final) values\n$duration: transition duration\n$easing: transition easing function\n$delay: transition delay\n$before: selector text to insert before transition name (often to select self: &)\n$after: selector text to insert after transiton name (to select children)\n*/\n/*\nA mixin to generate the classes for one phase of a React CSSTransitionGroup.\n`$phase` must be `appear` or `enter` or `leave`.\nIf `enter` phase is given then `appear` phase will be generated at the same time.\nIf `leave` phase is given then property values are animated in reverse, from final to initial.\n\n**Example:**\n@include react-transition-phase(pt-toast, enter, $enter-translate, $before: \"&\");\n@include react-transition-phase(pt-toast, leave, $leave-blur, $pt-transition-duration * 3, $before: \"&\");\n*/\n/*\nGiven map of properties to values, set each property to the value at the given index.\n(remember that sass indices are 1-based).\n\nExample: `each-prop((opacity: 0 1), 2)` will print \"opacity: 1\"\n*/\n/*\nFormat transition class name with all the bits.\n\"enter\" phase will include \"appear\" phase in returned name.\n*/\n.pt-popover {\n  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 2px 4px rgba(16, 22, 26, 0.2), 0 8px 24px rgba(16, 22, 26, 0.2);\n  transform: scale(1);\n  display: inline-block;\n  z-index: 20;\n  border-radius: 3px; }\n  .pt-popover .pt-popover-arrow {\n    position: absolute;\n    width: 30px;\n    height: 30px; }\n    .pt-popover .pt-popover-arrow::before {\n      margin: 5px;\n      width: 20px;\n      height: 20px; }\n  .pt-tether-element-attached-bottom.pt-tether-target-attached-top > .pt-popover {\n    margin-top: -17px;\n    margin-bottom: 17px; }\n    .pt-tether-element-attached-bottom.pt-tether-target-attached-top > .pt-popover > .pt-popover-arrow {\n      bottom: -11px; }\n      .pt-tether-element-attached-bottom.pt-tether-target-attached-top > .pt-popover > .pt-popover-arrow svg {\n        transform: rotate(-90deg); }\n  .pt-tether-element-attached-left.pt-tether-target-attached-right > .pt-popover {\n    margin-left: 17px; }\n    .pt-tether-element-attached-left.pt-tether-target-attached-right > .pt-popover > .pt-popover-arrow {\n      left: -11px; }\n      .pt-tether-element-attached-left.pt-tether-target-attached-right > .pt-popover > .pt-popover-arrow svg {\n        transform: rotate(0); }\n  .pt-tether-element-attached-top.pt-tether-target-attached-bottom > .pt-popover {\n    margin-top: 17px; }\n    .pt-tether-element-attached-top.pt-tether-target-attached-bottom > .pt-popover > .pt-popover-arrow {\n      top: -11px; }\n      .pt-tether-element-attached-top.pt-tether-target-attached-bottom > .pt-popover > .pt-popover-arrow svg {\n        transform: rotate(90deg); }\n  .pt-tether-element-attached-right.pt-tether-target-attached-left > .pt-popover {\n    margin-right: 17px;\n    margin-left: -17px; }\n    .pt-tether-element-attached-right.pt-tether-target-attached-left > .pt-popover > .pt-popover-arrow {\n      right: -11px; }\n      .pt-tether-element-attached-right.pt-tether-target-attached-left > .pt-popover > .pt-popover-arrow svg {\n        transform: rotate(180deg); }\n  .pt-tether-element-attached-middle > .pt-popover > .pt-popover-arrow {\n    top: 50%;\n    transform: translateY(-50%); }\n  .pt-tether-element-attached-center > .pt-popover > .pt-popover-arrow {\n    right: 50%;\n    transform: translateX(50%); }\n  .pt-tether-element-attached-top.pt-tether-target-attached-top > .pt-popover > .pt-popover-arrow {\n    top: -0.3934px; }\n  .pt-tether-element-attached-right.pt-tether-target-attached-right > .pt-popover > .pt-popover-arrow {\n    right: -0.3934px; }\n  .pt-tether-element-attached-left.pt-tether-target-attached-left > .pt-popover > .pt-popover-arrow {\n    left: -0.3934px; }\n  .pt-tether-element-attached-bottom.pt-tether-target-attached-bottom > .pt-popover > .pt-popover-arrow {\n    bottom: -0.3934px; }\n  .pt-tether-element-attached-top.pt-tether-element-attached-left > .pt-popover {\n    transform-origin: top left; }\n  .pt-tether-element-attached-top.pt-tether-element-attached-center > .pt-popover {\n    transform-origin: top center; }\n  .pt-tether-element-attached-top.pt-tether-element-attached-right > .pt-popover {\n    transform-origin: top right; }\n  .pt-tether-element-attached-middle.pt-tether-element-attached-left > .pt-popover {\n    transform-origin: center left; }\n  .pt-tether-element-attached-middle.pt-tether-element-attached-center > .pt-popover {\n    transform-origin: center center; }\n  .pt-tether-element-attached-middle.pt-tether-element-attached-right > .pt-popover {\n    transform-origin: center right; }\n  .pt-tether-element-attached-bottom.pt-tether-element-attached-left > .pt-popover {\n    transform-origin: bottom left; }\n  .pt-tether-element-attached-bottom.pt-tether-element-attached-center > .pt-popover {\n    transform-origin: bottom center; }\n  .pt-tether-element-attached-bottom.pt-tether-element-attached-right > .pt-popover {\n    transform-origin: bottom right; }\n  .pt-popover .pt-popover-content {\n    background: #ffffff;\n    color: inherit; }\n  .pt-popover .pt-popover-arrow::before {\n    box-shadow: 1px 1px 6px rgba(16, 22, 26, 0.2); }\n  .pt-popover .pt-popover-arrow-border {\n    fill: #10161a;\n    fill-opacity: 0.1; }\n  .pt-popover .pt-popover-arrow-fill {\n    fill: #ffffff; }\n  .pt-popover-enter > .pt-popover, .pt-popover-appear > .pt-popover {\n    transform: scale(0.3); }\n  .pt-popover-enter-active > .pt-popover, .pt-popover-appear-active > .pt-popover {\n    transform: scale(1);\n    transition-property: transform;\n    transition-duration: 300ms;\n    transition-timing-function: cubic-bezier(0.54, 1.12, 0.38, 1.11);\n    transition-delay: 0; }\n  .pt-popover-leave > .pt-popover {\n    transform: scale(1); }\n  .pt-popover-leave-active > .pt-popover {\n    transform: scale(0.3);\n    transition-property: transform;\n    transition-duration: 300ms;\n    transition-timing-function: cubic-bezier(0.54, 1.12, 0.38, 1.11);\n    transition-delay: 0; }\n  .pt-popover .pt-popover-content {\n    position: relative;\n    border-radius: 3px; }\n  .pt-popover.pt-popover-content-sizing .pt-popover-content {\n    max-width: 350px;\n    padding: 20px; }\n  .pt-popover-target .pt-popover.pt-popover-content-sizing {\n    width: 350px; }\n  .pt-popover.pt-minimal {\n    margin: 0 !important; }\n    .pt-popover.pt-minimal .pt-popover-arrow {\n      display: none; }\n    .pt-popover.pt-minimal.pt-popover {\n      transform: scale(1); }\n      .pt-popover-enter > .pt-popover.pt-minimal.pt-popover, .pt-popover-appear > .pt-popover.pt-minimal.pt-popover {\n        transform: scale(1); }\n      .pt-popover-enter-active > .pt-popover.pt-minimal.pt-popover, .pt-popover-appear-active > .pt-popover.pt-minimal.pt-popover {\n        transform: scale(1);\n        transition-property: transform;\n        transition-duration: 100ms;\n        transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);\n        transition-delay: 0; }\n      .pt-popover-leave > .pt-popover.pt-minimal.pt-popover {\n        transform: scale(1); }\n      .pt-popover-leave-active > .pt-popover.pt-minimal.pt-popover {\n        transform: scale(1);\n        transition-property: transform;\n        transition-duration: 100ms;\n        transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);\n        transition-delay: 0; }\n  .pt-popover.pt-dark,\n  .pt-dark .pt-popover {\n    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 2px 4px rgba(16, 22, 26, 0.4), 0 8px 24px rgba(16, 22, 26, 0.4); }\n    .pt-popover.pt-dark .pt-popover-content,\n    .pt-dark .pt-popover .pt-popover-content {\n      background: #30404d;\n      color: inherit; }\n    .pt-popover.pt-dark .pt-popover-arrow::before,\n    .pt-dark .pt-popover .pt-popover-arrow::before {\n      box-shadow: 1px 1px 6px rgba(16, 22, 26, 0.4); }\n    .pt-popover.pt-dark .pt-popover-arrow-border,\n    .pt-dark .pt-popover .pt-popover-arrow-border {\n      fill: #10161a;\n      fill-opacity: 0.2; }\n    .pt-popover.pt-dark .pt-popover-arrow-fill,\n    .pt-dark .pt-popover .pt-popover-arrow-fill {\n      fill: #30404d; }\n\n.pt-popover-arrow::before {\n  display: block;\n  position: absolute;\n  transform: rotate(45deg);\n  border-radius: 2px;\n  content: \"\"; }\n\n.pt-tether-pinned .pt-popover-arrow {\n  display: none; }\n\n.pt-popover-backdrop {\n  background: rgba(255, 255, 255, 0); }\n\n.pt-transition-container {\n  opacity: 1;\n  display: flex;\n  z-index: 20; }\n  .pt-transition-container.pt-popover-enter, .pt-transition-container.pt-popover-appear {\n    opacity: 0; }\n  .pt-transition-container.pt-popover-enter-active, .pt-transition-container.pt-popover-appear-active {\n    opacity: 1;\n    transition-property: opacity;\n    transition-duration: 100ms;\n    transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);\n    transition-delay: 0; }\n  .pt-transition-container.pt-popover-leave {\n    opacity: 1; }\n  .pt-transition-container.pt-popover-leave-active {\n    opacity: 0;\n    transition-property: opacity;\n    transition-duration: 100ms;\n    transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);\n    transition-delay: 0; }\n  .pt-transition-container:focus {\n    outline: none; }\n  .pt-transition-container.pt-popover-leave .pt-popover-content {\n    pointer-events: none; }\n\n.pt-popover-target {\n  display: inline-block;\n  position: relative;\n  vertical-align: top; }\n  .pt-popover-target > .pt-popover-target {\n    display: inline-block; }\n  .pt-popover-target .pt-transition-container {\n    position: absolute; }\n    .pt-popover-target .pt-transition-container.pt-tether-element-attached-bottom.pt-tether-target-attached-top {\n      bottom: 100%; }\n    .pt-popover-target .pt-transition-container.pt-tether-element-attached-left.pt-tether-target-attached-right {\n      left: 100%; }\n    .pt-popover-target .pt-transition-container.pt-tether-element-attached-top.pt-tether-target-attached-bottom {\n      top: 100%; }\n    .pt-popover-target .pt-transition-container.pt-tether-element-attached-right.pt-tether-target-attached-left {\n      right: 100%; }\n    .pt-popover-target .pt-transition-container.pt-tether-element-attached-top.pt-tether-target-attached-top {\n      top: 0; }\n    .pt-popover-target .pt-transition-container.pt-tether-element-attached-right.pt-tether-target-attached-right {\n      right: 0; }\n    .pt-popover-target .pt-transition-container.pt-tether-element-attached-bottom.pt-tether-target-attached-bottom {\n      bottom: 0; }\n    .pt-popover-target .pt-transition-container.pt-tether-element-attached-left.pt-tether-target-attached-left {\n      left: 0; }\n    .pt-popover-target .pt-transition-container.pt-tether-element-attached-middle {\n      top: 50%;\n      transform: translateY(-50%); }\n    .pt-popover-target .pt-transition-container.pt-tether-element-attached-center {\n      left: 50%;\n      transform: translateX(-50%); }\n  .pt-popover-target .pt-overlay-inline {\n    position: static; }\n\n.pt-button-group.pt-vertical .pt-popover-target {\n  display: block; }\n\n.pt-button-group:not(.pt-vertical) .pt-popover-target,\n.pt-button-group:not(.pt-vertical) .pt-tether-target {\n  float: left; }\n\n.pt-portal {\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: 0; }\n\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nProgress bars\n\nMarkup:\n<div class=\"pt-progress-bar {{.modifier}}\">\n  <div class=\"pt-progress-meter\" style=\"width: 25%\"></div>\n</div>\n<div class=\"pt-progress-bar pt-intent-primary {{.modifier}}\">\n  <div class=\"pt-progress-meter\" style=\"width: 50%\"></div>\n</div>\n<div class=\"pt-progress-bar pt-intent-success {{.modifier}}\">\n  <div class=\"pt-progress-meter\" style=\"width: 75%\"></div>\n</div>\n<div class=\"pt-progress-bar pt-intent-danger {{.modifier}}\">\n  <div class=\"pt-progress-meter\" style=\"width: 100%\"></div>\n</div>\n\n.pt-no-stripes   - No stripes\n.pt-no-animation - No animation\n\nStyleguide pt-progress-bar\n*/\n@keyframes linear-progress-bar-stripes {\n  from {\n    background-position: 0 0; }\n  to {\n    background-position: 30px 0; } }\n\n.pt-progress-bar {\n  display: block;\n  position: relative;\n  border-radius: 40px;\n  background: rgba(92, 112, 128, 0.2);\n  width: 100%;\n  height: 8px;\n  overflow: hidden; }\n  .pt-progress-bar .pt-progress-meter {\n    display: inline-block;\n    position: absolute;\n    border-radius: 40px;\n    background: linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%);\n    background-color: rgba(92, 112, 128, 0.8);\n    background-size: 30px 30px;\n    width: 100%;\n    height: 100%;\n    transition: width 200ms cubic-bezier(0.4, 1, 0.75, 0.9); }\n  .pt-progress-bar:not(.pt-no-animation):not(.pt-no-stripes) .pt-progress-meter {\n    animation: linear-progress-bar-stripes 300ms linear infinite reverse; }\n  .pt-progress-bar.pt-no-stripes .pt-progress-meter {\n    background-image: none; }\n\n.pt-dark .pt-progress-bar,\n.pt-progress-bar.pt-dark {\n  background: rgba(16, 22, 26, 0.5); }\n  .pt-dark .pt-progress-bar .pt-progress-meter,\n  .pt-progress-bar.pt-dark .pt-progress-meter {\n    background-color: #8a9ba8; }\n\n.pt-progress-bar.pt-intent-primary .pt-progress-meter {\n  background-color: #137cbd; }\n\n.pt-progress-bar.pt-intent-success .pt-progress-meter {\n  background-color: #0f9960; }\n\n.pt-progress-bar.pt-intent-warning .pt-progress-meter {\n  background-color: #d9822b; }\n\n.pt-progress-bar.pt-intent-danger .pt-progress-meter {\n  background-color: #db3737; }\n\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nSkeletons\n\nMarkup:\n<div class=\"pt-card\">\n  <h5><a class=\"{{.modifier}}\" href=\"#\" tabindex=\"-1\">Card heading</a></h5>\n  <p class=\"{{.modifier}}\">\n    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque eget tortor felis.\n    Fusce dapibus metus in dapibus mollis. Quisque eget ex diam.\n  </p>\n  <button type=\"button\" class=\"pt-button {{.modifier}}\" tabindex=\"-1\">Submit</button>\n</div>\n\n.pt-skeleton - Render this element as a skeleton, an outline of its true self.\n\nStyleguide pt-skeleton\n*/\n@keyframes glow {\n  0%,\n  100% {\n    border-color: rgba(167, 182, 194, 0.2);\n    background-color: rgba(167, 182, 194, 0.2); }\n  50% {\n    border-color: rgba(92, 112, 128, 0.2);\n    background-color: rgba(92, 112, 128, 0.2); } }\n\n/* stylelint-disable declaration-no-important */\n.pt-skeleton {\n  border-color: rgba(167, 182, 194, 0.2) !important;\n  border-radius: 2px;\n  box-shadow: none !important;\n  background: rgba(167, 182, 194, 0.2) !important;\n  background-clip: padding-box !important;\n  cursor: default;\n  color: transparent !important;\n  animation: 2000ms linear infinite glow;\n  pointer-events: none;\n  user-select: none; }\n\n/* stylelint-enable declaration-no-important */\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\n * Copyright 2015-present Palantir Technologies, Inc. All rights reserved.\n */\n/*\n * Copyright 2015-present Palantir Technologies, Inc. All rights reserved.\n */\n/*\n * Copyright 2015-present Palantir Technologies, Inc. All rights reserved.\n */\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nCSS `border` property issues:\n- An element can only have one border.\n- Borders can't stack with shadows.\n- Borders modify the size of the element they're applied to.\n- Border positioning requires the extra `box-sizing` property.\n\n`box-shadow` doesn't have these issues, we're using it instead of `border`.\n*/\n/*\nOverlay shadows are used for default buttons\nfloating on top of other elements. This way, the\nshadows blend with the colors beneath it.\nSwitches and slider handles both use these variables.\n*/\n.pt-slider {\n  position: relative;\n  cursor: default;\n  width: 100%;\n  min-width: 150px;\n  height: 40px;\n  outline: none;\n  user-select: none; }\n  .pt-slider:hover {\n    cursor: pointer; }\n  .pt-slider:active {\n    cursor: grabbing; }\n  .pt-slider.pt-disabled {\n    opacity: 0.5;\n    cursor: not-allowed; }\n  .pt-slider.pt-slider-unlabeled {\n    height: 16px; }\n\n.pt-slider-track,\n.pt-slider-progress {\n  position: absolute;\n  top: 5px;\n  right: 0;\n  left: 0;\n  border-radius: 3px;\n  background: rgba(92, 112, 128, 0.2);\n  height: 6px; }\n  .pt-dark .pt-slider-track, .pt-dark\n  .pt-slider-progress {\n    background: rgba(16, 22, 26, 0.5); }\n\n.pt-slider-progress,\n.pt-dark .pt-slider-progress {\n  background: #137cbd; }\n\n.pt-slider-handle {\n  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);\n  background-color: #f5f8fa;\n  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));\n  color: #182026;\n  position: absolute;\n  top: 0;\n  left: 0;\n  border-radius: 3px;\n  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 1px 1px rgba(16, 22, 26, 0.2);\n  cursor: pointer;\n  width: 16px;\n  height: 16px; }\n  .pt-slider-handle:hover {\n    box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);\n    background-clip: padding-box;\n    background-color: #ebf1f5; }\n  .pt-slider-handle:active, .pt-slider-handle.pt-active {\n    box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 1px 2px rgba(16, 22, 26, 0.2);\n    background-color: #d8e1e8;\n    background-image: none; }\n  .pt-slider-handle:disabled, .pt-slider-handle.pt-disabled {\n    outline: none;\n    box-shadow: none;\n    background-color: rgba(206, 217, 224, 0.5);\n    background-image: none;\n    cursor: not-allowed;\n    color: rgba(92, 112, 128, 0.5); }\n    .pt-slider-handle:disabled.pt-active, .pt-slider-handle.pt-disabled.pt-active {\n      background: rgba(206, 217, 224, 0.7); }\n  .pt-slider-handle:focus {\n    z-index: 1; }\n  .pt-slider-handle:hover {\n    box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);\n    background-clip: padding-box;\n    background-color: #ebf1f5;\n    z-index: 2;\n    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 1px 1px rgba(16, 22, 26, 0.2);\n    cursor: grab; }\n  .pt-slider-handle.pt-active {\n    box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 1px 2px rgba(16, 22, 26, 0.2);\n    background-color: #d8e1e8;\n    background-image: none;\n    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 1px 1px rgba(16, 22, 26, 0.1);\n    cursor: grabbing; }\n  .pt-disabled .pt-slider-handle {\n    box-shadow: none;\n    background: #bfccd6;\n    pointer-events: none; }\n  .pt-dark .pt-slider-handle {\n    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);\n    background-color: #394b59;\n    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0));\n    color: #f5f8fa; }\n    .pt-dark .pt-slider-handle:hover, .pt-dark .pt-slider-handle:active, .pt-dark .pt-slider-handle.pt-active {\n      color: #f5f8fa; }\n    .pt-dark .pt-slider-handle:hover {\n      box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);\n      background-color: #30404d; }\n    .pt-dark .pt-slider-handle:active, .pt-dark .pt-slider-handle.pt-active {\n      box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.6), inset 0 1px 2px rgba(16, 22, 26, 0.2);\n      background-color: #202b33;\n      background-image: none; }\n    .pt-dark .pt-slider-handle:disabled, .pt-dark .pt-slider-handle.pt-disabled {\n      box-shadow: none;\n      background-color: rgba(57, 75, 89, 0.5);\n      background-image: none;\n      color: rgba(191, 204, 214, 0.5); }\n      .pt-dark .pt-slider-handle:disabled.pt-active, .pt-dark .pt-slider-handle.pt-disabled.pt-active {\n        background: rgba(57, 75, 89, 0.7); }\n    .pt-dark .pt-slider-handle .pt-button-spinner .pt-spinner-head {\n      background: rgba(16, 22, 26, 0.5);\n      stroke: #8a9ba8; }\n    .pt-dark .pt-slider-handle, .pt-dark .pt-slider-handle:hover {\n      background-color: #394b59; }\n    .pt-dark .pt-slider-handle.pt-active {\n      background-color: #293742; }\n  .pt-dark .pt-disabled .pt-slider-handle {\n    border-color: #5c7080;\n    box-shadow: none;\n    background: #5c7080; }\n  .pt-slider-handle .pt-slider-label {\n    transform: translate(-50%, 20px);\n    margin-left: 8px;\n    border-radius: 3px;\n    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 2px 4px rgba(16, 22, 26, 0.2), 0 8px 24px rgba(16, 22, 26, 0.2);\n    background: #394b59;\n    color: #f5f8fa; }\n    .pt-dark .pt-slider-handle .pt-slider-label {\n      box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 2px 4px rgba(16, 22, 26, 0.4), 0 8px 24px rgba(16, 22, 26, 0.4);\n      background: #e1e8ed;\n      color: #394b59; }\n    .pt-disabled .pt-slider-handle .pt-slider-label {\n      box-shadow: none; }\n\n.pt-slider-label {\n  display: inline-block;\n  padding: 2px 5px;\n  vertical-align: top;\n  line-height: 1;\n  font-size: 12px;\n  position: absolute;\n  transform: translate(-50%, 20px); }\n\n.pt-range-slider .pt-slider-handle {\n  width: 8px; }\n  .pt-range-slider .pt-slider-handle:first-of-type {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0; }\n  .pt-range-slider .pt-slider-handle:last-of-type {\n    margin-left: 8px;\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0; }\n    .pt-range-slider .pt-slider-handle:last-of-type .pt-slider-label {\n      margin-left: 0; }\n\n.pt-range-slider .pt-slider-progress {\n  border-radius: 0; }\n\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nSpinners\n\nMarkup:\n<div class=\"pt-spinner {{.modifier}}\">\n  <div class=\"pt-spinner-svg-container\">\n    <svg viewBox=\"0 0 100 100\">\n      <path class=\"pt-spinner-track\" d=\"M 50,50 m 0,-44.5 a 44.5,44.5 0 1 1 0,89 a 44.5,44.5 0 1 1 0,-89\"></path>\n      <path class=\"pt-spinner-head\" d=\"M 94.5 50 A 44.5 44.5 0 0 0 50 5.5\"></path>\n    </svg>\n  </div>\n</div>\n\n.pt-small - Small spinner\n.pt-large - Large spinner\n\nStyleguide pt-spinner\n*/\n@keyframes pt-spinner-animation {\n  from {\n    transform: rotate(0deg); }\n  to {\n    transform: rotate(360deg); } }\n\n.pt-spinner:not(.pt-svg-spinner) {\n  width: 50px; }\n  .pt-spinner:not(.pt-svg-spinner) .pt-spinner-svg-container {\n    animation-duration: 400ms; }\n\n.pt-spinner.pt-svg-spinner {\n  animation-duration: 400ms; }\n\n.pt-spinner .pt-svg-spinner-transform-group {\n  transform: scale(0.5); }\n\n.pt-spinner path {\n  stroke-width: 5; }\n\n.pt-spinner path {\n  fill-opacity: 0; }\n\n.pt-spinner .pt-spinner-head {\n  transition: stroke-dashoffset 200ms cubic-bezier(0.4, 1, 0.75, 0.9);\n  stroke: rgba(92, 112, 128, 0.8);\n  stroke-linecap: round; }\n\n.pt-spinner .pt-spinner-track {\n  stroke: rgba(92, 112, 128, 0.2); }\n\n.pt-spinner.pt-small:not(.pt-svg-spinner) {\n  width: 24px; }\n  .pt-spinner.pt-small:not(.pt-svg-spinner) .pt-spinner-svg-container {\n    animation-duration: 400ms; }\n\n.pt-spinner.pt-small.pt-svg-spinner {\n  animation-duration: 400ms; }\n\n.pt-spinner.pt-small .pt-svg-spinner-transform-group {\n  transform: scale(0.24); }\n\n.pt-spinner.pt-small path {\n  stroke-width: 12; }\n\n.pt-spinner.pt-large:not(.pt-svg-spinner) {\n  width: 100px; }\n  .pt-spinner.pt-large:not(.pt-svg-spinner) .pt-spinner-svg-container {\n    animation-duration: 450ms; }\n\n.pt-spinner.pt-large.pt-svg-spinner {\n  animation-duration: 450ms; }\n\n.pt-spinner.pt-large .pt-svg-spinner-transform-group {\n  transform: scale(1); }\n\n.pt-spinner.pt-large path {\n  stroke-width: 3; }\n\n.pt-spinner:not(.pt-svg-spinner) {\n  display: inline-block; }\n  .pt-spinner:not(.pt-svg-spinner) .pt-spinner-svg-container {\n    position: relative;\n    width: 100%;\n    height: 0;\n    padding: 0;\n    padding-bottom: 100%;\n    animation: pt-spinner-animation 400ms linear infinite; }\n  .pt-spinner:not(.pt-svg-spinner).pt-no-spin .pt-spinner-svg-container {\n    animation: none; }\n  .pt-spinner:not(.pt-svg-spinner) svg {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%; }\n\n.pt-svg-spinner {\n  transform-origin: center;\n  animation: pt-spinner-animation 400ms linear infinite; }\n  .pt-svg-spinner.pt-no-spin {\n    animation: none; }\n\n.pt-svg-spinner-transform-group {\n  transform-origin: center; }\n\n.pt-dark .pt-spinner .pt-spinner-head {\n  stroke: #8a9ba8; }\n\n.pt-dark .pt-spinner .pt-spinner-track {\n  stroke: rgba(16, 22, 26, 0.5); }\n\n.pt-spinner.pt-intent-primary .pt-spinner-head {\n  stroke: #137cbd; }\n\n.pt-spinner.pt-intent-success .pt-spinner-head {\n  stroke: #0f9960; }\n\n.pt-spinner.pt-intent-warning .pt-spinner-head {\n  stroke: #d9822b; }\n\n.pt-spinner.pt-intent-danger .pt-spinner-head {\n  stroke: #db3737; }\n\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nTables\n\nMarkup:\n<table class=\"pt-table {{.modifier}}\">\n  <thead>\n    <tr>\n      <th>Project</th>\n      <th>Description</th>\n      <th>Technologies</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td>Blueprint</td>\n      <td>CSS framework and UI toolkit</td>\n      <td>Sass, TypeScript, React</td>\n    </tr>\n    <tr>\n      <td>TSLint</td>\n      <td>Static analysis linter for TypeScript</td>\n      <td>TypeScript</td>\n    </tr>\n    <tr>\n      <td>Plottable</td>\n      <td>Composable charting library built on top of D3</td>\n      <td>SVG, TypeScript, D3</td>\n    </tr>\n  </tbody>\n</table>\n\n.pt-condensed - Condensed appearance\n.pt-striped   - Striped appearance\n.pt-bordered  - Bordered appearance\n.pt-interactive  - Enables hover styles on rows\n\nStyleguide pt-table\n*/\ntable.pt-table {\n  border-spacing: 0;\n  font-size: 14px; }\n  table.pt-table th,\n  table.pt-table td {\n    padding: 11px;\n    vertical-align: top;\n    text-align: left; }\n  table.pt-table th {\n    color: #182026;\n    font-weight: 600; }\n  table.pt-table td {\n    color: #182026; }\n  table.pt-table tbody tr:first-child td {\n    box-shadow: inset 0 1px 0 0 rgba(16, 22, 26, 0.15); }\n  table.pt-table.pt-condensed th,\n  table.pt-table.pt-condensed td {\n    padding-top: 6px;\n    padding-bottom: 6px; }\n  table.pt-table.pt-striped tbody tr:nth-child(odd) td {\n    background: rgba(191, 204, 214, 0.2); }\n  table.pt-table.pt-bordered th:not(:first-child) {\n    box-shadow: inset 1px 0 0 0 rgba(16, 22, 26, 0.15); }\n  table.pt-table.pt-bordered tbody tr td {\n    box-shadow: inset 0 1px 0 0 rgba(16, 22, 26, 0.15); }\n    table.pt-table.pt-bordered tbody tr td:not(:first-child) {\n      box-shadow: inset 1px 1px 0 0 rgba(16, 22, 26, 0.15); }\n  table.pt-table.pt-bordered.pt-striped tbody tr:not(:first-child) td {\n    box-shadow: none; }\n    table.pt-table.pt-bordered.pt-striped tbody tr:not(:first-child) td:not(:first-child) {\n      box-shadow: inset 1px 0 0 0 rgba(16, 22, 26, 0.15); }\n  table.pt-table.pt-interactive tbody tr:hover td {\n    background-color: rgba(191, 204, 214, 0.4);\n    cursor: pointer; }\n  .pt-dark table.pt-table th {\n    color: #f5f8fa; }\n  .pt-dark table.pt-table td {\n    color: #f5f8fa; }\n  .pt-dark table.pt-table tbody tr:first-child td {\n    box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.15); }\n  .pt-dark table.pt-table.pt-striped tbody tr:nth-child(odd) td {\n    background: rgba(92, 112, 128, 0.15); }\n  .pt-dark table.pt-table.pt-bordered th:not(:first-child) {\n    box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.15); }\n  .pt-dark table.pt-table.pt-bordered tbody tr td {\n    box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.15); }\n    .pt-dark table.pt-table.pt-bordered tbody tr td:not(:first-child) {\n      box-shadow: inset 1px 1px 0 0 rgba(255, 255, 255, 0.15); }\n  .pt-dark table.pt-table.pt-bordered.pt-striped tbody tr:not(:first-child) td {\n    box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.15); }\n    .pt-dark table.pt-table.pt-bordered.pt-striped tbody tr:not(:first-child) td:first-child {\n      box-shadow: none; }\n  .pt-dark table.pt-table.pt-interactive tbody tr:hover td {\n    background-color: rgba(92, 112, 128, 0.3);\n    cursor: pointer; }\n\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nTabs\n\nMarkup:\n<div class=\"pt-tabs\">\n    <ul class=\"pt-tab-list {{.modifier}}\" role=\"tablist\">\n        <li class=\"pt-tab\" role=\"tab\" aria-selected=\"true\">Selected tab</li>\n        <li class=\"pt-tab\" role=\"tab\">Another tab</li>\n        <li class=\"pt-tab\" role=\"tab\" aria-disabled=\"true\">Disabled tab</li>\n    </ul>\n    <div class=\"pt-tab-panel\" role=\"tabpanel\">Selected panel</div>\n    <div class=\"pt-tab-panel\" role=\"tabpanel\" aria-hidden=\"true\">Another panel</div>\n    <div class=\"pt-tab-panel\" role=\"tabpanel\" aria-hidden=\"true\">Disabled panel</div>\n</div>\n\n.pt-large - Large tabs\n\nStyleguide pt-tabs\n*/\n.pt-tabs.pt-vertical {\n  display: flex; }\n  .pt-tabs.pt-vertical > .pt-tab-list {\n    flex-direction: column;\n    align-items: flex-start; }\n    .pt-tabs.pt-vertical > .pt-tab-list .pt-tab {\n      width: 100%;\n      padding: 0 10px; }\n    .pt-tabs.pt-vertical > .pt-tab-list .pt-tab-indicator-wrapper .pt-tab-indicator {\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n      border-radius: 3px;\n      background-color: rgba(19, 124, 189, 0.2);\n      height: auto; }\n  .pt-tabs.pt-vertical > .pt-tab-panel {\n    margin-top: 0;\n    padding-left: 20px; }\n\n.pt-tab-list {\n  display: flex;\n  flex: 0 0 auto;\n  align-items: flex-end;\n  position: relative;\n  margin: 0;\n  border: none;\n  padding: 0;\n  list-style: none; }\n  .pt-tab-list > *:not(:last-child) {\n    margin-right: 20px; }\n\n.pt-tab {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  word-wrap: normal;\n  flex: 0 0 auto;\n  position: relative;\n  cursor: pointer;\n  max-width: 100%;\n  vertical-align: top;\n  line-height: 30px;\n  color: #182026;\n  font-size: 14px; }\n  .pt-tab-indicator-wrapper ~ .pt-tab {\n    box-shadow: none !important; }\n  .pt-tab[aria-disabled=\"true\"] {\n    cursor: not-allowed;\n    color: rgba(92, 112, 128, 0.5); }\n  .pt-tab[aria-selected=\"true\"] {\n    border-radius: 0;\n    box-shadow: inset 0 -3px 0 #106ba3; }\n  .pt-tab[aria-selected=\"true\"], .pt-tab:not([aria-disabled=\"true\"]):hover {\n    color: #106ba3; }\n  .pt-tab:focus {\n    -moz-outline-radius: 0; }\n  .pt-large .pt-tab {\n    line-height: 40px;\n    font-size: 16px; }\n\n.pt-tab-panel {\n  margin-top: 20px; }\n  .pt-tab-panel[aria-hidden=\"true\"] {\n    display: none; }\n\n.pt-tab-indicator-wrapper {\n  position: absolute;\n  top: 0;\n  left: 0;\n  transform: translateX(0), translateY(0);\n  transition: height, transform, width;\n  transition-duration: 200ms;\n  transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);\n  pointer-events: none; }\n  .pt-tab-indicator-wrapper .pt-tab-indicator {\n    position: absolute;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    background-color: #106ba3;\n    height: 3px; }\n  .pt-tab-indicator-wrapper.pt-no-animation {\n    transition: none; }\n\n.pt-dark .pt-tab {\n  color: #f5f8fa; }\n  .pt-dark .pt-tab[aria-disabled=\"true\"] {\n    color: rgba(191, 204, 214, 0.5); }\n  .pt-dark .pt-tab[aria-selected=\"true\"] {\n    box-shadow: inset 0 -3px 0 #48aff0; }\n  .pt-dark .pt-tab[aria-selected=\"true\"], .pt-dark .pt-tab:not([aria-disabled=\"true\"]):hover {\n    color: #48aff0; }\n\n.pt-dark .pt-tab-indicator {\n  background-color: #48aff0; }\n\n.pt-flex-expander {\n  flex: 1 1; }\n\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nTags\n\nMarkup:\n<p>\n  <span class=\"pt-tag {{.modifier}}\">125</span>\n  <span class=\"pt-tag {{.modifier}}\">Done</span>\n  <span class=\"pt-tag pt-tag-removable {{.modifier}}\">\n    Tracking\n    <button class=\"pt-tag-remove\"></button>\n  </span>\n  <span class=\"pt-tag pt-tag-removable {{.modifier}}\">\n    Crushed\n    <button class=\"pt-tag-remove\"></button>\n  </span>\n</p>\n<span class=\"pt-tag pt-tag-removable {{.modifier}}\">\n  A rather long string of text that wraps to multiple lines\n  demonstrates the position of the remove button.\n  <button class=\"pt-tag-remove\"></button>\n</span>\n\n.pt-large - Large\n.pt-round - Rounded corners, ideal for badges\n.pt-intent-primary - Primary intent\n.pt-intent-success - Success intent\n.pt-intent-warning - Warning intent\n.pt-intent-danger  - Danger intent\n\nStyleguide pt-tag\n*/\n.pt-tag {\n  display: inline-block;\n  position: relative;\n  border: none;\n  border-radius: 3px;\n  box-shadow: none;\n  background-color: #5c7080;\n  min-width: 20px;\n  padding: 2px 6px;\n  line-height: 16px;\n  color: #f5f8fa;\n  font-size: 12px;\n  /*\n  Minimal tags\n\n  Markup:\n  <div class=\"pt-tag pt-minimal {{.modifier}}\">125</div>\n  <div class=\"pt-tag pt-minimal {{.modifier}}\">Done</div>\n  <div class=\"pt-tag pt-minimal pt-tag-removable {{.modifier}}\">\n    Tracking\n    <button class=\"pt-tag-remove\"></button>\n  </div>\n\n  .pt-large - Large\n  .pt-round - Rounded corners, ideal for badges\n  .pt-intent-primary - Primary intent\n  .pt-intent-success - Success intent\n  .pt-intent-warning - Warning intent\n  .pt-intent-danger  - Danger intent\n\n  Styleguide pt-tag.pt-minimal\n  */ }\n  .pt-tag.pt-round {\n    border-radius: 10px; }\n  .pt-dark .pt-tag {\n    background-color: #bfccd6;\n    color: #182026; }\n  .pt-tag.pt-tag-removable {\n    padding-right: 20px; }\n  .pt-tag.pt-active {\n    outline: rgba(19, 124, 189, 0.5) auto 2px;\n    outline-offset: 0;\n    -moz-outline-radius: 6px; }\n  .pt-tag.pt-large,\n  .pt-large .pt-tag {\n    min-width: 30px;\n    padding: 5px 10px;\n    line-height: 20px;\n    font-size: 14px; }\n    .pt-tag.pt-large.pt-round,\n    .pt-large .pt-tag.pt-round {\n      border-radius: 15px; }\n    .pt-tag.pt-large.pt-tag-removable,\n    .pt-large .pt-tag.pt-tag-removable {\n      padding-right: 30px; }\n  .pt-tag.pt-intent-primary {\n    background: #137cbd;\n    color: #ffffff; }\n  .pt-tag.pt-intent-success {\n    background: #0f9960;\n    color: #ffffff; }\n  .pt-tag.pt-intent-warning {\n    background: #d9822b;\n    color: #ffffff; }\n  .pt-tag.pt-intent-danger {\n    background: #db3737;\n    color: #ffffff; }\n  .pt-tag.pt-minimal:not([class*=\"pt-intent-\"]) {\n    background-color: rgba(138, 155, 168, 0.2);\n    color: #182026; }\n    .pt-dark .pt-tag.pt-minimal:not([class*=\"pt-intent-\"]) {\n      color: #f5f8fa; }\n  .pt-tag.pt-minimal.pt-intent-primary {\n    background-color: rgba(19, 124, 189, 0.15);\n    color: #106ba3; }\n    .pt-dark .pt-tag.pt-minimal.pt-intent-primary {\n      background-color: rgba(19, 124, 189, 0.25);\n      color: #48aff0; }\n  .pt-tag.pt-minimal.pt-intent-success {\n    background-color: rgba(15, 153, 96, 0.15);\n    color: #0d8050; }\n    .pt-dark .pt-tag.pt-minimal.pt-intent-success {\n      background-color: rgba(15, 153, 96, 0.25);\n      color: #3dcc91; }\n  .pt-tag.pt-minimal.pt-intent-warning {\n    background-color: rgba(217, 130, 43, 0.15);\n    color: #bf7326; }\n    .pt-dark .pt-tag.pt-minimal.pt-intent-warning {\n      background-color: rgba(217, 130, 43, 0.25);\n      color: #ffb366; }\n  .pt-tag.pt-minimal.pt-intent-danger {\n    background-color: rgba(219, 55, 55, 0.15);\n    color: #c23030; }\n    .pt-dark .pt-tag.pt-minimal.pt-intent-danger {\n      background-color: rgba(219, 55, 55, 0.25);\n      color: #ff7373; }\n\n.pt-tag-remove {\n  line-height: 1;\n  font-family: \"Icons16\", sans-serif;\n  font-size: 16px;\n  font-weight: 400;\n  font-style: normal;\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  position: absolute;\n  top: 0;\n  right: 0;\n  opacity: 0.5;\n  border: none;\n  background: none;\n  cursor: pointer;\n  padding: 2px;\n  color: inherit; }\n  .pt-tag-remove:hover {\n    opacity: 0.8;\n    background: none;\n    text-decoration: none; }\n  .pt-tag-remove:active {\n    opacity: 1; }\n  .pt-tag-remove::before {\n    content: \"\"; }\n  .pt-large .pt-tag-remove {\n    line-height: 1;\n    font-family: \"Icons20\", sans-serif;\n    font-size: 20px;\n    font-weight: 400;\n    font-style: normal;\n    padding: 5px; }\n\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nA mixin to generate the classes for a React CSSTransitionGroup which animates any number of CSS\nproperties at once.\n\nTransitioned properties are specificed as a map of property names to lists of (inital value, final\nvalue). For enter & appear transitions, each property will transition from its initial to its final\nvalue. For leave transitions, each property will transition in reverse, from final to initial.\n\n**Simple example:**\n`@include react-transition(\"pt-popover\", (opacity: 0 1), $before: \"&\");`\nTransition named \"pt-popover\" moves opacity from 0 to 1. `\"&\"` indicates that the\nTransition classes are expected to be applied to this element, where the mixin is invoked.\n\n**Params:**\n$name: React transitionName prop\n$properties: map of CSS property to (initial, final) values\n$duration: transition duration\n$easing: transition easing function\n$delay: transition delay\n$before: selector text to insert before transition name (often to select self: &)\n$after: selector text to insert after transiton name (to select children)\n*/\n/*\nA mixin to generate the classes for one phase of a React CSSTransitionGroup.\n`$phase` must be `appear` or `enter` or `leave`.\nIf `enter` phase is given then `appear` phase will be generated at the same time.\nIf `leave` phase is given then property values are animated in reverse, from final to initial.\n\n**Example:**\n@include react-transition-phase(pt-toast, enter, $enter-translate, $before: \"&\");\n@include react-transition-phase(pt-toast, leave, $leave-blur, $pt-transition-duration * 3, $before: \"&\");\n*/\n/*\nGiven map of properties to values, set each property to the value at the given index.\n(remember that sass indices are 1-based).\n\nExample: `each-prop((opacity: 0 1), 2)` will print \"opacity: 1\"\n*/\n/*\nFormat transition class name with all the bits.\n\"enter\" phase will include \"appear\" phase in returned name.\n*/\n.pt-toast {\n  display: flex;\n  align-items: flex-start;\n  position: relative !important;\n  margin: 20px 0 0;\n  border-radius: 3px;\n  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 2px 4px rgba(16, 22, 26, 0.2), 0 8px 24px rgba(16, 22, 26, 0.2);\n  background-color: #ffffff;\n  min-width: 300px;\n  max-width: 500px;\n  pointer-events: all; }\n  .pt-toast.pt-toast-enter, .pt-toast.pt-toast-appear {\n    transform: translateY(-40px); }\n  .pt-toast.pt-toast-enter-active, .pt-toast.pt-toast-appear-active {\n    transform: translateY(0);\n    transition-property: transform;\n    transition-duration: 300ms;\n    transition-timing-function: cubic-bezier(0.54, 1.12, 0.38, 1.11);\n    transition-delay: 0; }\n  .pt-toast.pt-toast-enter ~ .pt-toast, .pt-toast.pt-toast-appear ~ .pt-toast {\n    transform: translateY(-40px); }\n  .pt-toast.pt-toast-enter-active ~ .pt-toast, .pt-toast.pt-toast-appear-active ~ .pt-toast {\n    transform: translateY(0);\n    transition-property: transform;\n    transition-duration: 300ms;\n    transition-timing-function: cubic-bezier(0.54, 1.12, 0.38, 1.11);\n    transition-delay: 0; }\n  .pt-toast.pt-toast-leave {\n    opacity: 1;\n    filter: blur(0); }\n  .pt-toast.pt-toast-leave-active {\n    opacity: 0;\n    filter: blur(10px);\n    transition-property: opacity, filter;\n    transition-duration: 300ms;\n    transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);\n    transition-delay: 0; }\n  .pt-toast.pt-toast-leave ~ .pt-toast {\n    transform: translateY(0); }\n  .pt-toast.pt-toast-leave-active ~ .pt-toast {\n    transform: translateY(-40px);\n    transition-property: transform;\n    transition-duration: 100ms;\n    transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);\n    transition-delay: 50ms; }\n  .pt-toast .pt-button-group {\n    flex: 0 0 auto;\n    padding: 5px;\n    padding-left: 0; }\n  .pt-toast > .pt-icon-standard {\n    padding: 12px;\n    padding-right: 0;\n    color: #5c7080; }\n  .pt-toast.pt-dark,\n  .pt-dark .pt-toast {\n    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 2px 4px rgba(16, 22, 26, 0.4), 0 8px 24px rgba(16, 22, 26, 0.4);\n    background-color: #394b59; }\n    .pt-toast.pt-dark > .pt-icon-standard,\n    .pt-dark .pt-toast > .pt-icon-standard {\n      color: #bfccd6; }\n  .pt-toast[class*=\"pt-intent-\"] a {\n    color: rgba(255, 255, 255, 0.7); }\n    .pt-toast[class*=\"pt-intent-\"] a:hover {\n      color: #ffffff; }\n  .pt-toast[class*=\"pt-intent-\"] > .pt-icon-standard {\n    color: #ffffff; }\n  .pt-toast[class*=\"pt-intent-\"] .pt-button, .pt-toast[class*=\"pt-intent-\"] .pt-button::before, .pt-toast[class*=\"pt-intent-\"] .pt-button:active {\n    color: rgba(255, 255, 255, 0.7) !important; }\n  .pt-toast[class*=\"pt-intent-\"] .pt-button:focus {\n    outline-color: rgba(255, 255, 255, 0.5); }\n  .pt-toast[class*=\"pt-intent-\"] .pt-button:hover {\n    background-color: rgba(255, 255, 255, 0.15) !important;\n    color: #ffffff !important; }\n  .pt-toast[class*=\"pt-intent-\"] .pt-button:active {\n    background-color: rgba(255, 255, 255, 0.3) !important;\n    color: #ffffff !important; }\n  .pt-toast[class*=\"pt-intent-\"] .pt-button::after {\n    background: rgba(255, 255, 255, 0.3) !important; }\n  .pt-toast.pt-intent-primary {\n    background-color: #137cbd;\n    color: #ffffff; }\n  .pt-toast.pt-intent-success {\n    background-color: #0f9960;\n    color: #ffffff; }\n  .pt-toast.pt-intent-warning {\n    background-color: #d9822b;\n    color: #ffffff; }\n  .pt-toast.pt-intent-danger {\n    background-color: #db3737;\n    color: #ffffff; }\n\n.pt-toast-message {\n  flex: 1 1 auto;\n  padding: 11px; }\n\n.pt-toast-container {\n  position: fixed;\n  right: 0;\n  left: 0;\n  z-index: 40;\n  pointer-events: none; }\n  .pt-toast-container > span {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    overflow: hidden;\n    padding: 0 20px 20px; }\n  .pt-toast-container.pt-toast-container-top {\n    top: 0;\n    bottom: auto; }\n  .pt-toast-container.pt-toast-container-bottom {\n    top: auto;\n    bottom: 0; }\n    .pt-toast-container.pt-toast-container-bottom > span {\n      flex-direction: column-reverse; }\n  .pt-toast-container.pt-toast-container-left > span {\n    align-items: flex-start; }\n  .pt-toast-container.pt-toast-container-right > span {\n    align-items: flex-end; }\n\n.pt-toast-container-bottom .pt-toast.pt-toast-enter:not(.pt-toast-enter-active),\n.pt-toast-container-bottom .pt-toast.pt-toast-enter:not(.pt-toast-enter-active) ~ .pt-toast,\n.pt-toast-container-bottom .pt-toast.pt-toast-leave-active ~ .pt-toast {\n  transform: translateY(60px); }\n\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nA mixin to generate the classes for a React CSSTransitionGroup which animates any number of CSS\nproperties at once.\n\nTransitioned properties are specificed as a map of property names to lists of (inital value, final\nvalue). For enter & appear transitions, each property will transition from its initial to its final\nvalue. For leave transitions, each property will transition in reverse, from final to initial.\n\n**Simple example:**\n`@include react-transition(\"pt-popover\", (opacity: 0 1), $before: \"&\");`\nTransition named \"pt-popover\" moves opacity from 0 to 1. `\"&\"` indicates that the\nTransition classes are expected to be applied to this element, where the mixin is invoked.\n\n**Params:**\n$name: React transitionName prop\n$properties: map of CSS property to (initial, final) values\n$duration: transition duration\n$easing: transition easing function\n$delay: transition delay\n$before: selector text to insert before transition name (often to select self: &)\n$after: selector text to insert after transiton name (to select children)\n*/\n/*\nA mixin to generate the classes for one phase of a React CSSTransitionGroup.\n`$phase` must be `appear` or `enter` or `leave`.\nIf `enter` phase is given then `appear` phase will be generated at the same time.\nIf `leave` phase is given then property values are animated in reverse, from final to initial.\n\n**Example:**\n@include react-transition-phase(pt-toast, enter, $enter-translate, $before: \"&\");\n@include react-transition-phase(pt-toast, leave, $leave-blur, $pt-transition-duration * 3, $before: \"&\");\n*/\n/*\nGiven map of properties to values, set each property to the value at the given index.\n(remember that sass indices are 1-based).\n\nExample: `each-prop((opacity: 0 1), 2)` will print \"opacity: 1\"\n*/\n/*\nFormat transition class name with all the bits.\n\"enter\" phase will include \"appear\" phase in returned name.\n*/\n.pt-tooltip {\n  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 2px 4px rgba(16, 22, 26, 0.2), 0 8px 24px rgba(16, 22, 26, 0.2);\n  transform: scale(1); }\n  .pt-tooltip .pt-popover-arrow {\n    position: absolute;\n    width: 22px;\n    height: 22px; }\n    .pt-tooltip .pt-popover-arrow::before {\n      margin: 4px;\n      width: 14px;\n      height: 14px; }\n  .pt-tether-element-attached-bottom.pt-tether-target-attached-top > .pt-tooltip {\n    margin-top: -11px;\n    margin-bottom: 11px; }\n    .pt-tether-element-attached-bottom.pt-tether-target-attached-top > .pt-tooltip > .pt-popover-arrow {\n      bottom: -8px; }\n      .pt-tether-element-attached-bottom.pt-tether-target-attached-top > .pt-tooltip > .pt-popover-arrow svg {\n        transform: rotate(-90deg); }\n  .pt-tether-element-attached-left.pt-tether-target-attached-right > .pt-tooltip {\n    margin-left: 11px; }\n    .pt-tether-element-attached-left.pt-tether-target-attached-right > .pt-tooltip > .pt-popover-arrow {\n      left: -8px; }\n      .pt-tether-element-attached-left.pt-tether-target-attached-right > .pt-tooltip > .pt-popover-arrow svg {\n        transform: rotate(0); }\n  .pt-tether-element-attached-top.pt-tether-target-attached-bottom > .pt-tooltip {\n    margin-top: 11px; }\n    .pt-tether-element-attached-top.pt-tether-target-attached-bottom > .pt-tooltip > .pt-popover-arrow {\n      top: -8px; }\n      .pt-tether-element-attached-top.pt-tether-target-attached-bottom > .pt-tooltip > .pt-popover-arrow svg {\n        transform: rotate(90deg); }\n  .pt-tether-element-attached-right.pt-tether-target-attached-left > .pt-tooltip {\n    margin-right: 11px;\n    margin-left: -11px; }\n    .pt-tether-element-attached-right.pt-tether-target-attached-left > .pt-tooltip > .pt-popover-arrow {\n      right: -8px; }\n      .pt-tether-element-attached-right.pt-tether-target-attached-left > .pt-tooltip > .pt-popover-arrow svg {\n        transform: rotate(180deg); }\n  .pt-tether-element-attached-middle > .pt-tooltip > .pt-popover-arrow {\n    top: 50%;\n    transform: translateY(-50%); }\n  .pt-tether-element-attached-center > .pt-tooltip > .pt-popover-arrow {\n    right: 50%;\n    transform: translateX(50%); }\n  .pt-tether-element-attached-top.pt-tether-target-attached-top > .pt-tooltip > .pt-popover-arrow {\n    top: -0.22183px; }\n  .pt-tether-element-attached-right.pt-tether-target-attached-right > .pt-tooltip > .pt-popover-arrow {\n    right: -0.22183px; }\n  .pt-tether-element-attached-left.pt-tether-target-attached-left > .pt-tooltip > .pt-popover-arrow {\n    left: -0.22183px; }\n  .pt-tether-element-attached-bottom.pt-tether-target-attached-bottom > .pt-tooltip > .pt-popover-arrow {\n    bottom: -0.22183px; }\n  .pt-tether-element-attached-top.pt-tether-element-attached-left > .pt-tooltip {\n    transform-origin: top left; }\n  .pt-tether-element-attached-top.pt-tether-element-attached-center > .pt-tooltip {\n    transform-origin: top center; }\n  .pt-tether-element-attached-top.pt-tether-element-attached-right > .pt-tooltip {\n    transform-origin: top right; }\n  .pt-tether-element-attached-middle.pt-tether-element-attached-left > .pt-tooltip {\n    transform-origin: center left; }\n  .pt-tether-element-attached-middle.pt-tether-element-attached-center > .pt-tooltip {\n    transform-origin: center center; }\n  .pt-tether-element-attached-middle.pt-tether-element-attached-right > .pt-tooltip {\n    transform-origin: center right; }\n  .pt-tether-element-attached-bottom.pt-tether-element-attached-left > .pt-tooltip {\n    transform-origin: bottom left; }\n  .pt-tether-element-attached-bottom.pt-tether-element-attached-center > .pt-tooltip {\n    transform-origin: bottom center; }\n  .pt-tether-element-attached-bottom.pt-tether-element-attached-right > .pt-tooltip {\n    transform-origin: bottom right; }\n  .pt-tooltip .pt-popover-content {\n    background: #394b59;\n    color: #f5f8fa; }\n  .pt-tooltip .pt-popover-arrow::before {\n    box-shadow: 1px 1px 6px rgba(16, 22, 26, 0.2); }\n  .pt-tooltip .pt-popover-arrow-border {\n    fill: #10161a;\n    fill-opacity: 0.1; }\n  .pt-tooltip .pt-popover-arrow-fill {\n    fill: #394b59; }\n  .pt-popover-enter > .pt-tooltip, .pt-popover-appear > .pt-tooltip {\n    transform: scale(0.8); }\n  .pt-popover-enter-active > .pt-tooltip, .pt-popover-appear-active > .pt-tooltip {\n    transform: scale(1);\n    transition-property: transform;\n    transition-duration: 100ms;\n    transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);\n    transition-delay: 0; }\n  .pt-popover-leave > .pt-tooltip {\n    transform: scale(1); }\n  .pt-popover-leave-active > .pt-tooltip {\n    transform: scale(0.8);\n    transition-property: transform;\n    transition-duration: 100ms;\n    transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);\n    transition-delay: 0; }\n  .pt-tooltip .pt-popover-content {\n    padding: 10px 12px; }\n  .pt-tooltip.pt-dark,\n  .pt-dark .pt-tooltip {\n    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 2px 4px rgba(16, 22, 26, 0.4), 0 8px 24px rgba(16, 22, 26, 0.4); }\n    .pt-tooltip.pt-dark .pt-popover-content,\n    .pt-dark .pt-tooltip .pt-popover-content {\n      background: #e1e8ed;\n      color: #394b59; }\n    .pt-tooltip.pt-dark .pt-popover-arrow::before,\n    .pt-dark .pt-tooltip .pt-popover-arrow::before {\n      box-shadow: 1px 1px 6px rgba(16, 22, 26, 0.4); }\n    .pt-tooltip.pt-dark .pt-popover-arrow-border,\n    .pt-dark .pt-tooltip .pt-popover-arrow-border {\n      fill: #10161a;\n      fill-opacity: 0.2; }\n    .pt-tooltip.pt-dark .pt-popover-arrow-fill,\n    .pt-dark .pt-tooltip .pt-popover-arrow-fill {\n      fill: #e1e8ed; }\n  .pt-tooltip.pt-intent-primary .pt-popover-content {\n    background: #137cbd;\n    color: #ffffff; }\n  .pt-tooltip.pt-intent-primary .pt-popover-arrow-fill {\n    fill: #137cbd; }\n  .pt-tooltip.pt-intent-success .pt-popover-content {\n    background: #0f9960;\n    color: #ffffff; }\n  .pt-tooltip.pt-intent-success .pt-popover-arrow-fill {\n    fill: #0f9960; }\n  .pt-tooltip.pt-intent-warning .pt-popover-content {\n    background: #d9822b;\n    color: #ffffff; }\n  .pt-tooltip.pt-intent-warning .pt-popover-arrow-fill {\n    fill: #d9822b; }\n  .pt-tooltip.pt-intent-danger .pt-popover-content {\n    background: #db3737;\n    color: #ffffff; }\n  .pt-tooltip.pt-intent-danger .pt-popover-arrow-fill {\n    fill: #db3737; }\n\n.pt-popover-target .pt-tooltip {\n  white-space: nowrap; }\n\n.pt-tooltip-indicator {\n  border-bottom: dotted 1px;\n  cursor: help; }\n\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\nColor aliases\n\nThese variables are semantic aliases of our [colors](#colors). They are used throughout Blueprint\nitself to ensure consistent color usage across components.\n\n<table class=pt-table>\n  <thead>\n    <tr>\n      <th></th>\n      <th>Variable</th>\n      <th>Description</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-primary\"></div></td>\n      <td><code>$pt-intent-primary</code></td>\n      <td>Primary intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-success\"></div></td>\n      <td><code>$pt-intent-success</code></td>\n      <td>Success intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-warning\"></div></td>\n      <td><code>$pt-intent-warning</code></td>\n      <td>Warning intent color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-intent-danger\"></div></td>\n      <td><code>$pt-intent-danger</code></td>\n      <td>Danger intent color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-app-background-color\"></div></td>\n      <td><code>$pt-app-background-color</code></td>\n      <td>Application background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-app-background-color\"></div></td>\n      <td><code>$pt-dark-app-background-color</code></td>\n      <td>Dark theme application background color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color\"></div></td>\n      <td><code>$pt-text-color</code></td>\n      <td>Default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-muted\"></div></td>\n      <td><code>$pt-text-color-muted</code></td>\n      <td>Muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-color-disabled\"></div></td>\n      <td><code>$pt-text-color-disabled</code></td>\n      <td>Disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-heading-color\"></div></td>\n      <td><code>$pt-heading-color</code></td>\n      <td>Text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-link-color\"></div></td>\n      <td><code>$pt-link-color</code></td>\n      <td>Text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color\"></div></td>\n      <td><code>$pt-dark-text-color</code></td>\n      <td>Dark theme default text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-muted\"></div></td>\n      <td><code>$pt-dark-text-color-muted</code></td>\n      <td>Dark theme muted text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-text-color-disabled\"></div></td>\n      <td><code>$pt-dark-text-color-disabled</code></td>\n      <td>Dark theme disabled text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-heading-color\"></div></td>\n      <td><code>$pt-dark-heading-color</code></td>\n      <td>Dark theme text color for headers</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-link-color\"></div></td>\n      <td><code>$pt-dark-link-color</code></td>\n      <td>Dark theme text color for links</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-text-selection-color\"></div></td>\n      <td><code>$pt-text-selection-color</code></td>\n      <td>Text selection color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color\"></div></td>\n      <td><code>$pt-icon-color</code></td>\n      <td>Default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-hover\"></div></td>\n      <td><code>$pt-icon-color-hover</code></td>\n      <td>Hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-disabled\"></div></td>\n      <td><code>$pt-icon-color-disabled</code></td>\n      <td>Disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-icon-color-selected\"></div></td>\n      <td><code>$pt-icon-color-selected</code></td>\n      <td>Selected icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color\"></div></td>\n      <td><code>$pt-dark-icon-color</code></td>\n      <td>Dark theme default icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-hover\"></div></td>\n      <td><code>$pt-dark-icon-color-hover</code></td>\n      <td>Dark theme hovered icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-disabled\"></div></td>\n      <td><code>$pt-dark-icon-color-disabled</code></td>\n      <td>Dark theme disabled icon color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-icon-color-selected\"></div></td>\n      <td><code>$pt-dark-icon-color-selected</code></td>\n      <td>Dark theme selected icon color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-divider-black\"></div></td>\n      <td><code>$pt-divider-black</code></td>\n      <td>Black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-black\"></div></td>\n      <td><code>$pt-dark-divider-black</code></td>\n      <td>Dark theme black divider color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-divider-white\"></div></td>\n      <td><code>$pt-dark-divider-white</code></td>\n      <td>Dark theme white divider color</td>\n    </tr>\n\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-text-color\"></div></td>\n      <td><code>$pt-code-text-color</code></td>\n      <td>Code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-code-background-color\"></div></td>\n      <td><code>$pt-code-background-color</code></td>\n      <td>Code background color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-text-color\"></div></td>\n      <td><code>$pt-dark-code-text-color</code></td>\n      <td>Dark theme code text color</td>\n    </tr>\n    <tr>\n      <td><div class=\"docs-color-bubble alias-dark-code-background-color\"></div></td>\n      <td><code>$pt-dark-code-background-color</code></td>\n      <td>Dark theme code background color</td>\n    </tr>\n  </tbody>\n</table>\n\nStyleguide variables.colors\n*/\n/*\n * Copyright 2015-present Palantir Technologies, Inc. All rights reserved.\n */\n/*\n * Copyright 2015-present Palantir Technologies, Inc. All rights reserved.\n */\n/*\n * Copyright 2015-present Palantir Technologies, Inc. All rights reserved.\n */\n/*\nTrees\n\nMarkup:\n<div class=\"pt-tree pt-elevation-0\">\n  <ul class=\"pt-tree-node-list pt-tree-root\">\n    <li class=\"pt-tree-node pt-tree-node-expanded\">\n      <div class=\"pt-tree-node-content\">\n        <span class=\"pt-tree-node-caret pt-tree-node-caret-open pt-icon-standard\"></span>\n        <span class=\"pt-tree-node-icon pt-icon-standard pt-icon-folder-close\"></span>\n        <span class=\"pt-tree-node-label\">Label</span>\n        <span class=\"pt-tree-node-secondary-label\">Secondary label</span>\n      </div>\n      <ul class=\"pt-tree-node-list\">\n        <li class=\"pt-tree-node\">\n          <div class=\"pt-tree-node-content\">\n            <span class=\"pt-tree-node-caret-none pt-icon-standard\"></span>\n            <span class=\"pt-tree-node-icon pt-icon-standard pt-icon-document\"></span>\n          <span class=\"pt-tree-node-label\">A Document</span>\n          </div>\n        </li>\n        <li class=\"pt-tree-node\">\n          <div class=\"pt-tree-node-content\">\n            <span class=\"pt-tree-node-caret-none pt-icon-standard\"></span>\n            <span class=\"pt-tree-node-icon pt-icon-standard pt-icon-document\"></span>\n            <span class=\"pt-tree-node-label\">Another Document</span>\n          </div>\n        </li>\n      </ul>\n    </li>\n  </ul>\n</div>\n\nStyleguide pt-tree\n*/\n.pt-tree-node-list {\n  margin: 0;\n  padding-left: 0;\n  list-style: none; }\n\n.pt-tree-root {\n  position: relative;\n  background-color: transparent;\n  cursor: default;\n  padding-left: 0; }\n\n.pt-tree-node-content-0 {\n  padding-left: 0px; }\n\n.pt-tree-node-content-1 {\n  padding-left: 23px; }\n\n.pt-tree-node-content-2 {\n  padding-left: 46px; }\n\n.pt-tree-node-content-3 {\n  padding-left: 69px; }\n\n.pt-tree-node-content-4 {\n  padding-left: 92px; }\n\n.pt-tree-node-content-5 {\n  padding-left: 115px; }\n\n.pt-tree-node-content-6 {\n  padding-left: 138px; }\n\n.pt-tree-node-content-7 {\n  padding-left: 161px; }\n\n.pt-tree-node-content-8 {\n  padding-left: 184px; }\n\n.pt-tree-node-content-9 {\n  padding-left: 207px; }\n\n.pt-tree-node-content-10 {\n  padding-left: 230px; }\n\n.pt-tree-node-content-11 {\n  padding-left: 253px; }\n\n.pt-tree-node-content-12 {\n  padding-left: 276px; }\n\n.pt-tree-node-content-13 {\n  padding-left: 299px; }\n\n.pt-tree-node-content-14 {\n  padding-left: 322px; }\n\n.pt-tree-node-content-15 {\n  padding-left: 345px; }\n\n.pt-tree-node-content-16 {\n  padding-left: 368px; }\n\n.pt-tree-node-content-17 {\n  padding-left: 391px; }\n\n.pt-tree-node-content-18 {\n  padding-left: 414px; }\n\n.pt-tree-node-content-19 {\n  padding-left: 437px; }\n\n.pt-tree-node-content-20 {\n  padding-left: 460px; }\n\n.pt-tree-node-content {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  height: 30px;\n  padding-right: 5px; }\n  .pt-tree-node-content:hover {\n    background-color: rgba(191, 204, 214, 0.4); }\n\n.pt-tree-node-caret,\n.pt-tree-node-caret-none {\n  position: relative;\n  min-width: 30px;\n  line-height: 30px !important; }\n\n.pt-tree-node-caret {\n  color: #5c7080;\n  cursor: pointer;\n  text-align: center; }\n  .pt-tree-node-caret:hover {\n    color: #182026; }\n  .pt-dark .pt-tree-node-caret {\n    color: #bfccd6; }\n    .pt-dark .pt-tree-node-caret:hover {\n      color: #f5f8fa; }\n  .pt-tree-node-caret::before {\n    display: inline-block;\n    content: \"\";\n    transition: transform 200ms cubic-bezier(0.4, 1, 0.75, 0.9); }\n  .pt-tree-node-caret.pt-tree-node-caret-open::before {\n    transform: rotate(90deg); }\n\n.pt-tree-node-icon {\n  position: relative;\n  margin-right: 7px;\n  color: #5c7080; }\n\n.pt-tree-node-label {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  word-wrap: normal;\n  flex: 1 1 auto;\n  position: relative;\n  user-select: none; }\n  .pt-tree-node-label span {\n    display: inline; }\n\n.pt-tree-node-secondary-label {\n  padding: 0 5px;\n  line-height: 30px;\n  user-select: none; }\n\n.pt-tree-node.pt-tree-node-selected > .pt-tree-node-content {\n  background-color: #137cbd; }\n  .pt-tree-node.pt-tree-node-selected > .pt-tree-node-content,\n  .pt-tree-node.pt-tree-node-selected > .pt-tree-node-content .pt-icon, .pt-tree-node.pt-tree-node-selected > .pt-tree-node-content .pt-icon-standard, .pt-tree-node.pt-tree-node-selected > .pt-tree-node-content .pt-icon-large {\n    color: #ffffff; }\n  .pt-tree-node.pt-tree-node-selected > .pt-tree-node-content .pt-tree-node-caret::before {\n    color: rgba(255, 255, 255, 0.7); }\n  .pt-tree-node.pt-tree-node-selected > .pt-tree-node-content .pt-tree-node-caret:hover::before {\n    color: #ffffff; }\n\n.pt-dark .pt-tree-node-content:hover {\n  background-color: rgba(92, 112, 128, 0.3); }\n\n.pt-dark .pt-tree-node-icon {\n  color: #bfccd6; }\n\n.pt-dark .pt-tree-node.pt-tree-node-selected > .pt-tree-node-content {\n  background-color: #137cbd; }\n"]}