/* Aggregated Design System V2 CSS
 *
 * This file consolidates design tokens and base styles for V2 pages.
 * Order matters: normalize first, then tokens, then base and form styles.
 */

/* Normalize should be first */
@import url("/css/normalize_v8.css");

/* Tokens */
@import url("./color.css");
@import url("./font.css");
@import url("./standards.css");
@import url("./breakpoints.css");

/* V2 form control styles merged into form_base_v2.css */

/* Base and form foundations */
@import url("./base_v2.css");
@import url("./form_base_v2.css");

/* Icon sizing for IconHelper */
.pp-icon {
    display: inline-block;
    vertical-align: middle;
    flex-shrink: 0;
}

.pp-icon--xs {
    width: 12px;
    height: 12px;
}

.pp-icon--s {
    width: 16px;
    height: 16px;
}

.pp-icon--m {
    width: 20px;
    height: 20px;
}

.pp-icon--l {
    width: 24px;
    height: 24px;
}