.card{box-sizing:border-box;border:var(--border-width-default) solid var(--border-subtle);border-radius:var(--radius-surface);background:var(--bg-surface-default);min-width:0;color:var(--text-default);transition:box-shadow var(--motion-duration-fast) var(--motion-easing-standard);flex-direction:column;display:flex;position:relative;overflow:clip}.card--linked:hover,.card--linked[data-force=hover]{box-shadow:var(--elevation-raised)}.card--linked[data-force=focus]{outline:var(--border-width-focus) solid var(--border-focus);outline-offset:var(--depth-050)}.card--linked:has(.card__link:focus-visible){outline:var(--border-width-focus) solid var(--border-focus);outline-offset:var(--depth-050)}.card__text{gap:var(--space-050);overflow-wrap:break-word;flex-direction:column;min-width:0;display:flex}.card__title{font-family:var(--type-heading-xs-family);font-weight:var(--type-heading-xs-weight);font-size:var(--type-heading-xs-size);line-height:var(--type-heading-xs-line-height);letter-spacing:var(--type-heading-xs-letter-spacing);color:var(--text-default);margin:0}.card__desc{font-family:var(--type-body-base-family);font-weight:var(--type-body-base-weight);font-size:var(--type-body-base-size);line-height:var(--type-body-base-line-height);letter-spacing:var(--type-body-base-letter-spacing);color:var(--text-subtle);margin:0}.card__link{color:inherit;text-decoration:none}.card__link:focus{outline:none}.card__link:after{content:"";position:absolute;inset:0}.card__action,.card__corner{z-index:var(--z-index-raised);position:relative}.card__body{justify-content:center;gap:var(--space-400);min-width:0;padding:var(--space-600);flex-direction:column;flex:auto;display:flex}@media (prefers-reduced-motion:reduce){.card{transition:none}}.card-media__frame{flex:none;display:flex}.card-media__media{background:var(--bg-grey-subtler);flex:auto;overflow:hidden}.card-media__media img{object-fit:cover;width:100%;height:100%;display:block}.card-media__placeholder{width:100%;height:100%;color:var(--icon-tertiary);place-items:center;display:grid}.card-media--vertical .card-media__media{height:var(--size-component-card-media-height)}.card-media--horizontal{min-height:var(--size-component-card-media-height);flex-direction:row}.card-media--horizontal .card-media__frame{width:var(--size-component-card-media-width)}.card-media--inset .card-media__frame{padding:var(--space-400)}.card-media--inset .card-media__media{border-radius:var(--radius-item)}.card-media--thumbnail{gap:var(--space-400);padding:var(--space-400)}.card-media--thumbnail.card-media--horizontal{align-items:flex-start;min-height:0}.card-media--thumbnail .card-media__frame{width:auto}.card-media--thumbnail .card-media__media{width:var(--size-component-card-thumbnail);height:var(--size-component-card-thumbnail);border-radius:var(--radius-small);flex:none}.card-media--thumbnail .card__body{padding:0}.card-simple{gap:var(--space-400);padding:var(--space-600)}.card-simple--left{flex-direction:row;align-items:flex-start}.card-simple__icon{width:var(--size-component-base);height:var(--size-component-base);border-radius:var(--corner-pill);background:var(--bg-brand-subtlest);color:var(--icon-brand-default);flex:none;justify-content:center;align-items:center;display:inline-flex}.card-simple .card__body{padding:0}.card-account{align-items:center;gap:var(--space-400);padding:var(--space-600);text-align:center}.card-account .card__text{align-self:stretch;gap:0}.card-account__subtitle{font-family:var(--type-sl-base-400-family);font-weight:var(--type-sl-base-400-weight);font-size:var(--type-sl-base-400-size);line-height:var(--type-sl-base-400-line-height);letter-spacing:var(--type-sl-base-400-letter-spacing);color:var(--text-subtle);margin:0}.card-account .card__corner{top:var(--space-300);right:var(--space-300);position:absolute}.card-media--vertical.card-media--inset .card-media__frame{padding:var(--space-300)}.card-media--vertical.card-media--inset .card__body{padding-top:var(--space-100)}.pg-panel{gap:var(--space-600);padding:var(--space-600);border:var(--border-width-default) solid var(--border-subtle);border-radius:var(--radius-panel);background:var(--bg-surface-raised);box-shadow:var(--elevation-floating);flex-direction:column;display:flex}.pg-panel__title{font-family:var(--type-heading-xs-family);font-size:var(--type-heading-xs-size);font-weight:var(--type-heading-xs-weight);line-height:var(--type-heading-xs-line-height);color:var(--text-default);margin:0}.pg-panel__group{gap:var(--space-300);border:0;flex-direction:column;min-width:0;margin:0;padding:0;display:flex}.pg-panel__group legend{margin-bottom:var(--space-300);font-family:var(--type-sl-sm-500-family);font-size:var(--type-sl-sm-500-size);font-weight:var(--type-sl-sm-500-weight);line-height:var(--type-sl-sm-500-line-height);color:var(--text-default);padding:0}.pg-panel__note{font-size:var(--font-size-100);line-height:var(--line-height-500);color:var(--text-secondary);margin:0}.pg-swatches{gap:var(--space-200);flex-wrap:wrap;display:flex}.pg-swatch{width:var(--size-component-small);height:var(--size-component-small);border-radius:var(--corner-pill);cursor:pointer;box-shadow:inset 0 0 0 var(--border-width-default) var(--border-subtle-alpha);transition:transform var(--motion-duration-fast) var(--motion-easing-standard);border:0;padding:0}.pg-swatch--picker{background:conic-gradient(var(--light-red-900), var(--light-orange-900), var(--light-green-900), var(--light-blue-900), var(--light-brand-1-900), var(--light-brand-2-900), var(--light-red-900));display:inline-block;position:relative;overflow:hidden}.pg-swatch--picker input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.pg-swatch--picker[data-active=true]{box-shadow:0 0 0 var(--border-width-strong) var(--bg-surface-raised), 0 0 0 var(--depth-100) var(--border-bold)}.pg-swatch--picker:focus-within{outline:var(--border-width-focus) solid var(--border-focus);outline-offset:var(--depth-100)}.pg-swatch:active{transform:scale(.94)}.pg-swatch[aria-pressed=true]{box-shadow:0 0 0 var(--border-width-strong) var(--bg-surface-raised), 0 0 0 var(--depth-100) var(--border-bold)}.pg-swatch:focus-visible{outline:var(--border-width-focus) solid var(--border-focus);outline-offset:var(--depth-100)}.pg-radius{gap:var(--space-200);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.pg-radius__tile{align-items:center;gap:var(--space-200);padding:var(--space-300) var(--space-200);border:var(--border-width-default) solid var(--border-subtle);border-radius:var(--radius-item);background:var(--bg-surface-default);color:var(--text-secondary);font:inherit;font-size:var(--font-size-100);cursor:pointer;flex-direction:column;display:flex}.pg-radius__tile[aria-pressed=true]{border-color:var(--border-bold);color:var(--text-default)}.pg-radius__tile:focus-visible{outline:var(--border-width-focus) solid var(--border-focus);outline-offset:var(--depth-050)}.pg-radius__corner{width:var(--size-component-small);height:var(--size-component-small);border-top:var(--border-width-strong) solid var(--icon-default);border-left:var(--border-width-strong) solid var(--icon-default);border-top-left-radius:var(--radius-field);background:var(--bg-brand-subtlest)}@media (hover:hover) and (pointer:fine){.pg-radius__tile:hover{background:var(--bg-neutral-hover)}}@media (prefers-reduced-motion:reduce){.pg-swatch{transition:none}}
