@react-spectrum/card 3.0.0-alpha.5 → 3.0.0-alpha.50

package/src/GridLayout.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 /*
  * Copyright 2021 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -11,9 +12,9 @@
  */
 
 import {BaseLayout, BaseLayoutOptions} from './BaseLayout';
-import {Key} from 'react';
+import {getChildNodes, getFirstItem} from '@react-stately/collections';
+import {Key, Node, Orientation} from '@react-types/shared';
 import {LayoutInfo, Rect, Size} from '@react-stately/virtualizer';
-import {Node, Orientation} from '@react-types/shared';
 
 export interface GridLayoutOptions extends BaseLayoutOptions {
   // /**
@@ -115,11 +116,11 @@ export class GridLayout<T> extends BaseLayout<T> {
     this.horizontalSpacing = 0;
   }
 
-  get layoutType() {
+  get layoutType(): string {
     return 'grid';
   }
 
-  getIndexAtPoint(x, y, allowInsertingAtEnd = false) {
+  getIndexAtPoint(x: number, y: number, allowInsertingAtEnd = false): number {
     let itemHeight = this.itemSize.height + this.minSpace.height;
     let itemWidth = this.itemSize.width + this.horizontalSpacing;
     return Math.max(0,
@@ -130,42 +131,7 @@ export class GridLayout<T> extends BaseLayout<T> {
     );
   }
 
-  getVisibleLayoutInfos(rect) {
-    let res: LayoutInfo[] = [];
-    let numItems = this.collection.size;
-    if (numItems <= 0 || !this.itemSize) {
-      // If there aren't any items in the collection, we are in a loader/placeholder state. Return those layoutInfos as
-      // the currently visible items
-      if (this.layoutInfos.size > 0) {
-        for (let layoutInfo of this.layoutInfos.values()) {
-          if (this.isVisible(layoutInfo, rect)) {
-            res.push(layoutInfo);
-          }
-        }
-      }
-    } else {
-      // The approach from v2 uses indexes where other v3 layouts iterate through every node/root node. This feels more efficient
-      let firstVisibleItem = this.getIndexAtPoint(rect.x, rect.y);
-      let lastVisibleItem = this.getIndexAtPoint(rect.maxX, rect.maxY);
-      for (let index = firstVisibleItem; index <= lastVisibleItem; index++) {
-        let keyFromIndex = this.collection.rows[index].key;
-        let layoutInfo = this.layoutInfos.get(keyFromIndex);
-        if (layoutInfo && this.isVisible(layoutInfo, rect)) {
-          res.push(layoutInfo);
-        }
-      }
-
-      // Check if loader is in view and add to res if so
-      let loader = this.layoutInfos.get('loader');
-      if (loader && this.isVisible(loader, rect)) {
-        res.push(loader);
-      }
-    }
-
-    return res;
-  }
-
-  buildCollection() {
+  buildCollection(): void {
     let visibleWidth = this.virtualizer.visibleRect.width;
     let visibleHeight = this.virtualizer.visibleRect.height;
     let horizontalItemPadding = this.cardOrientation === 'horizontal' ? this.itemPadding : 0;
@@ -244,7 +210,7 @@ export class GridLayout<T> extends BaseLayout<T> {
   // Since the collection doesn't represent the visual layout, need to calculate what row and column the current key is in,
   // then return the key that occupies the row + column below. This can be done by figuring out how many cards exist per column then dividing the
   // collection contents by that number (which will give us the row distribution)
-  getKeyBelow(key: Key) {
+  getKeyBelow(key: Key): Node<T> | undefined | null {
     // Expected key is the currently focused cell so we need the parent row key
     let parentRowKey = this.collection.getItem(key).parentKey;
     let indexRowBelow;
@@ -255,10 +221,11 @@ export class GridLayout<T> extends BaseLayout<T> {
       return null;
     }
 
-    return this.collection.rows[indexRowBelow]?.childNodes[0].key || null;
+    let row = this.collection.rows[indexRowBelow];
+    return row ? getFirstItem(getChildNodes(row, this.collection))?.key : null;
   }
 
-  getKeyAbove(key: Key) {
+  getKeyAbove(key: Key): Node<T> | undefined | null {
     // Expected key is the currently focused cell so we need the parent row key
     let parentRowKey = this.collection.getItem(key).parentKey;
     let indexRowAbove;
@@ -269,6 +236,7 @@ export class GridLayout<T> extends BaseLayout<T> {
       return null;
     }
 
-    return this.collection.rows[indexRowAbove]?.childNodes[0].key || null;
+    let row = this.collection.rows[indexRowAbove];
+    return row ? getFirstItem(getChildNodes(row, this.collection))?.key : null;
   }
 }

package/src/WaterfallLayout.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 /*
  * Copyright 2021 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -11,9 +12,9 @@
  */
 
 import {BaseLayout, BaseLayoutOptions} from './BaseLayout';
+import {getChildNodes, getFirstItem} from '@react-stately/collections';
 import {InvalidationContext, LayoutInfo, Rect, Size} from '@react-stately/virtualizer';
-import {Key} from 'react';
-import {KeyboardDelegate, Node} from '@react-types/shared';
+import {Key, KeyboardDelegate} from '@react-types/shared';
 
 export interface WaterfallLayoutOptions extends BaseLayoutOptions {
   /**
@@ -65,11 +66,11 @@ export class WaterfallLayout<T> extends BaseLayout<T> implements KeyboardDelegat
     this.collator = options.collator;
   }
 
-  get layoutType() {
+  get layoutType(): string {
     return 'waterfall';
   }
 
-  buildCollection(invalidationContext: InvalidationContext<Node<T>, unknown>) {
+  buildCollection(invalidationContext: InvalidationContext): void {
     // Compute the number of columns needed to display the content
     let visibleWidth = this.virtualizer.visibleRect.width;
     let availableWidth = visibleWidth - this.margin * 2;
@@ -162,7 +163,7 @@ export class WaterfallLayout<T> extends BaseLayout<T> implements KeyboardDelegat
     this.contentSize = new Size(this.virtualizer.visibleRect.width, y);
   }
 
-  updateItemSize(key: Key, size: Size) {
+  updateItemSize(key: Key, size: Size): number {
     let layoutInfo = this.layoutInfos.get(key);
     if (!size || !layoutInfo) {
       return false;
@@ -181,7 +182,7 @@ export class WaterfallLayout<T> extends BaseLayout<T> implements KeyboardDelegat
     return false;
   }
 
-  getNextColumnIndex(columnHeights) {
+  getNextColumnIndex(columnHeights: number[]): number {
     let minIndex = 0;
     for (let i = 0; i < columnHeights.length; i++) {
       if (columnHeights[i] < columnHeights[minIndex]) {
@@ -192,7 +193,7 @@ export class WaterfallLayout<T> extends BaseLayout<T> implements KeyboardDelegat
     return minIndex;
   }
 
-  getClosestRight(key: Key) {
+  getClosestRight(key: Key): Node<T> | undefined {
     let layoutInfo = this.getLayoutInfo(key);
     // Refactored from v2. Current strategy is to find the closest card in the adjacent column.
     // This prevent the issue where it was possible that the closest layoutInfo would be two columns over due to the middle card being exceptionally tall
@@ -207,10 +208,11 @@ export class WaterfallLayout<T> extends BaseLayout<T> implements KeyboardDelegat
       key = this._findClosest(layoutInfo.rect, rect)?.key;
     }
 
-    return this.collection.getItem(key)?.childNodes[0]?.key;
+    let item = this.collection.getItem(key);
+    return getFirstItem(getChildNodes(item, this.collection))?.key;
   }
 
-  getClosestLeft(key: Key) {
+  getClosestLeft(key: Key): Node<T> | undefined {
     let layoutInfo = this.getLayoutInfo(key);
      // First look for a card to the immediate left of the current card. If we can't find any, look for the nearest card in the entire column to the left of the card
     let rect = new Rect(layoutInfo.rect.x - layoutInfo.rect.width - this.horizontalSpacing - 1, layoutInfo.rect.y, layoutInfo.rect.width + this.horizontalSpacing, layoutInfo.rect.height);
@@ -221,16 +223,17 @@ export class WaterfallLayout<T> extends BaseLayout<T> implements KeyboardDelegat
       key = this._findClosest(layoutInfo.rect, rect)?.key;
     }
 
-    return this.collection.getItem(key)?.childNodes[0]?.key;
+    let item = this.collection.getItem(key);
+    return getFirstItem(getChildNodes(item, this.collection))?.key;
   }
 
-  getKeyRightOf(key: Key) {
+  getKeyRightOf(key: Key): Node<T> | undefined {
     // Expected key is the currently focused cell so we need the parent row key
     let parentRowKey = this.collection.getItem(key).parentKey;
     return this.direction === 'rtl' ?  this.getClosestLeft(parentRowKey) : this.getClosestRight(parentRowKey);
   }
 
-  getKeyLeftOf(key: Key) {
+  getKeyLeftOf(key: Key): Node<T> | undefined {
     // Expected key is the currently focused cell so we need the parent row key
     let parentRowKey = this.collection.getItem(key).parentKey;
     return this.direction === 'rtl' ?  this.getClosestRight(parentRowKey) : this.getClosestLeft(parentRowKey);

package/src/index.ts

@@ -12,8 +12,13 @@
 
 /// <reference types="css-module-types" />
 
-export * from './CardView';
-export * from './GalleryLayout';
-export * from './GridLayout';
-export * from './WaterfallLayout';
-export * from './Card';
+export type {GalleryLayoutOptions} from './GalleryLayout';
+export type {GridLayoutOptions} from './GridLayout';
+export type {WaterfallLayoutOptions} from './WaterfallLayout';
+
+export {CardView} from './CardView';
+export {GalleryLayout} from './GalleryLayout';
+export {GridLayout} from './GridLayout';
+export {WaterfallLayout} from './WaterfallLayout';
+export {Card} from './Card';
+export type {SpectrumCardViewProps} from '@react-types/card';

package/dist/main.css

@@ -1 +0,0 @@
-.spectrum-Card_6fdf9f{box-sizing:border-box;min-width:var(--spectrum-card-body-header-height,var(--spectrum-global-dimension-size-225));height:100%;border-radius:var(--spectrum-card-border-radius,var(--spectrum-alias-border-radius-regular));-webkit-user-select:none;user-select:none;text-decoration:none}.spectrum-Card_6fdf9f:focus{outline:0}.spectrum-Card_6fdf9f .spectrum-Card-heading_6fdf9f{margin:0}[dir=ltr] .spectrum-Card_6fdf9f .spectrum-Card-checkboxWrapper_6fdf9f{left:var(--spectrum-card-checkbox-margin,var(--spectrum-global-dimension-size-200))}[dir=rtl] .spectrum-Card_6fdf9f .spectrum-Card-checkboxWrapper_6fdf9f{right:var(--spectrum-card-checkbox-margin,var(--spectrum-global-dimension-size-200))}.spectrum-Card_6fdf9f .spectrum-Card-checkboxWrapper_6fdf9f{top:var(--spectrum-card-checkbox-margin,var(--spectrum-global-dimension-size-200));display:-ms-grid;width:var(--spectrum-quickactions-height,var(--spectrum-global-dimension-size-500));height:var(--spectrum-quickactions-height,var(--spectrum-global-dimension-size-500));border-radius:var(--spectrum-card-quiet-border-radius,var(--spectrum-alias-border-radius-regular));visibility:hidden;display:grid;position:absolute}.spectrum-Card_6fdf9f .spectrum-Card-checkbox_6fdf9f{padding:4px calc(50% - var(--spectrum-checkbox-box-size,var(--spectrum-global-dimension-size-175))/2)4px calc(50% - var(--spectrum-checkbox-box-size,var(--spectrum-global-dimension-size-175))/2)}.spectrum-Card_6fdf9f.is-selected_6fdf9f .spectrum-Card-checkboxWrapper_6fdf9f,.spectrum-Card_6fdf9f.focus-ring_6fdf9f .spectrum-Card-checkboxWrapper_6fdf9f,.spectrum-Card_6fdf9f.is-hovered_6fdf9f .spectrum-Card-checkboxWrapper_6fdf9f{visibility:visible;opacity:1;pointer-events:all}.spectrum-Card-grid_6fdf9f{position:relative}.spectrum-Card-grid_6fdf9f:after,.spectrum-Card-grid_6fdf9f .spectrum-Card-decoration_6fdf9f{pointer-events:none}.spectrum-Card-image_6fdf9f{grid-area:preview}.spectrum-Card-image_6fdf9f img{-webkit-user-drag:none;user-drag:none}.spectrum-Card-illustration_6fdf9f{grid-area:preview}.spectrum-Card-illustration_6fdf9f svg{-webkit-user-drag:none;user-drag:none}.spectrum-Card-avatar_6fdf9f{z-index:1;grid-area:avatar}.spectrum-Card-heading_6fdf9f{word-break:break-word;grid-area:title}.spectrum-Card-detail_6fdf9f{word-break:break-word;grid-area:detail}.spectrum-Card-content_6fdf9f{word-break:break-word;grid-area:content;overflow:hidden}.spectrum-Card-decoration_6fdf9f{display:none}.spectrum-Card--waterfall_6fdf9f.spectrum-Card--default_6fdf9f{border-width:var(--spectrum-card-border-size,var(--spectrum-alias-border-size-thin));border-radius:var(--spectrum-card-border-radius,var(--spectrum-alias-border-radius-regular));border-style:solid;position:relative}.spectrum-Card--waterfall_6fdf9f.spectrum-Card--default_6fdf9f .spectrum-Card-checkboxWrapper_6fdf9f{z-index:3}.spectrum-Card--waterfall_6fdf9f.spectrum-Card--default_6fdf9f:after{z-index:2;pointer-events:none}[dir=ltr] .spectrum-Card--waterfall_6fdf9f.spectrum-Card--default_6fdf9f:before{left:0}[dir=rtl] .spectrum-Card--waterfall_6fdf9f.spectrum-Card--default_6fdf9f:before{right:0}.spectrum-Card--waterfall_6fdf9f.spectrum-Card--default_6fdf9f:before{content:" ";width:100%;height:100%;border-radius:var(--spectrum-card-border-radius,var(--spectrum-alias-border-radius-regular));position:absolute;top:0}[dir=ltr] .spectrum-Card--waterfall_6fdf9f.spectrum-Card--default_6fdf9f:after{left:0}[dir=rtl] .spectrum-Card--waterfall_6fdf9f.spectrum-Card--default_6fdf9f:after{right:0}.spectrum-Card--waterfall_6fdf9f.spectrum-Card--default_6fdf9f:after{content:" ";width:100%;height:100%;border-radius:var(--spectrum-card-border-radius,var(--spectrum-alias-border-radius-regular));position:absolute;top:0}.spectrum-Card--waterfall_6fdf9f.spectrum-Card--default_6fdf9f .spectrum-Card-grid_6fdf9f{height:100%;display:-ms-grid;-ms-grid-columns:var(--spectrum-card-body-padding-left,var(--spectrum-global-dimension-size-300))minmax(0,auto)minmax(var(--spectrum-global-dimension-size-500),1fr)minmax(0,auto)var(--spectrum-card-body-padding-right,var(--spectrum-global-dimension-size-300));grid-template-columns:var(--spectrum-card-body-padding-left,var(--spectrum-global-dimension-size-300))minmax(0,auto)minmax(var(--spectrum-global-dimension-size-500),1fr)minmax(0,auto)var(--spectrum-card-body-padding-right,var(--spectrum-global-dimension-size-300));-ms-grid-rows:minmax(var(--spectrum-card-coverphoto-height,var(--spectrum-global-dimension-size-1700)),1fr)var(--spectrum-global-dimension-size-300)minmax(var(--spectrum-actionbutton-height,var(--spectrum-alias-single-line-height)),auto)auto var(--spectrum-card-body-padding-bottom,var(--spectrum-global-dimension-size-250));grid-template-rows:minmax(var(--spectrum-card-coverphoto-height,var(--spectrum-global-dimension-size-1700)),1fr)var(--spectrum-global-dimension-size-300)minmax(var(--spectrum-actionbutton-height,var(--spectrum-alias-single-line-height)),auto)auto var(--spectrum-card-body-padding-bottom,var(--spectrum-global-dimension-size-250));grid-template-areas:"preview preview preview preview preview"". . . . ."".title detail. ."".content content content."". . . . .";display:grid}[dir=ltr] .spectrum-Card--waterfall_6fdf9f.spectrum-Card--default_6fdf9f .spectrum-Card-grid_6fdf9f:before{border-top-left-radius:var(--spectrum-card-border-radius,var(--spectrum-alias-border-radius-regular))}[dir=rtl] .spectrum-Card--waterfall_6fdf9f.spectrum-Card--default_6fdf9f .spectrum-Card-grid_6fdf9f:before,[dir=ltr] .spectrum-Card--waterfall_6fdf9f.spectrum-Card--default_6fdf9f .spectrum-Card-grid_6fdf9f:before{border-top-right-radius:var(--spectrum-card-border-radius,var(--spectrum-alias-border-radius-regular))}[dir=rtl] .spectrum-Card--waterfall_6fdf9f.spectrum-Card--default_6fdf9f .spectrum-Card-grid_6fdf9f:before{border-top-left-radius:var(--spectrum-card-border-radius,var(--spectrum-alias-border-radius-regular))}.spectrum-Card--waterfall_6fdf9f.spectrum-Card--default_6fdf9f .spectrum-Card-grid_6fdf9f:before{content:" ";width:100%;height:100%;grid-area:preview}.spectrum-Card--waterfall_6fdf9f.spectrum-Card--default_6fdf9f.spectrum-Card--noPreview_6fdf9f .spectrum-Card-grid_6fdf9f{display:-ms-grid;-ms-grid-columns:var(--spectrum-card-body-padding-left,var(--spectrum-global-dimension-size-300))minmax(0,auto)1fr minmax(0,auto)var(--spectrum-card-body-padding-right,var(--spectrum-global-dimension-size-300));grid-template-columns:var(--spectrum-card-body-padding-left,var(--spectrum-global-dimension-size-300))minmax(0,auto)1fr minmax(0,auto)var(--spectrum-card-body-padding-right,var(--spectrum-global-dimension-size-300));-ms-grid-rows:var(--spectrum-global-dimension-size-300)auto 1fr var(--spectrum-card-body-padding-bottom,var(--spectrum-global-dimension-size-250));grid-template-rows:var(--spectrum-global-dimension-size-300)auto 1fr var(--spectrum-card-body-padding-bottom,var(--spectrum-global-dimension-size-250));grid-template-areas:". . . . ."".title detail. ."".content content content."". . . . .";display:grid}.spectrum-Card--waterfall_6fdf9f.spectrum-Card--default_6fdf9f.spectrum-Card--noPreview_6fdf9f .spectrum-Card-grid_6fdf9f .spectrum-Card-avatar_6fdf9f{display:none}[dir=ltr] .spectrum-Card--waterfall_6fdf9f.spectrum-Card--default_6fdf9f .spectrum-Card-image_6fdf9f,[dir=ltr] .spectrum-Card--waterfall_6fdf9f.spectrum-Card--default_6fdf9f .spectrum-Card-illustration_6fdf9f{border-top-left-radius:var(--spectrum-card-border-radius,var(--spectrum-alias-border-radius-regular))}[dir=rtl] .spectrum-Card--waterfall_6fdf9f.spectrum-Card--default_6fdf9f .spectrum-Card-image_6fdf9f,[dir=rtl] .spectrum-Card--waterfall_6fdf9f.spectrum-Card--default_6fdf9f .spectrum-Card-illustration_6fdf9f,[dir=ltr] .spectrum-Card--waterfall_6fdf9f.spectrum-Card--default_6fdf9f .spectrum-Card-image_6fdf9f,[dir=ltr] .spectrum-Card--waterfall_6fdf9f.spectrum-Card--default_6fdf9f .spectrum-Card-illustration_6fdf9f{border-top-right-radius:var(--spectrum-card-border-radius,var(--spectrum-alias-border-radius-regular))}[dir=rtl] .spectrum-Card--waterfall_6fdf9f.spectrum-Card--default_6fdf9f .spectrum-Card-image_6fdf9f,[dir=rtl] .spectrum-Card--waterfall_6fdf9f.spectrum-Card--default_6fdf9f .spectrum-Card-illustration_6fdf9f{border-top-left-radius:var(--spectrum-card-border-radius,var(--spectrum-alias-border-radius-regular))}.spectrum-Card--waterfall_6fdf9f.spectrum-Card--default_6fdf9f .spectrum-Card-image_6fdf9f,.spectrum-Card--waterfall_6fdf9f.spectrum-Card--default_6fdf9f .spectrum-Card-illustration_6fdf9f{width:100%;height:100%;-ms-grid-row-align:center;border-bottom-width:var(--spectrum-card-border-size,var(--spectrum-alias-border-size-thin));border-bottom-style:solid;place-self:center}.spectrum-Card--waterfall_6fdf9f.spectrum-Card--default_6fdf9f .spectrum-Card-illustration_6fdf9f{display:-ms-grid;-ms-grid-column-align:center;place-items:center;display:grid}[dir=ltr] .spectrum-Card--waterfall_6fdf9f.spectrum-Card--default_6fdf9f .spectrum-Card-avatar_6fdf9f{left:var(--spectrum-card-body-padding-left,var(--spectrum-global-dimension-size-300))}[dir=rtl] .spectrum-Card--waterfall_6fdf9f.spectrum-Card--default_6fdf9f .spectrum-Card-avatar_6fdf9f{right:var(--spectrum-card-body-padding-left,var(--spectrum-global-dimension-size-300))}.spectrum-Card--waterfall_6fdf9f.spectrum-Card--default_6fdf9f .spectrum-Card-avatar_6fdf9f{grid-area:preview;position:absolute;bottom:-10px}[dir=ltr] .spectrum-Card--waterfall_6fdf9f.spectrum-Card--default_6fdf9f .spectrum-Card-heading_6fdf9f{margin-right:var(--spectrum-card-title-padding-right,var(--spectrum-global-dimension-size-100))}[dir=rtl] .spectrum-Card--waterfall_6fdf9f.spectrum-Card--default_6fdf9f .spectrum-Card-heading_6fdf9f{margin-left:var(--spectrum-card-title-padding-right,var(--spectrum-global-dimension-size-100))}.spectrum-Card--waterfall_6fdf9f.spectrum-Card--default_6fdf9f .spectrum-Card-heading_6fdf9f,.spectrum-Card--waterfall_6fdf9f.spectrum-Card--default_6fdf9f .spectrum-Card-detail_6fdf9f{white-space:nowrap;text-overflow:ellipsis;align-self:baseline;overflow:hidden}.spectrum-Card--waterfall_6fdf9f.spectrum-Card--default_6fdf9f .spectrum-Card-content_6fdf9f{margin-bottom:5px}.spectrum-Card--grid_6fdf9f.spectrum-Card--default_6fdf9f{border-width:var(--spectrum-card-border-size,var(--spectrum-alias-border-size-thin));border-radius:var(--spectrum-card-border-radius,var(--spectrum-alias-border-radius-regular));border-style:solid;position:relative}.spectrum-Card--grid_6fdf9f.spectrum-Card--default_6fdf9f .spectrum-Card-checkboxWrapper_6fdf9f{z-index:3}.spectrum-Card--grid_6fdf9f.spectrum-Card--default_6fdf9f:after{z-index:2;pointer-events:none}[dir=ltr] .spectrum-Card--grid_6fdf9f.spectrum-Card--default_6fdf9f:before{left:0}[dir=rtl] .spectrum-Card--grid_6fdf9f.spectrum-Card--default_6fdf9f:before{right:0}.spectrum-Card--grid_6fdf9f.spectrum-Card--default_6fdf9f:before{content:" ";width:100%;height:100%;border-radius:var(--spectrum-card-border-radius,var(--spectrum-alias-border-radius-regular));position:absolute;top:0}[dir=ltr] .spectrum-Card--grid_6fdf9f.spectrum-Card--default_6fdf9f:after{left:0}[dir=rtl] .spectrum-Card--grid_6fdf9f.spectrum-Card--default_6fdf9f:after{right:0}.spectrum-Card--grid_6fdf9f.spectrum-Card--default_6fdf9f:after{content:" ";width:100%;height:100%;border-radius:var(--spectrum-card-border-radius,var(--spectrum-alias-border-radius-regular));position:absolute;top:0}.spectrum-Card--grid_6fdf9f.spectrum-Card--default_6fdf9f:not(.spectrum-Card--noPreview_6fdf9f) .spectrum-Card-grid_6fdf9f{display:-ms-grid;height:100%;-ms-grid-columns:var(--spectrum-card-body-padding-left,var(--spectrum-global-dimension-size-300))minmax(0,auto)minmax(var(--spectrum-global-dimension-size-500),1fr)minmax(0,auto)var(--spectrum-card-body-padding-right,var(--spectrum-global-dimension-size-300));grid-template-columns:var(--spectrum-card-body-padding-left,var(--spectrum-global-dimension-size-300))minmax(0,auto)minmax(var(--spectrum-global-dimension-size-500),1fr)minmax(0,auto)var(--spectrum-card-body-padding-right,var(--spectrum-global-dimension-size-300));-ms-grid-rows:minmax(var(--spectrum-card-coverphoto-height,var(--spectrum-global-dimension-size-1700)),1fr)var(--spectrum-global-dimension-size-200)minmax(var(--spectrum-actionbutton-height,var(--spectrum-alias-single-line-height)),auto)auto var(--spectrum-card-body-padding-bottom,var(--spectrum-global-dimension-size-250));grid-template-rows:minmax(var(--spectrum-card-coverphoto-height,var(--spectrum-global-dimension-size-1700)),1fr)var(--spectrum-global-dimension-size-200)minmax(var(--spectrum-actionbutton-height,var(--spectrum-alias-single-line-height)),auto)auto var(--spectrum-card-body-padding-bottom,var(--spectrum-global-dimension-size-250));grid-template-areas:"preview preview preview preview preview"". . . . ."".title detail. ."".content content content."". . . . .";display:grid}[dir=ltr] .spectrum-Card--grid_6fdf9f.spectrum-Card--default_6fdf9f:not(.spectrum-Card--noPreview_6fdf9f) .spectrum-Card-grid_6fdf9f:before{border-top-left-radius:var(--spectrum-card-border-radius,var(--spectrum-alias-border-radius-regular))}[dir=rtl] .spectrum-Card--grid_6fdf9f.spectrum-Card--default_6fdf9f:not(.spectrum-Card--noPreview_6fdf9f) .spectrum-Card-grid_6fdf9f:before,[dir=ltr] .spectrum-Card--grid_6fdf9f.spectrum-Card--default_6fdf9f:not(.spectrum-Card--noPreview_6fdf9f) .spectrum-Card-grid_6fdf9f:before{border-top-right-radius:var(--spectrum-card-border-radius,var(--spectrum-alias-border-radius-regular))}[dir=rtl] .spectrum-Card--grid_6fdf9f.spectrum-Card--default_6fdf9f:not(.spectrum-Card--noPreview_6fdf9f) .spectrum-Card-grid_6fdf9f:before{border-top-left-radius:var(--spectrum-card-border-radius,var(--spectrum-alias-border-radius-regular))}.spectrum-Card--grid_6fdf9f.spectrum-Card--default_6fdf9f:not(.spectrum-Card--noPreview_6fdf9f) .spectrum-Card-grid_6fdf9f:before{content:" ";width:100%;height:100%;grid-area:preview}.spectrum-Card--grid_6fdf9f.spectrum-Card--default_6fdf9f.spectrum-Card--noPreview_6fdf9f .spectrum-Card-grid_6fdf9f{display:-ms-grid;height:100%;-ms-grid-columns:var(--spectrum-card-body-padding-left,var(--spectrum-global-dimension-size-300))minmax(0,auto)minmax(var(--spectrum-global-dimension-size-500),1fr)minmax(0,auto)var(--spectrum-card-body-padding-right,var(--spectrum-global-dimension-size-300));grid-template-columns:var(--spectrum-card-body-padding-left,var(--spectrum-global-dimension-size-300))minmax(0,auto)minmax(var(--spectrum-global-dimension-size-500),1fr)minmax(0,auto)var(--spectrum-card-body-padding-right,var(--spectrum-global-dimension-size-300));-ms-grid-rows:var(--spectrum-global-dimension-size-300)auto 1fr var(--spectrum-card-body-padding-bottom,var(--spectrum-global-dimension-size-250));grid-template-rows:var(--spectrum-global-dimension-size-300)auto 1fr var(--spectrum-card-body-padding-bottom,var(--spectrum-global-dimension-size-250));grid-template-areas:". . . . ."".title detail. ."".content content content."". . . . .";display:grid}.spectrum-Card--grid_6fdf9f.spectrum-Card--default_6fdf9f.spectrum-Card--noPreview_6fdf9f .spectrum-Card-grid_6fdf9f .spectrum-Card-avatar_6fdf9f{display:none}[dir=ltr] .spectrum-Card--grid_6fdf9f.spectrum-Card--default_6fdf9f .spectrum-Card-image_6fdf9f,[dir=ltr] .spectrum-Card--grid_6fdf9f.spectrum-Card--default_6fdf9f .spectrum-Card-illustration_6fdf9f{border-top-left-radius:var(--spectrum-card-border-radius,var(--spectrum-alias-border-radius-regular))}[dir=rtl] .spectrum-Card--grid_6fdf9f.spectrum-Card--default_6fdf9f .spectrum-Card-image_6fdf9f,[dir=rtl] .spectrum-Card--grid_6fdf9f.spectrum-Card--default_6fdf9f .spectrum-Card-illustration_6fdf9f,[dir=ltr] .spectrum-Card--grid_6fdf9f.spectrum-Card--default_6fdf9f .spectrum-Card-image_6fdf9f,[dir=ltr] .spectrum-Card--grid_6fdf9f.spectrum-Card--default_6fdf9f .spectrum-Card-illustration_6fdf9f{border-top-right-radius:var(--spectrum-card-border-radius,var(--spectrum-alias-border-radius-regular))}[dir=rtl] .spectrum-Card--grid_6fdf9f.spectrum-Card--default_6fdf9f .spectrum-Card-image_6fdf9f,[dir=rtl] .spectrum-Card--grid_6fdf9f.spectrum-Card--default_6fdf9f .spectrum-Card-illustration_6fdf9f{border-top-left-radius:var(--spectrum-card-border-radius,var(--spectrum-alias-border-radius-regular))}.spectrum-Card--grid_6fdf9f.spectrum-Card--default_6fdf9f .spectrum-Card-image_6fdf9f,.spectrum-Card--grid_6fdf9f.spectrum-Card--default_6fdf9f .spectrum-Card-illustration_6fdf9f{width:100%;height:100%;-ms-grid-row-align:center;border-bottom-width:var(--spectrum-card-border-size,var(--spectrum-alias-border-size-thin));border-bottom-style:solid;place-self:center}.spectrum-Card--grid_6fdf9f.spectrum-Card--default_6fdf9f .spectrum-Card-illustration_6fdf9f{display:-ms-grid;-ms-grid-column-align:center;place-items:center;display:grid}[dir=ltr] .spectrum-Card--grid_6fdf9f.spectrum-Card--default_6fdf9f .spectrum-Card-avatar_6fdf9f{left:var(--spectrum-card-body-padding-left,var(--spectrum-global-dimension-size-300))}[dir=rtl] .spectrum-Card--grid_6fdf9f.spectrum-Card--default_6fdf9f .spectrum-Card-avatar_6fdf9f{right:var(--spectrum-card-body-padding-left,var(--spectrum-global-dimension-size-300))}.spectrum-Card--grid_6fdf9f.spectrum-Card--default_6fdf9f .spectrum-Card-avatar_6fdf9f{grid-area:preview;position:absolute;bottom:-10px}[dir=ltr] .spectrum-Card--grid_6fdf9f.spectrum-Card--default_6fdf9f .spectrum-Card-heading_6fdf9f{margin-right:var(--spectrum-card-title-padding-right,var(--spectrum-global-dimension-size-100))}[dir=rtl] .spectrum-Card--grid_6fdf9f.spectrum-Card--default_6fdf9f .spectrum-Card-heading_6fdf9f{margin-left:var(--spectrum-card-title-padding-right,var(--spectrum-global-dimension-size-100))}.spectrum-Card--grid_6fdf9f.spectrum-Card--default_6fdf9f .spectrum-Card-heading_6fdf9f,.spectrum-Card--grid_6fdf9f.spectrum-Card--default_6fdf9f .spectrum-Card-detail_6fdf9f{white-space:nowrap;text-overflow:ellipsis;align-self:baseline;overflow:hidden}.spectrum-Card--grid_6fdf9f.spectrum-Card--default_6fdf9f .spectrum-Card-content_6fdf9f{white-space:nowrap;text-overflow:ellipsis;margin-bottom:5px}.spectrum-Card--noLayout_6fdf9f.spectrum-Card--default_6fdf9f{border-width:var(--spectrum-card-border-size,var(--spectrum-alias-border-size-thin));border-radius:var(--spectrum-card-border-radius,var(--spectrum-alias-border-radius-regular));border-style:solid;position:relative}.spectrum-Card--noLayout_6fdf9f.spectrum-Card--default_6fdf9f .spectrum-Card-checkboxWrapper_6fdf9f{z-index:3}.spectrum-Card--noLayout_6fdf9f.spectrum-Card--default_6fdf9f:after{z-index:2;pointer-events:none}[dir=ltr] .spectrum-Card--noLayout_6fdf9f.spectrum-Card--default_6fdf9f:before{left:0}[dir=rtl] .spectrum-Card--noLayout_6fdf9f.spectrum-Card--default_6fdf9f:before{right:0}.spectrum-Card--noLayout_6fdf9f.spectrum-Card--default_6fdf9f:before{content:" ";width:100%;height:100%;border-radius:var(--spectrum-card-border-radius,var(--spectrum-alias-border-radius-regular));position:absolute;top:0}[dir=ltr] .spectrum-Card--noLayout_6fdf9f.spectrum-Card--default_6fdf9f:after{left:0}[dir=rtl] .spectrum-Card--noLayout_6fdf9f.spectrum-Card--default_6fdf9f:after{right:0}.spectrum-Card--noLayout_6fdf9f.spectrum-Card--default_6fdf9f:after{content:" ";width:100%;height:100%;border-radius:var(--spectrum-card-border-radius,var(--spectrum-alias-border-radius-regular));position:absolute;top:0}.spectrum-Card--noLayout_6fdf9f.spectrum-Card--default_6fdf9f:not(.spectrum-Card--noPreview_6fdf9f) .spectrum-Card-grid_6fdf9f{display:-ms-grid;-ms-grid-columns:var(--spectrum-card-body-padding-left,var(--spectrum-global-dimension-size-300))minmax(0,auto)minmax(var(--spectrum-global-dimension-size-500),1fr)minmax(0,auto)var(--spectrum-card-body-padding-right,var(--spectrum-global-dimension-size-300));grid-template-columns:var(--spectrum-card-body-padding-left,var(--spectrum-global-dimension-size-300))minmax(0,auto)minmax(var(--spectrum-global-dimension-size-500),1fr)minmax(0,auto)var(--spectrum-card-body-padding-right,var(--spectrum-global-dimension-size-300));-ms-grid-rows:minmax(var(--spectrum-card-coverphoto-height,var(--spectrum-global-dimension-size-1700)),auto)var(--spectrum-global-dimension-size-300)minmax(var(--spectrum-actionbutton-height,var(--spectrum-alias-single-line-height)),auto)1fr var(--spectrum-card-body-padding-bottom,var(--spectrum-global-dimension-size-250));grid-template-rows:minmax(var(--spectrum-card-coverphoto-height,var(--spectrum-global-dimension-size-1700)),auto)var(--spectrum-global-dimension-size-300)minmax(var(--spectrum-actionbutton-height,var(--spectrum-alias-single-line-height)),auto)1fr var(--spectrum-card-body-padding-bottom,var(--spectrum-global-dimension-size-250));grid-template-areas:"preview preview preview preview preview"". . . . ."".title detail. ."".content content content."". . . . .";display:grid}[dir=ltr] .spectrum-Card--noLayout_6fdf9f.spectrum-Card--default_6fdf9f:not(.spectrum-Card--noPreview_6fdf9f) .spectrum-Card-grid_6fdf9f:before{border-top-left-radius:var(--spectrum-card-border-radius,var(--spectrum-alias-border-radius-regular))}[dir=rtl] .spectrum-Card--noLayout_6fdf9f.spectrum-Card--default_6fdf9f:not(.spectrum-Card--noPreview_6fdf9f) .spectrum-Card-grid_6fdf9f:before,[dir=ltr] .spectrum-Card--noLayout_6fdf9f.spectrum-Card--default_6fdf9f:not(.spectrum-Card--noPreview_6fdf9f) .spectrum-Card-grid_6fdf9f:before{border-top-right-radius:var(--spectrum-card-border-radius,var(--spectrum-alias-border-radius-regular))}[dir=rtl] .spectrum-Card--noLayout_6fdf9f.spectrum-Card--default_6fdf9f:not(.spectrum-Card--noPreview_6fdf9f) .spectrum-Card-grid_6fdf9f:before{border-top-left-radius:var(--spectrum-card-border-radius,var(--spectrum-alias-border-radius-regular))}.spectrum-Card--noLayout_6fdf9f.spectrum-Card--default_6fdf9f:not(.spectrum-Card--noPreview_6fdf9f) .spectrum-Card-grid_6fdf9f:before{content:" ";width:100%;height:100%;grid-area:preview}.spectrum-Card--noLayout_6fdf9f.spectrum-Card--default_6fdf9f.spectrum-Card--noPreview_6fdf9f .spectrum-Card-grid_6fdf9f{display:-ms-grid;-ms-grid-columns:var(--spectrum-card-body-padding-left,var(--spectrum-global-dimension-size-300))minmax(0,auto)minmax(var(--spectrum-global-dimension-size-500),1fr)minmax(0,auto)var(--spectrum-card-body-padding-right,var(--spectrum-global-dimension-size-300));grid-template-columns:var(--spectrum-card-body-padding-left,var(--spectrum-global-dimension-size-300))minmax(0,auto)minmax(var(--spectrum-global-dimension-size-500),1fr)minmax(0,auto)var(--spectrum-card-body-padding-right,var(--spectrum-global-dimension-size-300));-ms-grid-rows:var(--spectrum-global-dimension-size-300)auto 1fr var(--spectrum-card-body-padding-bottom,var(--spectrum-global-dimension-size-250));grid-template-rows:var(--spectrum-global-dimension-size-300)auto 1fr var(--spectrum-card-body-padding-bottom,var(--spectrum-global-dimension-size-250));grid-template-areas:". . . . ."".title detail. ."".content content content."". . . . .";display:grid}.spectrum-Card--noLayout_6fdf9f.spectrum-Card--default_6fdf9f.spectrum-Card--noPreview_6fdf9f .spectrum-Card-grid_6fdf9f .spectrum-Card-avatar_6fdf9f{display:none}[dir=ltr] .spectrum-Card--noLayout_6fdf9f.spectrum-Card--default_6fdf9f .spectrum-Card-image_6fdf9f,[dir=ltr] .spectrum-Card--noLayout_6fdf9f.spectrum-Card--default_6fdf9f .spectrum-Card-illustration_6fdf9f{border-top-left-radius:var(--spectrum-card-border-radius,var(--spectrum-alias-border-radius-regular))}[dir=rtl] .spectrum-Card--noLayout_6fdf9f.spectrum-Card--default_6fdf9f .spectrum-Card-image_6fdf9f,[dir=rtl] .spectrum-Card--noLayout_6fdf9f.spectrum-Card--default_6fdf9f .spectrum-Card-illustration_6fdf9f,[dir=ltr] .spectrum-Card--noLayout_6fdf9f.spectrum-Card--default_6fdf9f .spectrum-Card-image_6fdf9f,[dir=ltr] .spectrum-Card--noLayout_6fdf9f.spectrum-Card--default_6fdf9f .spectrum-Card-illustration_6fdf9f{border-top-right-radius:var(--spectrum-card-border-radius,var(--spectrum-alias-border-radius-regular))}[dir=rtl] .spectrum-Card--noLayout_6fdf9f.spectrum-Card--default_6fdf9f .spectrum-Card-image_6fdf9f,[dir=rtl] .spectrum-Card--noLayout_6fdf9f.spectrum-Card--default_6fdf9f .spectrum-Card-illustration_6fdf9f{border-top-left-radius:var(--spectrum-card-border-radius,var(--spectrum-alias-border-radius-regular))}.spectrum-Card--noLayout_6fdf9f.spectrum-Card--default_6fdf9f .spectrum-Card-image_6fdf9f,.spectrum-Card--noLayout_6fdf9f.spectrum-Card--default_6fdf9f .spectrum-Card-illustration_6fdf9f{width:100%;height:100%;-ms-grid-row-align:center;border-bottom-width:var(--spectrum-card-border-size,var(--spectrum-alias-border-size-thin));border-bottom-style:solid;place-self:center}.spectrum-Card--noLayout_6fdf9f.spectrum-Card--default_6fdf9f .spectrum-Card-illustration_6fdf9f{display:-ms-grid;-ms-grid-column-align:center;width:100%;height:var(--spectrum-card-coverphoto-height,var(--spectrum-global-dimension-size-1700));place-items:center;display:grid}[dir=ltr] .spectrum-Card--noLayout_6fdf9f.spectrum-Card--default_6fdf9f .spectrum-Card-avatar_6fdf9f{left:var(--spectrum-card-body-padding-left,var(--spectrum-global-dimension-size-300))}[dir=rtl] .spectrum-Card--noLayout_6fdf9f.spectrum-Card--default_6fdf9f .spectrum-Card-avatar_6fdf9f{right:var(--spectrum-card-body-padding-left,var(--spectrum-global-dimension-size-300))}.spectrum-Card--noLayout_6fdf9f.spectrum-Card--default_6fdf9f .spectrum-Card-avatar_6fdf9f{grid-area:preview;position:absolute;bottom:-10px}[dir=ltr] .spectrum-Card--noLayout_6fdf9f.spectrum-Card--default_6fdf9f .spectrum-Card-heading_6fdf9f{margin-right:var(--spectrum-card-title-padding-right,var(--spectrum-global-dimension-size-100))}[dir=rtl] .spectrum-Card--noLayout_6fdf9f.spectrum-Card--default_6fdf9f .spectrum-Card-heading_6fdf9f{margin-left:var(--spectrum-card-title-padding-right,var(--spectrum-global-dimension-size-100))}.spectrum-Card--noLayout_6fdf9f.spectrum-Card--default_6fdf9f .spectrum-Card-heading_6fdf9f,.spectrum-Card--noLayout_6fdf9f.spectrum-Card--default_6fdf9f .spectrum-Card-detail_6fdf9f{white-space:nowrap;text-overflow:ellipsis;align-self:baseline;overflow:hidden}.spectrum-Card--noLayout_6fdf9f.spectrum-Card--default_6fdf9f .spectrum-Card-content_6fdf9f{margin-bottom:5px}.spectrum-Card--waterfall_6fdf9f.spectrum-Card--isQuiet_6fdf9f{min-width:var(--spectrum-card-quiet-min-size,var(--spectrum-global-dimension-size-1700))}.spectrum-Card--waterfall_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-checkboxWrapper_6fdf9f{z-index:3}.spectrum-Card--waterfall_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-grid_6fdf9f:before{z-index:-1}.spectrum-Card--waterfall_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-grid_6fdf9f:after{z-index:2}.spectrum-Card--waterfall_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-grid_6fdf9f{height:100%;display:-ms-grid;-ms-grid-columns:minmax(0,auto)minmax(var(--spectrum-global-dimension-size-500),1fr)minmax(0,auto);grid-template-columns:minmax(0,auto)minmax(var(--spectrum-global-dimension-size-500),1fr)minmax(0,auto);-ms-grid-rows:minmax(var(--spectrum-card-coverphoto-height,var(--spectrum-global-dimension-size-1700)),1fr)var(--spectrum-card-quiet-body-header-margin-top,var(--spectrum-global-dimension-size-175))minmax(var(--spectrum-actionbutton-height,var(--spectrum-alias-single-line-height)),auto)auto;grid-template-rows:minmax(var(--spectrum-card-coverphoto-height,var(--spectrum-global-dimension-size-1700)),1fr)var(--spectrum-card-quiet-body-header-margin-top,var(--spectrum-global-dimension-size-175))minmax(var(--spectrum-actionbutton-height,var(--spectrum-alias-single-line-height)),auto)auto;grid-template-areas:"preview preview preview"". . .""title detail.""content content content";display:grid}.spectrum-Card--waterfall_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-grid_6fdf9f:before{content:" ";border-radius:var(--spectrum-card-quiet-border-radius,var(--spectrum-alias-border-radius-regular));grid-area:preview}[dir=ltr] .spectrum-Card--waterfall_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-grid_6fdf9f:after{left:0}[dir=rtl] .spectrum-Card--waterfall_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-grid_6fdf9f:after,[dir=ltr] .spectrum-Card--waterfall_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-grid_6fdf9f:after{right:0}[dir=rtl] .spectrum-Card--waterfall_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-grid_6fdf9f:after{left:0}.spectrum-Card--waterfall_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-grid_6fdf9f:after{content:" ";margin:calc(var(--spectrum-alias-focus-ring-gap,var(--spectrum-global-dimension-static-size-25))*-2);border-radius:calc(var(--spectrum-card-quiet-border-radius,var(--spectrum-alias-border-radius-regular)) + var(--spectrum-alias-focus-ring-gap,var(--spectrum-global-dimension-static-size-25)));grid-area:preview;position:absolute;top:0;bottom:0}.spectrum-Card--waterfall_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-grid_6fdf9f .spectrum-Card-decoration_6fdf9f{width:100%;height:100%;border-radius:var(--spectrum-card-quiet-border-radius,var(--spectrum-alias-border-radius-regular));grid-area:preview;display:block}.spectrum-Card--waterfall_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-image_6fdf9f,.spectrum-Card--waterfall_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-illustration_6fdf9f{height:100%;width:100%;min-width:100%;-ms-grid-row-align:center;border-radius:var(--spectrum-card-quiet-border-radius,var(--spectrum-alias-border-radius-regular));place-self:center}.spectrum-Card--waterfall_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-illustration_6fdf9f{display:-ms-grid;-ms-grid-column-align:center;place-items:center;display:grid}.spectrum-Card--waterfall_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-avatar_6fdf9f{display:none}[dir=ltr] .spectrum-Card--waterfall_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-heading_6fdf9f{margin-right:var(--spectrum-card-title-padding-right,var(--spectrum-global-dimension-size-100))}[dir=rtl] .spectrum-Card--waterfall_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-heading_6fdf9f{margin-left:var(--spectrum-card-title-padding-right,var(--spectrum-global-dimension-size-100))}.spectrum-Card--waterfall_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-heading_6fdf9f{white-space:nowrap;text-overflow:ellipsis;align-self:baseline;overflow:hidden}[dir=ltr] .spectrum-Card--waterfall_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-detail_6fdf9f{margin-right:var(--spectrum-card-title-padding-right,var(--spectrum-global-dimension-size-100))}[dir=rtl] .spectrum-Card--waterfall_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-detail_6fdf9f{margin-left:var(--spectrum-card-title-padding-right,var(--spectrum-global-dimension-size-100))}.spectrum-Card--waterfall_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-detail_6fdf9f{white-space:nowrap;text-overflow:ellipsis;align-self:baseline;overflow:hidden}.spectrum-Card--waterfall_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-content_6fdf9f{margin-bottom:5px}.spectrum-Card--gallery_6fdf9f.spectrum-Card--isQuiet_6fdf9f{min-width:0}.spectrum-Card--gallery_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-checkboxWrapper_6fdf9f{z-index:3}.spectrum-Card--gallery_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-grid_6fdf9f:before{z-index:-1}.spectrum-Card--gallery_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-grid_6fdf9f:after{z-index:2}.spectrum-Card--gallery_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-grid_6fdf9f{height:100%;display:-ms-grid;-ms-grid-columns:minmax(0,auto)minmax(var(--spectrum-global-dimension-size-500),1fr)minmax(0,auto);grid-template-columns:minmax(0,auto)minmax(var(--spectrum-global-dimension-size-500),1fr)minmax(0,auto);-ms-grid-rows:1fr var(--spectrum-card-quiet-body-header-margin-top,var(--spectrum-global-dimension-size-175))var(--spectrum-actionbutton-height,var(--spectrum-alias-single-line-height))var(--spectrum-alias-single-line-height,var(--spectrum-global-dimension-size-400));grid-template-rows:1fr var(--spectrum-card-quiet-body-header-margin-top,var(--spectrum-global-dimension-size-175))var(--spectrum-actionbutton-height,var(--spectrum-alias-single-line-height))var(--spectrum-alias-single-line-height,var(--spectrum-global-dimension-size-400));grid-template-areas:"preview preview preview"". . .""title detail.""content content content";display:grid}.spectrum-Card--gallery_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-grid_6fdf9f:before{content:" ";border-radius:var(--spectrum-card-quiet-border-radius,var(--spectrum-alias-border-radius-regular));grid-area:preview}[dir=ltr] .spectrum-Card--gallery_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-grid_6fdf9f:after{left:0}[dir=rtl] .spectrum-Card--gallery_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-grid_6fdf9f:after,[dir=ltr] .spectrum-Card--gallery_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-grid_6fdf9f:after{right:0}[dir=rtl] .spectrum-Card--gallery_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-grid_6fdf9f:after{left:0}.spectrum-Card--gallery_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-grid_6fdf9f:after{content:" ";margin:calc(var(--spectrum-alias-focus-ring-gap,var(--spectrum-global-dimension-static-size-25))*-2);border-radius:calc(var(--spectrum-card-quiet-border-radius,var(--spectrum-alias-border-radius-regular)) + var(--spectrum-alias-focus-ring-gap,var(--spectrum-global-dimension-static-size-25)));grid-area:preview;position:absolute;top:0;bottom:0}.spectrum-Card--gallery_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-grid_6fdf9f .spectrum-Card-decoration_6fdf9f{width:100%;height:100%;border-radius:var(--spectrum-card-quiet-border-radius,var(--spectrum-alias-border-radius-regular));grid-area:preview;display:block}.spectrum-Card--gallery_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-image_6fdf9f,.spectrum-Card--gallery_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-illustration_6fdf9f{height:100%;width:100%;min-width:100%;-ms-grid-row-align:center;border-radius:var(--spectrum-card-quiet-border-radius,var(--spectrum-alias-border-radius-regular));place-self:center}.spectrum-Card--gallery_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-image_6fdf9f>img,.spectrum-Card--gallery_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-illustration_6fdf9f>img{width:unset;margin:auto}.spectrum-Card--gallery_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-illustration_6fdf9f{display:-ms-grid;-ms-grid-column-align:center;place-items:center;display:grid}.spectrum-Card--gallery_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-avatar_6fdf9f{display:none}[dir=ltr] .spectrum-Card--gallery_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-heading_6fdf9f{margin-right:var(--spectrum-card-title-padding-right,var(--spectrum-global-dimension-size-100))}[dir=rtl] .spectrum-Card--gallery_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-heading_6fdf9f{margin-left:var(--spectrum-card-title-padding-right,var(--spectrum-global-dimension-size-100))}.spectrum-Card--gallery_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-heading_6fdf9f{white-space:nowrap;text-overflow:ellipsis;align-self:baseline;overflow:hidden}[dir=ltr] .spectrum-Card--gallery_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-detail_6fdf9f{margin-right:var(--spectrum-card-title-padding-right,var(--spectrum-global-dimension-size-100))}[dir=rtl] .spectrum-Card--gallery_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-detail_6fdf9f{margin-left:var(--spectrum-card-title-padding-right,var(--spectrum-global-dimension-size-100))}.spectrum-Card--gallery_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-detail_6fdf9f{white-space:nowrap;text-overflow:ellipsis;align-self:baseline;overflow:hidden}.spectrum-Card--gallery_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-content_6fdf9f{white-space:nowrap;text-overflow:ellipsis;margin-bottom:5px}.spectrum-Card--grid_6fdf9f.spectrum-Card--isQuiet_6fdf9f{min-width:var(--spectrum-card-quiet-min-size,var(--spectrum-global-dimension-size-1700))}.spectrum-Card--grid_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-checkboxWrapper_6fdf9f{z-index:3}.spectrum-Card--grid_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-grid_6fdf9f:before{z-index:-1}.spectrum-Card--grid_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-grid_6fdf9f:after{z-index:2}.spectrum-Card--grid_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-grid_6fdf9f{height:100%;display:-ms-grid;-ms-grid-columns:minmax(0,auto)minmax(var(--spectrum-global-dimension-size-500),1fr)minmax(0,auto);grid-template-columns:minmax(0,auto)minmax(var(--spectrum-global-dimension-size-500),1fr)minmax(0,auto);-ms-grid-rows:auto var(--spectrum-card-quiet-body-header-margin-top,var(--spectrum-global-dimension-size-175))minmax(var(--spectrum-actionbutton-height,var(--spectrum-alias-single-line-height)),auto)var(--spectrum-alias-single-line-height,var(--spectrum-global-dimension-size-400))1fr;grid-template-rows:auto var(--spectrum-card-quiet-body-header-margin-top,var(--spectrum-global-dimension-size-175))minmax(var(--spectrum-actionbutton-height,var(--spectrum-alias-single-line-height)),auto)var(--spectrum-alias-single-line-height,var(--spectrum-global-dimension-size-400))1fr;grid-template-areas:"preview preview preview"". . .""title detail.""content content content"". . .";display:grid}.spectrum-Card--grid_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-grid_6fdf9f:before{content:" ";width:0;height:0;border-radius:var(--spectrum-card-quiet-border-radius,var(--spectrum-alias-border-radius-regular));grid-area:preview;padding-top:100%;padding-left:100%}[dir=ltr] .spectrum-Card--grid_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-grid_6fdf9f:after{left:0}[dir=rtl] .spectrum-Card--grid_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-grid_6fdf9f:after,[dir=ltr] .spectrum-Card--grid_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-grid_6fdf9f:after{right:0}[dir=rtl] .spectrum-Card--grid_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-grid_6fdf9f:after{left:0}.spectrum-Card--grid_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-grid_6fdf9f:after{content:" ";margin:calc(var(--spectrum-alias-focus-ring-gap,var(--spectrum-global-dimension-static-size-25))*-2);border-radius:calc(var(--spectrum-card-quiet-border-radius,var(--spectrum-alias-border-radius-regular)) + var(--spectrum-alias-focus-ring-gap,var(--spectrum-global-dimension-static-size-25)));grid-area:preview;position:absolute;top:0;bottom:0}.spectrum-Card--grid_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-grid_6fdf9f .spectrum-Card-decoration_6fdf9f{width:100%;height:100%;border-radius:var(--spectrum-card-quiet-border-radius,var(--spectrum-alias-border-radius-regular));grid-area:preview;display:block}.spectrum-Card--grid_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-image_6fdf9f,.spectrum-Card--grid_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-illustration_6fdf9f{box-sizing:border-box;height:100%;width:100%;min-width:100%;-ms-grid-row-align:center;place-self:center}.spectrum-Card--grid_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-image_6fdf9f{-webkit-clip-path:inset(0% 0% 0% 0% round var(--spectrum-card-quiet-border-radius,var(--spectrum-alias-border-radius-regular)));clip-path:inset(0% 0% 0% 0% round var(--spectrum-card-quiet-border-radius,var(--spectrum-alias-border-radius-regular)));position:absolute}.spectrum-Card--grid_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-illustration_6fdf9f{display:-ms-grid;-ms-grid-column-align:center;place-items:center;display:grid}.spectrum-Card--grid_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-avatar_6fdf9f{display:none}[dir=ltr] .spectrum-Card--grid_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-heading_6fdf9f{margin-right:var(--spectrum-card-title-padding-right,var(--spectrum-global-dimension-size-100))}[dir=rtl] .spectrum-Card--grid_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-heading_6fdf9f{margin-left:var(--spectrum-card-title-padding-right,var(--spectrum-global-dimension-size-100))}.spectrum-Card--grid_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-heading_6fdf9f{white-space:nowrap;text-overflow:ellipsis;align-self:baseline;overflow:hidden}[dir=ltr] .spectrum-Card--grid_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-detail_6fdf9f{margin-right:var(--spectrum-card-title-padding-right,var(--spectrum-global-dimension-size-100))}[dir=rtl] .spectrum-Card--grid_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-detail_6fdf9f{margin-left:var(--spectrum-card-title-padding-right,var(--spectrum-global-dimension-size-100))}.spectrum-Card--grid_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-detail_6fdf9f{white-space:nowrap;text-overflow:ellipsis;align-self:baseline;overflow:hidden}.spectrum-Card--grid_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-content_6fdf9f{white-space:nowrap;text-overflow:ellipsis;margin-bottom:5px}.spectrum-Card--noLayout_6fdf9f.spectrum-Card--isQuiet_6fdf9f{min-width:var(--spectrum-card-quiet-min-size,var(--spectrum-global-dimension-size-1700))}.spectrum-Card--noLayout_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-checkboxWrapper_6fdf9f{z-index:3}.spectrum-Card--noLayout_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-grid_6fdf9f:before{z-index:-1}.spectrum-Card--noLayout_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-grid_6fdf9f:after{z-index:2}.spectrum-Card--noLayout_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-grid_6fdf9f{height:100%;display:-ms-grid;-ms-grid-columns:minmax(0,auto)minmax(var(--spectrum-global-dimension-size-500),1fr)minmax(0,auto);grid-template-columns:minmax(0,auto)minmax(var(--spectrum-global-dimension-size-500),1fr)minmax(0,auto);-ms-grid-rows:auto var(--spectrum-card-quiet-body-header-margin-top,var(--spectrum-global-dimension-size-175))minmax(var(--spectrum-actionbutton-height,var(--spectrum-alias-single-line-height)),auto)auto var(--spectrum-card-body-padding-bottom,var(--spectrum-global-dimension-size-250));grid-template-rows:auto var(--spectrum-card-quiet-body-header-margin-top,var(--spectrum-global-dimension-size-175))minmax(var(--spectrum-actionbutton-height,var(--spectrum-alias-single-line-height)),auto)auto var(--spectrum-card-body-padding-bottom,var(--spectrum-global-dimension-size-250));grid-template-areas:"preview preview preview"". . .""title detail.""content content content"". . .";display:grid}.spectrum-Card--noLayout_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-grid_6fdf9f:before{content:" ";border-radius:var(--spectrum-card-quiet-border-radius,var(--spectrum-alias-border-radius-regular));grid-area:preview}[dir=ltr] .spectrum-Card--noLayout_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-grid_6fdf9f:after{left:0}[dir=rtl] .spectrum-Card--noLayout_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-grid_6fdf9f:after,[dir=ltr] .spectrum-Card--noLayout_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-grid_6fdf9f:after{right:0}[dir=rtl] .spectrum-Card--noLayout_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-grid_6fdf9f:after{left:0}.spectrum-Card--noLayout_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-grid_6fdf9f:after{content:" ";margin:calc(var(--spectrum-alias-focus-ring-gap,var(--spectrum-global-dimension-static-size-25))*-2);padding:calc(var(--spectrum-alias-focus-ring-gap,var(--spectrum-global-dimension-static-size-25))*2);border-radius:calc(var(--spectrum-card-quiet-border-radius,var(--spectrum-alias-border-radius-regular)) + var(--spectrum-alias-focus-ring-gap,var(--spectrum-global-dimension-static-size-25)));background-clip:content-box;grid-area:preview;position:absolute;top:0;bottom:0}.spectrum-Card--noLayout_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-grid_6fdf9f .spectrum-Card-decoration_6fdf9f{width:100%;height:100%;border-radius:var(--spectrum-card-quiet-border-radius,var(--spectrum-alias-border-radius-regular));grid-area:preview;display:block}.spectrum-Card--noLayout_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-image_6fdf9f,.spectrum-Card--noLayout_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-illustration_6fdf9f{border-radius:var(--spectrum-card-quiet-border-radius,var(--spectrum-alias-border-radius-regular));place-self:center;display:flex}.spectrum-Card--noLayout_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-illustration_6fdf9f{display:-ms-grid;-ms-grid-column-align:center;width:100%;height:var(--spectrum-card-coverphoto-height,var(--spectrum-global-dimension-size-1700));place-items:center;display:grid}.spectrum-Card--noLayout_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-avatar_6fdf9f{display:none}[dir=ltr] .spectrum-Card--noLayout_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-heading_6fdf9f{margin-right:var(--spectrum-card-title-padding-right,var(--spectrum-global-dimension-size-100))}[dir=rtl] .spectrum-Card--noLayout_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-heading_6fdf9f{margin-left:var(--spectrum-card-title-padding-right,var(--spectrum-global-dimension-size-100))}.spectrum-Card--noLayout_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-heading_6fdf9f{align-self:baseline}[dir=ltr] .spectrum-Card--noLayout_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-detail_6fdf9f{margin-right:var(--spectrum-card-title-padding-right,var(--spectrum-global-dimension-size-100))}[dir=rtl] .spectrum-Card--noLayout_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-detail_6fdf9f{margin-left:var(--spectrum-card-title-padding-right,var(--spectrum-global-dimension-size-100))}.spectrum-Card--noLayout_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-detail_6fdf9f{white-space:nowrap;text-overflow:ellipsis;align-self:baseline;overflow:hidden}.spectrum-Card--noLayout_6fdf9f.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-content_6fdf9f{margin-bottom:5px}.spectrum-Card--grid_6fdf9f.spectrum-Card--horizontal_6fdf9f{border-width:var(--spectrum-card-border-size,var(--spectrum-alias-border-size-thin));border-radius:var(--spectrum-card-border-radius,var(--spectrum-alias-border-radius-regular));border-style:solid}.spectrum-Card--grid_6fdf9f.spectrum-Card--horizontal_6fdf9f .spectrum-Card-grid_6fdf9f:after{z-index:2}.spectrum-Card--grid_6fdf9f.spectrum-Card--horizontal_6fdf9f .spectrum-Card-checkboxWrapper_6fdf9f,.spectrum-Card--grid_6fdf9f.spectrum-Card--horizontal_6fdf9f.is-focused_6fdf9f .spectrum-Card-checkboxWrapper_6fdf9f,.spectrum-Card--grid_6fdf9f.spectrum-Card--horizontal_6fdf9f.is-selected_6fdf9f .spectrum-Card-checkboxWrapper_6fdf9f,.spectrum-Card--grid_6fdf9f.spectrum-Card--horizontal_6fdf9f.is-hovered_6fdf9f .spectrum-Card-checkboxWrapper_6fdf9f{display:none}.spectrum-Card--grid_6fdf9f.spectrum-Card--horizontal_6fdf9f .spectrum-Card-grid_6fdf9f{display:-ms-grid;height:100%;-ms-grid-columns:auto var(--spectrum-global-dimension-size-200)1fr auto var(--spectrum-global-dimension-size-200);grid-template-columns:auto var(--spectrum-global-dimension-size-200)1fr auto var(--spectrum-global-dimension-size-200);-ms-grid-rows:var(--spectrum-global-dimension-size-400)1fr var(--spectrum-global-dimension-size-200);grid-template-rows:var(--spectrum-global-dimension-size-400)1fr var(--spectrum-global-dimension-size-200);grid-template-areas:"preview.title. .""preview.content content.""preview. . . .";display:grid}.spectrum-Card--grid_6fdf9f.spectrum-Card--horizontal_6fdf9f .spectrum-Card-grid_6fdf9f:before{content:" ";width:100%;height:100%;border-radius:var(--spectrum-card-border-radius,var(--spectrum-alias-border-radius-regular));position:absolute}[dir=ltr] .spectrum-Card--grid_6fdf9f.spectrum-Card--horizontal_6fdf9f .spectrum-Card-image_6fdf9f,[dir=ltr] .spectrum-Card--grid_6fdf9f.spectrum-Card--horizontal_6fdf9f .spectrum-Card-illustration_6fdf9f{border-top-left-radius:var(--spectrum-card-border-radius,var(--spectrum-alias-border-radius-regular))}[dir=rtl] .spectrum-Card--grid_6fdf9f.spectrum-Card--horizontal_6fdf9f .spectrum-Card-image_6fdf9f,[dir=rtl] .spectrum-Card--grid_6fdf9f.spectrum-Card--horizontal_6fdf9f .spectrum-Card-illustration_6fdf9f{border-top-right-radius:var(--spectrum-card-border-radius,var(--spectrum-alias-border-radius-regular))}[dir=ltr] .spectrum-Card--grid_6fdf9f.spectrum-Card--horizontal_6fdf9f .spectrum-Card-image_6fdf9f,[dir=ltr] .spectrum-Card--grid_6fdf9f.spectrum-Card--horizontal_6fdf9f .spectrum-Card-illustration_6fdf9f{border-bottom-left-radius:var(--spectrum-card-border-radius,var(--spectrum-alias-border-radius-regular))}[dir=rtl] .spectrum-Card--grid_6fdf9f.spectrum-Card--horizontal_6fdf9f .spectrum-Card-image_6fdf9f,[dir=rtl] .spectrum-Card--grid_6fdf9f.spectrum-Card--horizontal_6fdf9f .spectrum-Card-illustration_6fdf9f{border-bottom-right-radius:var(--spectrum-card-border-radius,var(--spectrum-alias-border-radius-regular))}[dir=ltr] .spectrum-Card--grid_6fdf9f.spectrum-Card--horizontal_6fdf9f .spectrum-Card-image_6fdf9f,[dir=ltr] .spectrum-Card--grid_6fdf9f.spectrum-Card--horizontal_6fdf9f .spectrum-Card-illustration_6fdf9f{border-right-width:var(--spectrum-card-border-size,var(--spectrum-alias-border-size-thin))}[dir=rtl] .spectrum-Card--grid_6fdf9f.spectrum-Card--horizontal_6fdf9f .spectrum-Card-image_6fdf9f,[dir=rtl] .spectrum-Card--grid_6fdf9f.spectrum-Card--horizontal_6fdf9f .spectrum-Card-illustration_6fdf9f{border-left-width:var(--spectrum-card-border-size,var(--spectrum-alias-border-size-thin))}[dir=ltr] .spectrum-Card--grid_6fdf9f.spectrum-Card--horizontal_6fdf9f .spectrum-Card-image_6fdf9f,[dir=ltr] .spectrum-Card--grid_6fdf9f.spectrum-Card--horizontal_6fdf9f .spectrum-Card-illustration_6fdf9f{border-right-style:solid}[dir=rtl] .spectrum-Card--grid_6fdf9f.spectrum-Card--horizontal_6fdf9f .spectrum-Card-image_6fdf9f,[dir=rtl] .spectrum-Card--grid_6fdf9f.spectrum-Card--horizontal_6fdf9f .spectrum-Card-illustration_6fdf9f{border-left-style:solid}.spectrum-Card--grid_6fdf9f.spectrum-Card--horizontal_6fdf9f .spectrum-Card-image_6fdf9f,.spectrum-Card--grid_6fdf9f.spectrum-Card--horizontal_6fdf9f .spectrum-Card-illustration_6fdf9f{height:100%;-ms-grid-row-align:center;grid-area:preview;place-self:center}.spectrum-Card--grid_6fdf9f.spectrum-Card--horizontal_6fdf9f .spectrum-Card-illustration_6fdf9f{display:-ms-grid;-ms-grid-column-align:center;place-items:center;display:grid}.spectrum-Card--grid_6fdf9f.spectrum-Card--horizontal_6fdf9f .spectrum-Card-avatar_6fdf9f{display:none}[dir=ltr] .spectrum-Card--grid_6fdf9f.spectrum-Card--horizontal_6fdf9f .spectrum-Card-heading_6fdf9f{margin-right:var(--spectrum-card-title-padding-right,var(--spectrum-global-dimension-size-100))}[dir=rtl] .spectrum-Card--grid_6fdf9f.spectrum-Card--horizontal_6fdf9f .spectrum-Card-heading_6fdf9f{margin-left:var(--spectrum-card-title-padding-right,var(--spectrum-global-dimension-size-100))}.spectrum-Card--grid_6fdf9f.spectrum-Card--horizontal_6fdf9f .spectrum-Card-heading_6fdf9f{-ms-grid-row-align:center;white-space:nowrap;text-overflow:ellipsis;align-self:center;overflow:hidden}.spectrum-Card--grid_6fdf9f.spectrum-Card--horizontal_6fdf9f .spectrum-Card-detail_6fdf9f{display:none}.spectrum-Card--grid_6fdf9f.spectrum-Card--horizontal_6fdf9f .spectrum-Card-content_6fdf9f{width:100%;-webkit-line-clamp:2;visibility:visible;display:-webkit-box;overflow:hidden}.spectrum-Card--noLayout_6fdf9f.spectrum-Card--horizontal_6fdf9f{border-width:var(--spectrum-card-border-size,var(--spectrum-alias-border-size-thin));border-radius:var(--spectrum-card-border-radius,var(--spectrum-alias-border-radius-regular));border-style:solid}.spectrum-Card--noLayout_6fdf9f.spectrum-Card--horizontal_6fdf9f .spectrum-Card-grid_6fdf9f:after{z-index:2}.spectrum-Card--noLayout_6fdf9f.spectrum-Card--horizontal_6fdf9f .spectrum-Card-checkboxWrapper_6fdf9f,.spectrum-Card--noLayout_6fdf9f.spectrum-Card--horizontal_6fdf9f.is-focused_6fdf9f .spectrum-Card-checkboxWrapper_6fdf9f,.spectrum-Card--noLayout_6fdf9f.spectrum-Card--horizontal_6fdf9f.is-selected_6fdf9f .spectrum-Card-checkboxWrapper_6fdf9f,.spectrum-Card--noLayout_6fdf9f.spectrum-Card--horizontal_6fdf9f.is-hovered_6fdf9f .spectrum-Card-checkboxWrapper_6fdf9f{display:none}.spectrum-Card--noLayout_6fdf9f.spectrum-Card--horizontal_6fdf9f .spectrum-Card-grid_6fdf9f{display:-ms-grid;height:100%;max-height:100%;-ms-grid-columns:auto var(--spectrum-global-dimension-size-200)1fr auto var(--spectrum-global-dimension-size-200);grid-template-columns:auto var(--spectrum-global-dimension-size-200)1fr auto var(--spectrum-global-dimension-size-200);-ms-grid-rows:var(--spectrum-global-dimension-size-400)1fr var(--spectrum-global-dimension-size-200);grid-template-rows:var(--spectrum-global-dimension-size-400)1fr var(--spectrum-global-dimension-size-200);grid-template-areas:"preview.title. .""preview.content content.""preview. . . .";display:grid;position:relative}.spectrum-Card--noLayout_6fdf9f.spectrum-Card--horizontal_6fdf9f .spectrum-Card-grid_6fdf9f:before,.spectrum-Card--noLayout_6fdf9f.spectrum-Card--horizontal_6fdf9f .spectrum-Card-grid_6fdf9f:after{content:" ";width:100%;height:100%;border-radius:var(--spectrum-card-border-radius,var(--spectrum-alias-border-radius-regular));position:absolute}[dir=ltr] .spectrum-Card--noLayout_6fdf9f.spectrum-Card--horizontal_6fdf9f .spectrum-Card-image_6fdf9f,[dir=ltr] .spectrum-Card--noLayout_6fdf9f.spectrum-Card--horizontal_6fdf9f .spectrum-Card-illustration_6fdf9f{border-top-left-radius:var(--spectrum-card-border-radius,var(--spectrum-alias-border-radius-regular))}[dir=rtl] .spectrum-Card--noLayout_6fdf9f.spectrum-Card--horizontal_6fdf9f .spectrum-Card-image_6fdf9f,[dir=rtl] .spectrum-Card--noLayout_6fdf9f.spectrum-Card--horizontal_6fdf9f .spectrum-Card-illustration_6fdf9f{border-top-right-radius:var(--spectrum-card-border-radius,var(--spectrum-alias-border-radius-regular))}[dir=ltr] .spectrum-Card--noLayout_6fdf9f.spectrum-Card--horizontal_6fdf9f .spectrum-Card-image_6fdf9f,[dir=ltr] .spectrum-Card--noLayout_6fdf9f.spectrum-Card--horizontal_6fdf9f .spectrum-Card-illustration_6fdf9f{border-bottom-left-radius:var(--spectrum-card-border-radius,var(--spectrum-alias-border-radius-regular))}[dir=rtl] .spectrum-Card--noLayout_6fdf9f.spectrum-Card--horizontal_6fdf9f .spectrum-Card-image_6fdf9f,[dir=rtl] .spectrum-Card--noLayout_6fdf9f.spectrum-Card--horizontal_6fdf9f .spectrum-Card-illustration_6fdf9f{border-bottom-right-radius:var(--spectrum-card-border-radius,var(--spectrum-alias-border-radius-regular))}[dir=ltr] .spectrum-Card--noLayout_6fdf9f.spectrum-Card--horizontal_6fdf9f .spectrum-Card-image_6fdf9f,[dir=ltr] .spectrum-Card--noLayout_6fdf9f.spectrum-Card--horizontal_6fdf9f .spectrum-Card-illustration_6fdf9f{border-right-width:var(--spectrum-card-border-size,var(--spectrum-alias-border-size-thin))}[dir=rtl] .spectrum-Card--noLayout_6fdf9f.spectrum-Card--horizontal_6fdf9f .spectrum-Card-image_6fdf9f,[dir=rtl] .spectrum-Card--noLayout_6fdf9f.spectrum-Card--horizontal_6fdf9f .spectrum-Card-illustration_6fdf9f{border-left-width:var(--spectrum-card-border-size,var(--spectrum-alias-border-size-thin))}[dir=ltr] .spectrum-Card--noLayout_6fdf9f.spectrum-Card--horizontal_6fdf9f .spectrum-Card-image_6fdf9f,[dir=ltr] .spectrum-Card--noLayout_6fdf9f.spectrum-Card--horizontal_6fdf9f .spectrum-Card-illustration_6fdf9f{border-right-style:solid}[dir=rtl] .spectrum-Card--noLayout_6fdf9f.spectrum-Card--horizontal_6fdf9f .spectrum-Card-image_6fdf9f,[dir=rtl] .spectrum-Card--noLayout_6fdf9f.spectrum-Card--horizontal_6fdf9f .spectrum-Card-illustration_6fdf9f{border-left-style:solid}.spectrum-Card--noLayout_6fdf9f.spectrum-Card--horizontal_6fdf9f .spectrum-Card-image_6fdf9f,.spectrum-Card--noLayout_6fdf9f.spectrum-Card--horizontal_6fdf9f .spectrum-Card-illustration_6fdf9f{height:100%;-ms-grid-row-align:center;grid-area:preview;place-self:center}.spectrum-Card--noLayout_6fdf9f.spectrum-Card--horizontal_6fdf9f .spectrum-Card-illustration_6fdf9f{display:-ms-grid;-ms-grid-column-align:center;place-items:center;display:grid}.spectrum-Card--noLayout_6fdf9f.spectrum-Card--horizontal_6fdf9f .spectrum-Card-avatar_6fdf9f{display:none}[dir=ltr] .spectrum-Card--noLayout_6fdf9f.spectrum-Card--horizontal_6fdf9f .spectrum-Card-heading_6fdf9f{margin-right:var(--spectrum-card-title-padding-right,var(--spectrum-global-dimension-size-100))}[dir=rtl] .spectrum-Card--noLayout_6fdf9f.spectrum-Card--horizontal_6fdf9f .spectrum-Card-heading_6fdf9f{margin-left:var(--spectrum-card-title-padding-right,var(--spectrum-global-dimension-size-100))}.spectrum-Card--noLayout_6fdf9f.spectrum-Card--horizontal_6fdf9f .spectrum-Card-heading_6fdf9f{-ms-grid-row-align:center;white-space:nowrap;text-overflow:ellipsis;align-self:center;overflow:hidden}.spectrum-Card--noLayout_6fdf9f.spectrum-Card--horizontal_6fdf9f .spectrum-Card-detail_6fdf9f{display:none}.spectrum-Card--noLayout_6fdf9f.spectrum-Card--horizontal_6fdf9f .spectrum-Card-content_6fdf9f{width:100%;-webkit-line-clamp:2;visibility:visible;display:-webkit-box;overflow:hidden}.spectrum-CardView_6fdf9f{outline:0}.spectrum-CardView_6fdf9f .spectrum-CardView-centeredWrapper_6fdf9f{width:100%;height:100%;justify-content:center;align-items:center;display:flex}.spectrum-CardView_6fdf9f .spectrum-CardView-row_6fdf9f{height:100%;outline:0}.spectrum-Card_6fdf9f.is-drop-target_6fdf9f{border-color:var(--spectrum-card-border-color-key-focus,var(--spectrum-alias-border-color-focus));box-shadow:0 0 0 1px var(--spectrum-card-border-color-key-focus,var(--spectrum-alias-border-color-focus));background-color:var(--spectrum-alias-highlight-selected)}.spectrum-Card_6fdf9f .spectrum-Card-checkboxWrapper_6fdf9f{background-color:var(--spectrum-quickactions-background-color,var(--spectrum-alias-background-color-quickactions))}.spectrum-Card_6fdf9f .spectrum-Card-detail_6fdf9f{color:var(--spectrum-card-description-text-color,var(--spectrum-global-color-gray-700))}.spectrum-Card-heading_6fdf9f{color:var(--spectrum-global-color-gray-900)}.spectrum-Card-detail_6fdf9f,.spectrum-Card-content_6fdf9f{color:var(--spectrum-global-color-gray-700)}.spectrum-Card--default_6fdf9f{border-color:var(--spectrum-card-border-color,var(--spectrum-global-color-gray-200));background-color:var(--spectrum-card-background-color,var(--spectrum-global-color-gray-50))}.spectrum-Card--default_6fdf9f.is-hovered_6fdf9f{border-color:var(--spectrum-card-border-color-hover,var(--spectrum-global-color-gray-400))}.spectrum-Card--default_6fdf9f.is-hovered_6fdf9f:before{box-shadow:0 0 0 1px var(--spectrum-card-border-color-hover,var(--spectrum-global-color-gray-400))}.spectrum-Card--default_6fdf9f.is-selected_6fdf9f{border-color:var(--spectrum-card-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-Card--default_6fdf9f.is-selected_6fdf9f:before{box-shadow:0 0 0 1px var(--spectrum-card-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-Card--default_6fdf9f.is-hovered_6fdf9f.is-selected_6fdf9f{border-color:var(--spectrum-card-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-Card--default_6fdf9f.is-hovered_6fdf9f.is-selected_6fdf9f:before{box-shadow:0 0 0 1px var(--spectrum-card-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-Card--default_6fdf9f.focus-ring_6fdf9f{border-color:var(--spectrum-card-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-Card--default_6fdf9f.focus-ring_6fdf9f:before{box-shadow:0 0 0 2px var(--spectrum-card-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-Card--default_6fdf9f.focus-ring_6fdf9f.is-hovered_6fdf9f.is-selected_6fdf9f{border-color:var(--spectrum-card-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-Card--default_6fdf9f.focus-ring_6fdf9f.is-hovered_6fdf9f.is-selected_6fdf9f:before{box-shadow:0 0 0 2px var(--spectrum-card-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-Card--default_6fdf9f.is-selected_6fdf9f{border-color:var(--spectrum-card-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-Card--default_6fdf9f.is-selected_6fdf9f:after{background-color:var(--spectrum-global-color-blue-400);opacity:.15}.spectrum-Card--default_6fdf9f.is-selected_6fdf9f.is-hovered_6fdf9f{border-color:var(--spectrum-card-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-Card--default_6fdf9f.is-selected_6fdf9f.is-hovered_6fdf9f:after{background-color:var(--spectrum-global-color-blue-400);opacity:.25}.spectrum-Card--default_6fdf9f:before{transition:background-color var(--spectrum-global-animation-duration-100,130ms)}.spectrum-Card--default_6fdf9f:after{transition:background-color var(--spectrum-global-animation-duration-100,130ms),opacity var(--spectrum-global-animation-duration-100,130ms);opacity:0}.spectrum-Card--default_6fdf9f .spectrum-Card-grid_6fdf9f:before{transition:background-color var(--spectrum-global-animation-duration-100,130ms);background-color:var(--spectrum-card-quiet-preview-background-color,var(--spectrum-global-color-gray-200))}.spectrum-Card--default_6fdf9f .spectrum-Card-image_6fdf9f,.spectrum-Card--default_6fdf9f .spectrum-Card-illustration_6fdf9f{border-bottom-color:var(--spectrum-card-coverphoto-border-color,var(--spectrum-global-color-gray-200))}.spectrum-Card--default_6fdf9f .spectrum-Card-content_6fdf9f{color:var(--spectrum-card-description-text-color,var(--spectrum-global-color-gray-700))}.spectrum-Card--isQuiet_6fdf9f{background-color:#0000;border-color:#0000}.spectrum-Card--isQuiet_6fdf9f.is-hovered_6fdf9f .spectrum-Card-grid_6fdf9f:before{background-color:var(--spectrum-card-quiet-preview-background-color-hover,var(--spectrum-global-color-gray-300));box-shadow:0 0 0 1px var(--spectrum-card-border-color-hover,var(--spectrum-global-color-gray-400))}.spectrum-Card--isQuiet_6fdf9f.is-selected_6fdf9f .spectrum-Card-grid_6fdf9f:after,.spectrum-Card--isQuiet_6fdf9f.is-hovered_6fdf9f.is-selected_6fdf9f .spectrum-Card-grid_6fdf9f:after{box-shadow:0 0 0 1px var(--spectrum-card-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-Card--isQuiet_6fdf9f.focus-ring_6fdf9f .spectrum-Card-grid_6fdf9f:after,.spectrum-Card--isQuiet_6fdf9f.focus-ring_6fdf9f.is-hovered_6fdf9f.is-selected_6fdf9f .spectrum-Card-grid_6fdf9f:after{box-shadow:0 0 0 2px var(--spectrum-card-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-Card--isQuiet_6fdf9f.is-selected_6fdf9f .spectrum-Card-grid_6fdf9f .spectrum-Card-decoration_6fdf9f{opacity:.15}.spectrum-Card--isQuiet_6fdf9f.is-selected_6fdf9f.is-hovered_6fdf9f .spectrum-Card-grid_6fdf9f .spectrum-Card-decoration_6fdf9f{opacity:.25}.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-grid_6fdf9f:before{transition:background-color var(--spectrum-global-animation-duration-100,130ms);background-color:var(--spectrum-card-quiet-preview-background-color,var(--spectrum-global-color-gray-200))}.spectrum-Card--isQuiet_6fdf9f .spectrum-Card-decoration_6fdf9f{transition:background-color var(--spectrum-global-animation-duration-100,130ms),opacity var(--spectrum-global-animation-duration-100,130ms);background-color:var(--spectrum-global-color-blue-400);opacity:0}.spectrum-Card--horizontal_6fdf9f{border-color:var(--spectrum-card-border-color,var(--spectrum-global-color-gray-200));background-color:var(--spectrum-card-background-color,var(--spectrum-global-color-gray-50))}.spectrum-Card--horizontal_6fdf9f.is-hovered_6fdf9f{border-color:var(--spectrum-card-border-color-hover,var(--spectrum-global-color-gray-400))}.spectrum-Card--horizontal_6fdf9f.is-hovered_6fdf9f .spectrum-Card-grid_6fdf9f:before{box-shadow:0 0 0 1px var(--spectrum-card-border-color-hover,var(--spectrum-global-color-gray-400))}.spectrum-Card--horizontal_6fdf9f.is-selected_6fdf9f{border-color:var(--spectrum-card-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-Card--horizontal_6fdf9f.is-selected_6fdf9f .spectrum-Card-grid_6fdf9f:before{box-shadow:0 0 0 1px var(--spectrum-card-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-Card--horizontal_6fdf9f.is-hovered_6fdf9f.is-selected_6fdf9f{border-color:var(--spectrum-card-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-Card--horizontal_6fdf9f.is-hovered_6fdf9f.is-selected_6fdf9f .spectrum-Card-grid_6fdf9f:before{box-shadow:0 0 0 1px var(--spectrum-card-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-Card--horizontal_6fdf9f.focus-ring_6fdf9f{border-color:var(--spectrum-card-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-Card--horizontal_6fdf9f.focus-ring_6fdf9f .spectrum-Card-grid_6fdf9f:before{box-shadow:0 0 0 2px var(--spectrum-card-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-Card--horizontal_6fdf9f.focus-ring_6fdf9f.is-hovered_6fdf9f.is-selected_6fdf9f{border-color:var(--spectrum-card-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-Card--horizontal_6fdf9f.focus-ring_6fdf9f.is-hovered_6fdf9f.is-selected_6fdf9f .spectrum-Card-grid_6fdf9f:before{box-shadow:0 0 0 2px var(--spectrum-card-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-Card--horizontal_6fdf9f.is-selected_6fdf9f{border-color:var(--spectrum-card-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-Card--horizontal_6fdf9f.is-selected_6fdf9f .spectrum-Card-grid_6fdf9f:after{background-color:var(--spectrum-global-color-blue-400);opacity:.15}.spectrum-Card--horizontal_6fdf9f.is-selected_6fdf9f.is-hovered_6fdf9f{border-color:var(--spectrum-card-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-Card--horizontal_6fdf9f.is-selected_6fdf9f.is-hovered_6fdf9f .spectrum-Card-grid_6fdf9f:after{background-color:var(--spectrum-global-color-blue-400);opacity:.25}.spectrum-Card--horizontal_6fdf9f .spectrum-Card-grid_6fdf9f:after{transition:background-color var(--spectrum-global-animation-duration-100,130ms),opacity var(--spectrum-global-animation-duration-100,130ms);opacity:0}[dir=ltr] .spectrum-Card--horizontal_6fdf9f .spectrum-Card-image_6fdf9f,[dir=ltr] .spectrum-Card--horizontal_6fdf9f .spectrum-Card-illustration_6fdf9f{border-right-color:var(--spectrum-card-coverphoto-border-color,var(--spectrum-global-color-gray-200))}[dir=rtl] .spectrum-Card--horizontal_6fdf9f .spectrum-Card-image_6fdf9f,[dir=rtl] .spectrum-Card--horizontal_6fdf9f .spectrum-Card-illustration_6fdf9f{border-left-color:var(--spectrum-card-coverphoto-border-color,var(--spectrum-global-color-gray-200))}