@react-spectrum/card 3.0.0-alpha.4 → 3.0.0-alpha.40

package/src/GalleryLayout.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");
@@ -109,6 +110,7 @@ export class GalleryLayout<T> extends BaseLayout<T> {
           if (widths[item[0]][1] > this.minItemSize.width) {
             // subtract the delta from the width, if it's still greater than the min width
             // then we have finished, subtract the delta permanently from that width
+            // eslint-disable-next-line max-depth
             if (widths[item[0]][1] - delta > this.minItemSize.width) {
               widths[item[0]][1] -= delta;
               delta = 0;
@@ -138,7 +140,7 @@ export class GalleryLayout<T> extends BaseLayout<T> {
     let y = this.margin;
     let availableWidth = visibleWidth - this.margin * 2;
 
-    // If avaliable width is not greater than 0, skip node layout calculations
+    // If available width is not greater than 0, skip node layout calculations
     if (availableWidth > 0) {
       // Compute aspect ratios for all of the items, and the total width if all items were on in a single row.
       let ratios = [];
@@ -219,7 +221,7 @@ export class GalleryLayout<T> extends BaseLayout<T> {
       if (this.isLoading) {
         let loaderY = y;
         let loaderHeight = 60;
-        // If there aren't any items, make loader take all avaliable room and remove margin from y calculation
+        // If there aren't any items, make loader take all available room and remove margin from y calculation
         // so it doesn't scroll
         if (this.collection.size === 0) {
           loaderY = 0;

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 {
   // /**
@@ -130,41 +131,6 @@ 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() {
     let visibleWidth = this.virtualizer.visibleRect.width;
     let visibleHeight = this.virtualizer.visibleRect.height;
@@ -255,7 +221,8 @@ 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) {
@@ -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 {
   /**
@@ -69,7 +70,7 @@ export class WaterfallLayout<T> extends BaseLayout<T> implements KeyboardDelegat
     return 'waterfall';
   }
 
-  buildCollection(invalidationContext: InvalidationContext<Node<T>, unknown>) {
+  buildCollection(invalidationContext: InvalidationContext) {
     // Compute the number of columns needed to display the content
     let visibleWidth = this.virtualizer.visibleRect.width;
     let availableWidth = visibleWidth - this.margin * 2;
@@ -207,7 +208,8 @@ 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) {
@@ -221,7 +223,8 @@ 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) {

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))}