.cp_formats.tabs-menu{flex:none;align-self:flex-start;max-width:100%;margin-bottom:0}.cp_board,.cp_chips,.cp_measured,.cp_ramp{list-style:none;margin:0;padding:0}.cp_board{display:flex;height:20rem;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-100)}.cp_board-item{flex:1 1 0;min-width:0;display:flex}.cp_board-item.is-background{flex-grow:1.5}.cp_tile{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-4);padding:var(--space-5);border:0;background-color:var(--cp-colour);color:var(--color-0);font:inherit;text-align:left;cursor:pointer;transition:opacity var(--duration-base) var(--ease-smooth)}.cp_tile.is-light-text{color:var(--color-1000)}.cp_tile:hover{opacity:.88}.cp_tile:focus-visible{outline:2px solid currentColor;outline-offset:-4px}.cp_tile-role{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-variation-settings:"wght" var(--font-wght-medium)}.cp_tile-foot{display:flex;flex-direction:column;gap:0;min-width:0}.cp_tile-value{font-family:inherit;font-variant-numeric:tabular-nums;font-size:var(--font-size-sm);letter-spacing:var(--tracking-tight);overflow-wrap:anywhere}.cp_tile-detail,.cp_tile-value{font-weight:var(--font-weight-medium)}.cp_tile-detail{font-size:var(--font-size-caption);font-variation-settings:"wght" var(--font-wght-medium);opacity:.72;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cp_group{flex-direction:column}.cp_group,.cp_group-head{display:flex;gap:var(--space-4)}.cp_group-head{align-items:baseline;justify-content:space-between}.cp_group-hint{color:var(--color-700)}.cp_chip,.cp_dot{display:flex;flex-direction:column;gap:var(--space-1);width:100%;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.cp_chip-block,.cp_dot-block{display:block;background-color:var(--cp-colour);border:1px solid var(--color-100);transition:opacity var(--duration-base) var(--ease-smooth)}.cp_chip:hover .cp_chip-block,.cp_dot:hover .cp_dot-block{opacity:.88}.cp_chip:focus-visible,.cp_dot:focus-visible{outline:none}.cp_chip:focus-visible .cp_chip-block,.cp_dot:focus-visible .cp_dot-block{box-shadow:var(--shadow-focus)}.cp_chip-block{height:var(--space-20);border-radius:var(--radius-md)}.cp_chip.is-gradient .cp_chip-block{background-color:initial;background-image:var(--cp-gradient)}.cp_meta{display:flex;flex-direction:column;gap:0;min-width:0}.cp_value{color:var(--color-950);font-family:inherit;font-variant-numeric:tabular-nums;font-size:var(--font-size-xs);overflow-wrap:anywhere}.cp_detail,.cp_value{font-weight:var(--font-weight-medium)}.cp_detail{color:var(--color-700);font-size:var(--font-size-caption);font-variation-settings:"wght" var(--font-wght-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cp_chips,.cp_ramp{--cp-per-row:8;--cp-col-gap:var(--space-3);display:flex;flex-wrap:wrap;gap:var(--space-8) var(--cp-col-gap)}.cp_chips>li,.cp_ramp>li{flex:1 1 calc((100% - (var(--cp-per-row) - 1) * var(--cp-col-gap)) / var(--cp-per-row));min-width:0}.cp_chips:not(.is-wide){--cp-per-row:var(--cp-row-8,8)}.cp_chips.is-wide{--cp-per-row:4}.cp_ramp{--cp-col-gap:0px}.cp_ramp .cp_chip-block{border-radius:0;border:0}.cp_ramp>li:first-child .cp_chip-block,.cp_ramp>li:nth-child(8n+1) .cp_chip-block{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.cp_ramp>li:last-child .cp_chip-block,.cp_ramp>li:nth-child(8n) .cp_chip-block{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.cp_ramp .cp_meta{padding-right:var(--space-2)}.og-preview_stage.cp_stage{--tool-stage-gap:var(--space-8)}.cp_contrast-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-3)}.cp_contrast-item{display:flex;align-items:center;gap:var(--space-3);min-width:0}.cp_contrast-sample{flex:none;display:grid;place-items:center;width:var(--space-12);height:var(--space-12);border-radius:var(--radius-md);background-color:var(--cp-bg);color:var(--cp-fg);border:1px solid var(--color-100);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);font-variation-settings:"wght" var(--font-wght-medium)}.cp_contrast-text{display:flex;flex-direction:column;gap:var(--space-05);min-width:0}.cp_contrast-label{color:var(--color-950);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-variation-settings:"wght" var(--font-wght-medium)}.cp_contrast-ratio{display:flex;align-items:center;gap:var(--space-2);color:var(--color-700);font-size:var(--font-size-sm);font-variant-numeric:tabular-nums}.cp_browse{margin:0}.cp_strip{display:flex;height:var(--space-8);border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--color-100);list-style:none;margin:0;padding:0}.cp_strip>li{flex:1;display:flex}.cp_strip-item{flex:1;padding:0;border:0;background-color:var(--cp-colour);cursor:pointer;transition:opacity var(--duration-base) var(--ease-smooth)}.cp_strip-item:hover{opacity:.88}.cp_strip-item:focus-visible{outline:2px solid var(--color-1000);outline-offset:-2px}.cp_card-head{display:flex;flex-direction:column;gap:var(--space-1)}.cp_measured{list-style:none;margin:0;padding:0}.cp_contrast{align-items:center}.cp_sample{flex:none;display:grid;place-items:center;width:var(--space-10);height:var(--space-10);border-radius:var(--radius-md);background-color:var(--cp-bg);color:var(--cp-fg);border:1px solid var(--color-100);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-variation-settings:"wght" var(--font-wght-medium)}.cp_measured{display:grid;grid-template-columns:repeat(auto-fill,minmax(8rem,1fr));gap:var(--space-2) var(--space-3)}.cp_dot{flex-direction:row;align-items:center}.cp_dot-block{flex:none;width:var(--space-4);height:var(--space-4);border-radius:var(--radius-xs)}@media screen and (max-width:1023px){.cp_board{height:14rem}.cp_tile{padding:var(--space-4)}}@container tool-stage (max-width: 44rem){.tool_stage-head:has(.cp_formats){flex-direction:column;align-items:flex-start}.tool_stage-head:has(.cp_formats)>.tool_share.is-inline{position:absolute}.tool_stage-head:has(.tool_share)>.tool_stage-title{padding-right:var(--space-12)}.cp_board{flex-direction:column;height:auto}.cp_board-item,.cp_board-item.is-background{flex:none}.cp_tile{flex-direction:row;align-items:center;min-height:var(--space-20)}.cp_board-item.is-background .cp_tile{min-height:var(--space-24)}.cp_tile-foot{align-items:flex-end;text-align:right}.cp_chips:not(.is-wide){--cp-per-row:var(--cp-row-6,6)}.cp_ramp{--cp-per-row:4}.cp_chips.is-wide{--cp-per-row:2}.cp_ramp>li:nth-child(8n):not(:last-child) .cp_chip-block,.cp_ramp>li:nth-child(8n+1):not(:first-child) .cp_chip-block{border-radius:0}.cp_chip-block{height:var(--space-16)}.cp_ramp>li:nth-child(4n+1) .cp_chip-block{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.cp_ramp>li:nth-child(4n) .cp_chip-block{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}}@media screen and (max-width:767px){.cp_chips:not(.is-wide){--cp-per-row:var(--cp-row-4,4)}.og-preview_stage.cp_stage{--tool-stage-gap:var(--space-6)}}