From a5e26e1940a04713d2df2e9d20c66579067ba7b2 Mon Sep 17 00:00:00 2001
From: Sebastian Kull <sebastianKull@web.de>
Date: Wed, 9 Mar 2022 10:30:38 +0100
Subject: [PATCH 01/24] CABPI-199: send e-mail to newly created admin user

---
 .../Plugin/SendAdminCreatedMailPlugin.php     | 118 ++++++++++++++++++
 .../AdminAdobeIms/etc/adminhtml/di.xml        |   5 +
 app/code/Magento/AdminAdobeIms/etc/config.xml |   4 +
 .../AdminAdobeIms/etc/email_templates.xml     |  18 +++
 .../email/admin_adobe_ims_email_footer.html   |  25 ++++
 .../email/admin_adobe_ims_email_header.html   |  59 +++++++++
 .../new_admin_adobe_ims_admin_created.html    |  38 ++++++
 7 files changed, 267 insertions(+)
 create mode 100644 app/code/Magento/AdminAdobeIms/Plugin/SendAdminCreatedMailPlugin.php
 create mode 100644 app/code/Magento/AdminAdobeIms/etc/email_templates.xml
 create mode 100644 app/code/Magento/AdminAdobeIms/view/adminhtml/email/admin_adobe_ims_email_footer.html
 create mode 100644 app/code/Magento/AdminAdobeIms/view/adminhtml/email/admin_adobe_ims_email_header.html
 create mode 100644 app/code/Magento/AdminAdobeIms/view/adminhtml/email/new_admin_adobe_ims_admin_created.html

diff --git a/app/code/Magento/AdminAdobeIms/Plugin/SendAdminCreatedMailPlugin.php b/app/code/Magento/AdminAdobeIms/Plugin/SendAdminCreatedMailPlugin.php
new file mode 100644
index 0000000000000..f909aa7295539
--- /dev/null
+++ b/app/code/Magento/AdminAdobeIms/Plugin/SendAdminCreatedMailPlugin.php
@@ -0,0 +1,118 @@
+<?php
+
+namespace Magento\AdminAdobeIms\Plugin;
+
+use Magento\AdminAdobeIms\Service\ImsConfig;
+use Magento\Backend\App\Area\FrontNameResolver;
+use Magento\Backend\App\ConfigInterface;
+use Magento\Email\Model\BackendTemplate;
+use Magento\Framework\Exception\MailException;
+use Magento\Framework\Exception\NoSuchEntityException;
+use Magento\Framework\Mail\Template\TransportBuilder;
+use Magento\Store\Model\Store;
+use Magento\Store\Model\StoreManagerInterface;
+use Magento\User\Api\Data\UserInterface;
+use Magento\User\Model\Notificator;
+
+/**
+ * @copyright  Copyright (c) 2021 TechDivision GmbH (https://www.techdivision.com)
+ * @author     TechDivision Team Allstars <allstars@techdivision.com>
+ * @link       https://www.techdivision.com/
+ */
+class SendAdminCreatedMailPlugin
+{
+    /**
+     * @var TransportBuilder
+     */
+    private TransportBuilder $transportBuilder;
+
+    /**
+     * @var ConfigInterface
+     */
+    private ConfigInterface $config;
+
+    /**
+     * @var ImsConfig
+     */
+    private ImsConfig $imsConfig;
+
+    /**
+     * @var StoreManagerInterface
+     */
+    private StoreManagerInterface $storeManager;
+
+    /**
+     * @param TransportBuilder $transportBuilder
+     * @param ConfigInterface $config
+     * @param ImsConfig $imsConfig
+     * @param StoreManagerInterface $storeManager
+     */
+    public function __construct(
+        TransportBuilder $transportBuilder,
+        ConfigInterface $config,
+        ImsConfig $imsConfig,
+        StoreManagerInterface $storeManager
+    ) {
+        $this->transportBuilder = $transportBuilder;
+        $this->config = $config;
+        $this->imsConfig = $imsConfig;
+        $this->storeManager = $storeManager;
+    }
+
+    /**
+     * @param Notificator $subject
+     * @param null $result
+     * @param UserInterface $user
+     * @return void
+     * @throws MailException
+     * @throws NoSuchEntityException
+     */
+    public function afterSendCreated(Notificator $subject, $result, UserInterface $user): void
+    {
+        if (!$this->imsConfig->enabled()) {
+            return;
+        }
+
+        $this->sendNotificationEmail(
+            [
+                'user' => $user,
+                'store' => $this->storeManager->getStore(
+                    Store::DEFAULT_STORE_ID
+                )
+            ],
+            $user->getEmail(),
+            $user->getFirstName() . ' ' . $user->getLastName()
+        );
+    }
+
+    /**
+     * Send welcome e-mail to created user.
+     *
+     * @param array $templateVars
+     * @param string $toEmail
+     * @param string $toName
+     * @throws MailException
+     *
+     * @return void
+     */
+    private function sendNotificationEmail(
+        array $templateVars,
+        string $toEmail,
+        string $toName
+    ): void {
+        $transport = $this->transportBuilder
+            ->setTemplateIdentifier('admin_emails_new_user_created_template')
+            ->setTemplateModel(BackendTemplate::class)
+            ->setTemplateOptions([
+                'area' => FrontNameResolver::AREA_CODE,
+                'store' => Store::DEFAULT_STORE_ID
+            ])
+            ->setTemplateVars($templateVars)
+            ->setFrom(
+                $this->config->getValue('admin/emails/forgot_email_identity')
+            )
+            ->addTo($toEmail, $toName)
+            ->getTransport();
+        $transport->sendMessage();
+    }
+}
diff --git a/app/code/Magento/AdminAdobeIms/etc/adminhtml/di.xml b/app/code/Magento/AdminAdobeIms/etc/adminhtml/di.xml
index 42a6eb460c21d..4345bdf79e017 100644
--- a/app/code/Magento/AdminAdobeIms/etc/adminhtml/di.xml
+++ b/app/code/Magento/AdminAdobeIms/etc/adminhtml/di.xml
@@ -23,4 +23,9 @@
             </argument>
         </arguments>
     </type>
+
+    <type name="Magento\User\Model\Notificator">
+        <plugin name="send_admin_created_mail"
+                type="Magento\AdminAdobeIms\Plugin\SendAdminCreatedMailPlugin"/>
+    </type>
 </config>
diff --git a/app/code/Magento/AdminAdobeIms/etc/config.xml b/app/code/Magento/AdminAdobeIms/etc/config.xml
index df9c5683e2312..60788ee551f9f 100644
--- a/app/code/Magento/AdminAdobeIms/etc/config.xml
+++ b/app/code/Magento/AdminAdobeIms/etc/config.xml
@@ -15,6 +15,10 @@
                 <token_url>https://ims-na1-stg1.adobelogin.com/ims/token</token_url>
                 <profile_url><![CDATA[https://ims-na1-stg1.adobelogin.com/ims/profile/v1?client_id=#{client_id}]]></profile_url>
             </integration>
+            <email>
+                <header_template>admin_adobe_ims_email_header_template</header_template>
+                <footer_template>admin_adobe_ims_email_footer_template</footer_template>
+            </email>
         </adobe_ims>
     </default>
 </config>
diff --git a/app/code/Magento/AdminAdobeIms/etc/email_templates.xml b/app/code/Magento/AdminAdobeIms/etc/email_templates.xml
new file mode 100644
index 0000000000000..f018821683de9
--- /dev/null
+++ b/app/code/Magento/AdminAdobeIms/etc/email_templates.xml
@@ -0,0 +1,18 @@
+<?xml version="1.0"?>
+<!--
+/**
+ * Copyright © Magento, Inc. All rights reserved.
+ * See COPYING.txt for license details.
+ */
+-->
+<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Email:etc/email_templates.xsd">
+    <template id="admin_adobe_ims_email_header_template" label="Header" file="admin_adobe_ims_email_header.html" type="html" module="Magento_AdminAdobeIms" area="adminhtml"/>
+    <template id="admin_adobe_ims_email_footer_template" label="Footer" file="admin_adobe_ims_email_footer.html" type="html" module="Magento_AdminAdobeIms" area="adminhtml"/>
+
+    <template id="admin_emails_new_user_created_template"
+              label="New AdminAdobeIMS Admin Created"
+              file="new_admin_adobe_ims_admin_created.html"
+              type="html"
+              module="Magento_AdminAdobeIms"
+              area="adminhtml"/>
+</config>
diff --git a/app/code/Magento/AdminAdobeIms/view/adminhtml/email/admin_adobe_ims_email_footer.html b/app/code/Magento/AdminAdobeIms/view/adminhtml/email/admin_adobe_ims_email_footer.html
new file mode 100644
index 0000000000000..b9db3b8597cad
--- /dev/null
+++ b/app/code/Magento/AdminAdobeIms/view/adminhtml/email/admin_adobe_ims_email_footer.html
@@ -0,0 +1,25 @@
+<!--
+/**
+ * Copyright © Magento, Inc. All rights reserved.
+ * See COPYING.txt for license details.
+ */
+-->
+<!--@subject {{trans "Footer"}} @-->
+<!--@vars {
+"var store.frontend_name":"Store Name"
+} @-->
+
+                    <!-- End Content -->
+                    </td>
+                </tr>
+                <tr>
+                    <td class="footer">
+                        <p class="closing">{{trans "Thank you, %store_name" store_name=$store.frontend_name}}!</p>
+                    </td>
+                </tr>
+            </table>
+        </td>
+    </tr>
+</table>
+<!-- End wrapper table -->
+</body>
diff --git a/app/code/Magento/AdminAdobeIms/view/adminhtml/email/admin_adobe_ims_email_header.html b/app/code/Magento/AdminAdobeIms/view/adminhtml/email/admin_adobe_ims_email_header.html
new file mode 100644
index 0000000000000..45e299cb51d17
--- /dev/null
+++ b/app/code/Magento/AdminAdobeIms/view/adminhtml/email/admin_adobe_ims_email_header.html
@@ -0,0 +1,59 @@
+<!--
+/**
+ * Copyright © Magento, Inc. All rights reserved.
+ * See COPYING.txt for license details.
+ */
+-->
+<!--@subject {{trans "Header"}} @-->
+<!--@vars {
+"var logo_url":"Email Logo Image URL",
+"var logo_alt":"Email Logo Alt Text",
+"var logo_height":"Email Logo Image Height",
+"var logo_width":"Email Logo Image Width",
+"var template_styles|raw":"Template CSS"
+} @-->
+
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="initial-scale=1.0, width=device-width" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <style type="text/css">
+        {{var template_styles|raw}}
+
+        {{css file="css/email.css"}}
+    </style>
+</head>
+<body>
+{{inlinecss file="css/email-inline.css"}}
+
+<!-- Begin wrapper table -->
+<table class="wrapper" width="100%">
+    <tr>
+        <td class="wrapper-inner" align="center">
+            <table class="main" align="center">
+                <tr>
+                    <td class="header">
+                        <a class="logo" href="{{store url=""}}">
+                            <img
+                                {{if logo_width}}
+                                    width="{{var logo_width}}"
+                                {{else}}
+                                    width="180"
+                                {{/if}}
+
+                                {{if logo_height}}
+                                    height="{{var logo_height}}"
+                                {{/if}}
+
+                                src="{{var logo_url}}"
+                                alt="{{var logo_alt}}"
+                                border="0"
+                            />
+                        </a>
+                    </td>
+                </tr>
+                <tr>
+                    <td class="main-content">
+                    <!-- Begin Content -->
diff --git a/app/code/Magento/AdminAdobeIms/view/adminhtml/email/new_admin_adobe_ims_admin_created.html b/app/code/Magento/AdminAdobeIms/view/adminhtml/email/new_admin_adobe_ims_admin_created.html
new file mode 100644
index 0000000000000..caec3aa5ed3bc
--- /dev/null
+++ b/app/code/Magento/AdminAdobeIms/view/adminhtml/email/new_admin_adobe_ims_admin_created.html
@@ -0,0 +1,38 @@
+<!--
+/**
+ * Copyright © Magento, Inc. All rights reserved.
+ * See COPYING.txt for license details.
+ */
+-->
+<!--@subject {{trans "%user_name, you now have access to Adobe Commerce" user_name=$user.firstname}} @-->
+<!--@vars {
+"var store.frontend_name":"Store Name",
+"var this.getUrl($store,'customer/account/',[_nosid:1])":"Customer Account URL",
+} @-->
+
+{{template config_path="adobe_ims/email/header_template"}}
+
+<p class="greeting">{{trans "%user_name, you now have access to Adobe Commerce" user_name=$user.firstname}}</p>
+<p>{{trans "Your administrator at %store_name has given you access to Adobe Commerce" store_name=$store.frontend_name}}</p>
+<p>
+    {{trans
+    '<a href="%customer_url">Get started</a>'
+    customer_url=$this.getUrl($store,'customer/account/',[_nosid:1])
+    |raw}}
+</p>
+<p>{{trans "Here are a few links to help you get up and running:"}}</p>
+<p>
+    {{trans
+    '<a href="%customer_url">Documentation</a>'
+    customer_url=$this.getUrl($store,'customer/account/',[_nosid:1])
+    |raw}}
+</p>
+<p>
+    {{trans
+    '<a href="%customer_url">Release notes</a>'
+    customer_url=$this.getUrl($store,'customer/account/',[_nosid:1])
+    |raw}}
+</p>
+<p>{{trans "If you have any questions about access to Adobe Commerce, contact your administrator or your Adobe account team for more information."}}</p>
+
+{{template config_path="adobe_ims/email/footer_template"}}

From 4ec2e40d101bb0bc7a029fa4006f286434aca80e Mon Sep 17 00:00:00 2001
From: Sebastian Kull <sebastianKull@web.de>
Date: Wed, 9 Mar 2022 17:13:38 +0100
Subject: [PATCH 02/24] CABPI-199: Add Spectrum Link package to css files

---
 .../AdminAdobeIms/view/adminhtml/web/dist/index.min.css      | 4 ++--
 app/code/Magento/AdminAdobeIms/view/adminhtml/web/index.css  | 1 +
 .../AdminAdobeIms/view/adminhtml/web/package-lock.json       | 5 +++++
 .../Magento/AdminAdobeIms/view/adminhtml/web/package.json    | 1 +
 4 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/app/code/Magento/AdminAdobeIms/view/adminhtml/web/dist/index.min.css b/app/code/Magento/AdminAdobeIms/view/adminhtml/web/dist/index.min.css
index 8cabc07026c8a..71e47555f7f9e 100644
--- a/app/code/Magento/AdminAdobeIms/view/adminhtml/web/dist/index.min.css
+++ b/app/code/Magento/AdminAdobeIms/view/adminhtml/web/dist/index.min.css
@@ -1,4 +1,4 @@
-.spectrum{--spectrum-global-animation-duration-100:130ms;--spectrum-global-animation-duration-200:160ms;--spectrum-global-animation-duration-500:250ms;--spectrum-global-color-static-black:#000;--spectrum-global-color-static-white:#fff;--spectrum-global-color-static-blue-500:#2680eb;--spectrum-global-color-static-blue-600:#1473e6;--spectrum-global-color-static-blue-700:#0d66d0;--spectrum-global-color-static-blue-800:#095aba;--spectrum-global-color-static-red-600:#d7373f;--spectrum-global-color-static-red-700:#c9252d;--spectrum-global-color-static-red-800:#bb121a;--spectrum-global-color-static-yellow-600:#d2b200;--spectrum-global-color-static-transparent-white-200:hsla(0,0%,100%,.1);--spectrum-global-color-static-transparent-white-300:hsla(0,0%,100%,.25);--spectrum-global-color-static-transparent-white-400:hsla(0,0%,100%,.4);--spectrum-global-color-static-transparent-white-500:hsla(0,0%,100%,.55);--spectrum-global-color-static-transparent-black-200:rgba(0,0,0,.1);--spectrum-global-color-static-transparent-black-300:rgba(0,0,0,.25);--spectrum-global-color-static-transparent-black-400:rgba(0,0,0,.4);--spectrum-global-color-static-transparent-black-500:rgba(0,0,0,.55);--spectrum-semantic-negative-color-default:var(--spectrum-global-color-red-500);--spectrum-semantic-negative-border-color:var(--spectrum-global-color-red-400);--spectrum-semantic-negative-icon-color:var(--spectrum-global-color-red-600);--spectrum-semantic-negative-text-color-small:var(--spectrum-global-color-red-600);--spectrum-semantic-notice-border-color:var(--spectrum-global-color-orange-400);--spectrum-semantic-notice-icon-color:var(--spectrum-global-color-orange-600);--spectrum-semantic-positive-border-color:var(--spectrum-global-color-green-400);--spectrum-semantic-positive-icon-color:var(--spectrum-global-color-green-600);--spectrum-semantic-informative-border-color:var(--spectrum-global-color-blue-400);--spectrum-semantic-informative-icon-color:var(--spectrum-global-color-blue-600);--spectrum-semantic-cta-background-color-default:var(--spectrum-global-color-static-blue-600);--spectrum-semantic-cta-background-color-hover:var(--spectrum-global-color-static-blue-700);--spectrum-semantic-cta-background-color-down:var(--spectrum-global-color-static-blue-800);--spectrum-semantic-cta-background-color-key-focus:var(--spectrum-global-color-static-blue-600);--spectrum-global-dimension-static-size-10:1px;--spectrum-global-dimension-static-size-25:2px;--spectrum-global-dimension-static-size-50:4px;--spectrum-global-dimension-static-size-65:5px;--spectrum-global-dimension-static-size-75:6px;--spectrum-global-dimension-static-size-85:7px;--spectrum-global-dimension-static-size-100:8px;--spectrum-global-dimension-static-size-125:10px;--spectrum-global-dimension-static-size-150:12px;--spectrum-global-dimension-static-size-175:14px;--spectrum-global-dimension-static-size-200:16px;--spectrum-global-dimension-static-size-225:18px;--spectrum-global-dimension-static-size-250:20px;--spectrum-global-dimension-static-size-275:22px;--spectrum-global-dimension-static-size-300:24px;--spectrum-global-dimension-static-size-500:40px;--spectrum-global-dimension-static-size-3600:288px;--spectrum-global-dimension-static-size-4600:368px;--spectrum-global-font-family-base:adobe-clean,"Source Sans Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Trebuchet MS","Lucida Grande",sans-serif;--spectrum-global-font-family-serif:adobe-clean-serif,"Source Serif Pro",Georgia,serif;--spectrum-global-font-family-code:"Source Code Pro",Monaco,monospace;--spectrum-global-font-weight-light:300;--spectrum-global-font-weight-regular:400;--spectrum-global-font-weight-bold:700;--spectrum-global-font-weight-extra-bold:800;--spectrum-global-font-weight-black:900;--spectrum-global-font-style-regular:normal;--spectrum-global-font-style-italic:italic;--spectrum-global-font-letter-spacing-none:0;--spectrum-global-font-letter-spacing-han:0.05em;--spectrum-global-font-letter-spacing-medium:0.06em;--spectrum-global-font-line-height-large:1.7;--spectrum-global-font-line-height-medium:1.5;--spectrum-global-font-line-height-small:1.3;--spectrum-global-font-font-family-ar:myriad-arabic,adobe-clean,"Source Sans Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Trebuchet MS","Lucida Grande",sans-serif;--spectrum-global-font-font-family-he:myriad-hebrew,adobe-clean,"Source Sans Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Trebuchet MS","Lucida Grande",sans-serif;--spectrum-global-font-font-family-zh:adobe-clean-han-traditional,source-han-traditional,"MingLiu","Heiti TC Light","sans-serif";--spectrum-global-font-font-family-zhhans:adobe-clean-han-simplified-c,source-han-simplified-c,"SimSun","Heiti SC Light","sans-serif";--spectrum-global-font-font-family-ko:adobe-clean-han-korean,source-han-korean,"Malgun Gothic","Apple Gothic","sans-serif";--spectrum-global-font-font-family-ja:adobe-clean-han-japanese,"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","Osaka",YuGothic,"Yu Gothic","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic","sans-serif";--spectrum-alias-border-size-thin:var(--spectrum-global-dimension-static-size-10);--spectrum-alias-border-size-thick:var(--spectrum-global-dimension-static-size-25);--spectrum-alias-focus-ring-gap:var(--spectrum-global-dimension-static-size-25);--spectrum-alias-focus-ring-size:var(--spectrum-global-dimension-static-size-25);--spectrum-alias-heading-text-line-height:var(--spectrum-global-font-line-height-small);--spectrum-alias-heading-text-font-weight-regular:var(--spectrum-global-font-weight-bold);--spectrum-alias-heading-text-font-weight-regular-strong:var(--spectrum-global-font-weight-black);--spectrum-alias-heading-text-font-weight-light:var(--spectrum-global-font-weight-light);--spectrum-alias-heading-text-font-weight-light-strong:var(--spectrum-global-font-weight-bold);--spectrum-alias-heading-text-font-weight-heavy:var(--spectrum-global-font-weight-black);--spectrum-alias-heading-text-font-weight-heavy-strong:var(--spectrum-global-font-weight-black);--spectrum-alias-body-text-font-family:var(--spectrum-global-font-family-base);--spectrum-alias-body-text-line-height:var(--spectrum-global-font-line-height-medium);--spectrum-alias-body-text-font-weight:var(--spectrum-global-font-weight-regular);--spectrum-alias-detail-text-font-weight-regular:var(--spectrum-global-font-weight-bold);--spectrum-alias-detail-text-font-weight-light:var(--spectrum-global-font-weight-regular);--spectrum-alias-code-text-font-family:var(--spectrum-global-font-family-code);--spectrum-alias-code-text-font-weight-regular:var(--spectrum-global-font-weight-regular);--spectrum-alias-font-family-ar:var(--spectrum-global-font-font-family-ar);--spectrum-alias-font-family-he:var(--spectrum-global-font-font-family-he);--spectrum-alias-font-family-zh:var(--spectrum-global-font-font-family-zh);--spectrum-alias-font-family-zhhans:var(--spectrum-global-font-font-family-zhhans);--spectrum-alias-font-family-ko:var(--spectrum-global-font-font-family-ko);--spectrum-alias-font-family-ja:var(--spectrum-global-font-font-family-ja);--spectrum-alias-component-text-line-height:var(--spectrum-global-font-line-height-small);--spectrum-alias-serif-text-font-family:var(--spectrum-global-font-family-serif);--spectrum-alias-han-heading-text-line-height:var(--spectrum-global-font-line-height-medium);--spectrum-alias-han-heading-text-font-weight-regular:var(--spectrum-global-font-weight-bold);--spectrum-alias-han-heading-text-font-weight-regular-emphasis:var(--spectrum-global-font-weight-extra-bold);--spectrum-alias-han-heading-text-font-weight-regular-strong:var(--spectrum-global-font-weight-black);--spectrum-alias-han-heading-text-font-weight-light-emphasis:var(--spectrum-global-font-weight-regular);--spectrum-alias-han-heading-text-font-weight-light-strong:var(--spectrum-global-font-weight-bold);--spectrum-alias-han-body-text-line-height:var(--spectrum-global-font-line-height-large);--spectrum-alias-han-body-text-font-weight-regular:var(--spectrum-global-font-weight-regular)}.spectrum--large,.spectrum--medium{--spectrum-alias-heading-xxxl-text-size:var(--spectrum-global-dimension-font-size-1300);--spectrum-alias-heading-xxl-text-size:var(--spectrum-global-dimension-font-size-1100);--spectrum-alias-heading-xl-text-size:var(--spectrum-global-dimension-font-size-900);--spectrum-alias-heading-l-text-size:var(--spectrum-global-dimension-font-size-700);--spectrum-alias-heading-m-text-size:var(--spectrum-global-dimension-font-size-500);--spectrum-alias-heading-s-text-size:var(--spectrum-global-dimension-font-size-300);--spectrum-alias-heading-xs-text-size:var(--spectrum-global-dimension-font-size-200);--spectrum-alias-heading-xxs-text-size:var(--spectrum-global-dimension-font-size-100);--spectrum-alias-heading-xxxl-margin-top:var(--spectrum-global-dimension-font-size-1200);--spectrum-alias-heading-xxl-margin-top:var(--spectrum-global-dimension-font-size-900);--spectrum-alias-heading-xl-margin-top:var(--spectrum-global-dimension-font-size-800);--spectrum-alias-heading-l-margin-top:var(--spectrum-global-dimension-font-size-600);--spectrum-alias-heading-m-margin-top:var(--spectrum-global-dimension-font-size-400);--spectrum-alias-heading-s-margin-top:var(--spectrum-global-dimension-font-size-200);--spectrum-alias-heading-xs-margin-top:var(--spectrum-global-dimension-font-size-100);--spectrum-alias-heading-xxs-margin-top:var(--spectrum-global-dimension-font-size-75);--spectrum-alias-heading-han-xxxl-text-size:var(--spectrum-global-dimension-font-size-1300);--spectrum-alias-heading-han-xxl-text-size:var(--spectrum-global-dimension-font-size-900);--spectrum-alias-heading-han-xl-text-size:var(--spectrum-global-dimension-font-size-800);--spectrum-alias-heading-han-l-text-size:var(--spectrum-global-dimension-font-size-600);--spectrum-alias-heading-han-m-text-size:var(--spectrum-global-dimension-font-size-400);--spectrum-alias-heading-han-s-text-size:var(--spectrum-global-dimension-font-size-300);--spectrum-alias-heading-han-xs-text-size:var(--spectrum-global-dimension-font-size-200);--spectrum-alias-heading-han-xxs-text-size:var(--spectrum-global-dimension-font-size-100);--spectrum-alias-component-border-radius:var(--spectrum-global-dimension-size-50);--spectrum-alias-border-size-thin:var(--spectrum-global-dimension-static-size-10);--spectrum-alias-border-size-thick:var(--spectrum-global-dimension-static-size-25);--spectrum-alias-focus-ring-gap:var(--spectrum-global-dimension-static-size-25);--spectrum-alias-focus-ring-size:var(--spectrum-global-dimension-static-size-25);--spectrum-alias-font-size-default:var(--spectrum-global-dimension-font-size-100);--spectrum-alias-border-radius-regular:var(--spectrum-global-dimension-size-50);--spectrum-alias-workflow-icon-size-s:var(--spectrum-global-dimension-size-200);--spectrum-alias-workflow-icon-size-m:var(--spectrum-global-dimension-size-225);--spectrum-alias-workflow-icon-size-xl:var(--spectrum-global-dimension-size-275);--spectrum-alias-ui-icon-triplegripper-size-100-height:var(--spectrum-global-dimension-size-100);--spectrum-alias-ui-icon-doublegripper-size-100-width:var(--spectrum-global-dimension-size-200);--spectrum-alias-ui-icon-singlegripper-size-100-width:var(--spectrum-global-dimension-size-300);--spectrum-alias-ui-icon-cornertriangle-size-75:var(--spectrum-global-dimension-size-65);--spectrum-alias-ui-icon-cornertriangle-size-200:var(--spectrum-global-dimension-size-75);--spectrum-alias-ui-icon-asterisk-size-75:var(--spectrum-global-dimension-static-size-100);--spectrum-alias-ui-icon-asterisk-size-100:var(--spectrum-global-dimension-size-100)}.spectrum--dark,.spectrum--darkest,.spectrum--light,.spectrum--lightest{--spectrum-alias-transparent-blue-background-color-hover:rgba(13,102,208,.15);--spectrum-alias-transparent-blue-background-color-down:rgba(9,90,186,.3);--spectrum-alias-transparent-blue-background-color-key-focus:var(--spectrum-alias-transparent-blue-background-color-hover);--spectrum-alias-transparent-red-background-color-hover:rgba(201,37,45,.15);--spectrum-alias-transparent-red-background-color-down:rgba(187,18,26,.3);--spectrum-alias-transparent-red-background-color-key-focus:var(--spectrum-alias-transparent-red-background-color-hover);--spectrum-alias-component-text-color-default:var(--spectrum-global-color-gray-800);--spectrum-alias-component-text-color-hover:var(--spectrum-global-color-gray-900);--spectrum-alias-button-primary-text-color-default:var(--spectrum-global-color-gray-800);--spectrum-alias-button-secondary-text-color-default:var(--spectrum-global-color-gray-700);--spectrum-alias-button-negative-text-color-default:var(--spectrum-semantic-negative-text-color-small);--spectrum-alias-background-color-default:var(--spectrum-global-color-gray-100);--spectrum-alias-background-color-transparent:transparent;--spectrum-alias-label-text-color:var(--spectrum-global-color-gray-700);--spectrum-alias-text-color:var(--spectrum-global-color-gray-800);--spectrum-alias-text-color-key-focus:var(--spectrum-global-color-blue-600);--spectrum-alias-heading-text-color:var(--spectrum-global-color-gray-900);--spectrum-alias-link-primary-text-color-default:var(--spectrum-global-color-blue-600);--spectrum-alias-border-color:var(--spectrum-global-color-gray-400);--spectrum-alias-border-color-hover:var(--spectrum-global-color-gray-500);--spectrum-alias-border-color-key-focus:var(--spectrum-global-color-blue-400);--spectrum-alias-border-color-mouse-focus:var(--spectrum-global-color-blue-500);--spectrum-alias-border-color-darker-default:var(--spectrum-global-color-gray-600);--spectrum-alias-border-color-transparent:transparent;--spectrum-alias-focus-color:var(--spectrum-global-color-blue-400);--spectrum-alias-focus-ring-color:var(--spectrum-alias-focus-color);--spectrum-alias-icon-color:var(--spectrum-global-color-gray-700)}.spectrum--medium{--spectrum-global-dimension-size-10:1px;--spectrum-global-dimension-size-25:2px;--spectrum-global-dimension-size-40:3px;--spectrum-global-dimension-size-50:4px;--spectrum-global-dimension-size-65:5px;--spectrum-global-dimension-size-75:6px;--spectrum-global-dimension-size-85:7px;--spectrum-global-dimension-size-100:8px;--spectrum-global-dimension-size-115:9px;--spectrum-global-dimension-size-125:10px;--spectrum-global-dimension-size-130:11px;--spectrum-global-dimension-size-150:12px;--spectrum-global-dimension-size-160:13px;--spectrum-global-dimension-size-175:14px;--spectrum-global-dimension-size-200:16px;--spectrum-global-dimension-size-225:18px;--spectrum-global-dimension-size-250:20px;--spectrum-global-dimension-size-275:22px;--spectrum-global-dimension-size-300:24px;--spectrum-global-dimension-size-400:32px;--spectrum-global-dimension-size-500:40px;--spectrum-global-dimension-size-600:48px;--spectrum-global-dimension-size-675:54px;--spectrum-global-dimension-size-900:72px;--spectrum-global-dimension-size-1125:90px;--spectrum-global-dimension-size-1200:96px;--spectrum-global-dimension-size-1250:100px;--spectrum-global-dimension-size-1700:136px;--spectrum-global-dimension-size-2500:200px;--spectrum-global-dimension-font-size-50:11px;--spectrum-global-dimension-font-size-75:12px;--spectrum-global-dimension-font-size-100:14px;--spectrum-global-dimension-font-size-200:16px;--spectrum-global-dimension-font-size-300:18px;--spectrum-global-dimension-font-size-400:20px;--spectrum-global-dimension-font-size-500:22px;--spectrum-global-dimension-font-size-600:25px;--spectrum-global-dimension-font-size-700:28px;--spectrum-global-dimension-font-size-800:32px;--spectrum-global-dimension-font-size-900:36px;--spectrum-global-dimension-font-size-1100:45px;--spectrum-global-dimension-font-size-1200:50px;--spectrum-global-dimension-font-size-1300:60px;--spectrum-alias-workflow-icon-size-l:var(--spectrum-global-dimension-static-size-250);--spectrum-alias-ui-icon-chevron-size-75:var(--spectrum-global-dimension-static-size-125);--spectrum-alias-ui-icon-chevron-size-100:var(--spectrum-global-dimension-static-size-125);--spectrum-alias-ui-icon-chevron-size-200:var(--spectrum-global-dimension-static-size-150);--spectrum-alias-ui-icon-chevron-size-300:var(--spectrum-global-dimension-static-size-175);--spectrum-alias-ui-icon-chevron-size-400:var(--spectrum-global-dimension-static-size-200);--spectrum-alias-ui-icon-chevron-size-500:var(--spectrum-global-dimension-static-size-200);--spectrum-alias-ui-icon-checkmark-size-50:var(--spectrum-global-dimension-static-size-125);--spectrum-alias-ui-icon-checkmark-size-75:var(--spectrum-global-dimension-static-size-125);--spectrum-alias-ui-icon-checkmark-size-100:var(--spectrum-global-dimension-static-size-125);--spectrum-alias-ui-icon-checkmark-size-200:var(--spectrum-global-dimension-static-size-150);--spectrum-alias-ui-icon-checkmark-size-300:var(--spectrum-global-dimension-static-size-175);--spectrum-alias-ui-icon-checkmark-size-400:var(--spectrum-global-dimension-static-size-200);--spectrum-alias-ui-icon-checkmark-size-500:var(--spectrum-global-dimension-static-size-200);--spectrum-alias-ui-icon-checkmark-size-600:var(--spectrum-global-dimension-static-size-225);--spectrum-alias-ui-icon-dash-size-50:var(--spectrum-global-dimension-static-size-100);--spectrum-alias-ui-icon-dash-size-75:var(--spectrum-global-dimension-static-size-100);--spectrum-alias-ui-icon-dash-size-100:var(--spectrum-global-dimension-static-size-125);--spectrum-alias-ui-icon-dash-size-200:var(--spectrum-global-dimension-static-size-150);--spectrum-alias-ui-icon-dash-size-300:var(--spectrum-global-dimension-static-size-150);--spectrum-alias-ui-icon-dash-size-400:var(--spectrum-global-dimension-static-size-175);--spectrum-alias-ui-icon-dash-size-500:var(--spectrum-global-dimension-static-size-200);--spectrum-alias-ui-icon-dash-size-600:var(--spectrum-global-dimension-static-size-225);--spectrum-alias-ui-icon-cross-size-75:var(--spectrum-global-dimension-static-size-100);--spectrum-alias-ui-icon-cross-size-100:var(--spectrum-global-dimension-static-size-100);--spectrum-alias-ui-icon-cross-size-200:var(--spectrum-global-dimension-static-size-125);--spectrum-alias-ui-icon-cross-size-300:var(--spectrum-global-dimension-static-size-150);--spectrum-alias-ui-icon-cross-size-400:var(--spectrum-global-dimension-static-size-150);--spectrum-alias-ui-icon-cross-size-500:var(--spectrum-global-dimension-static-size-175);--spectrum-alias-ui-icon-cross-size-600:var(--spectrum-global-dimension-static-size-200);--spectrum-alias-ui-icon-arrow-size-75:var(--spectrum-global-dimension-static-size-125);--spectrum-alias-ui-icon-arrow-size-100:var(--spectrum-global-dimension-static-size-125);--spectrum-alias-ui-icon-arrow-size-200:var(--spectrum-global-dimension-static-size-150);--spectrum-alias-ui-icon-arrow-size-300:var(--spectrum-global-dimension-static-size-175);--spectrum-alias-ui-icon-arrow-size-400:var(--spectrum-global-dimension-static-size-200);--spectrum-alias-ui-icon-arrow-size-500:var(--spectrum-global-dimension-static-size-225);--spectrum-alias-ui-icon-arrow-size-600:var(--spectrum-global-dimension-static-size-250);--spectrum-alias-ui-icon-triplegripper-size-100-width:var(--spectrum-global-dimension-static-size-125);--spectrum-alias-ui-icon-doublegripper-size-100-height:var(--spectrum-global-dimension-static-size-50);--spectrum-alias-ui-icon-singlegripper-size-100-height:var(--spectrum-global-dimension-static-size-25);--spectrum-alias-ui-icon-cornertriangle-size-100:var(--spectrum-global-dimension-static-size-65);--spectrum-alias-ui-icon-cornertriangle-size-300:var(--spectrum-global-dimension-static-size-85);--spectrum-alias-ui-icon-asterisk-size-200:var(--spectrum-global-dimension-static-size-125);--spectrum-alias-ui-icon-asterisk-size-300:var(--spectrum-global-dimension-static-size-125);--spectrum-button-s-primary-fill-textonly-text-padding-bottom:var(--spectrum-global-dimension-static-size-65);--spectrum-button-m-primary-fill-texticon-padding-left:var(--spectrum-global-dimension-size-175);--spectrum-button-l-primary-fill-textonly-text-padding-top:var(--spectrum-global-dimension-size-115);--spectrum-button-xl-primary-fill-texticon-padding-left:21px;--spectrum-dialog-confirm-title-text-size:var(--spectrum-alias-heading-s-text-size);--spectrum-dialog-confirm-description-text-size:var(--spectrum-global-dimension-font-size-100);--spectrum-dialog-confirm-padding:var(--spectrum-global-dimension-static-size-500)}.spectrum--large{--spectrum-global-dimension-size-10:1px;--spectrum-global-dimension-size-25:2px;--spectrum-global-dimension-size-40:4px;--spectrum-global-dimension-size-50:5px;--spectrum-global-dimension-size-65:6px;--spectrum-global-dimension-size-75:8px;--spectrum-global-dimension-size-85:9px;--spectrum-global-dimension-size-100:10px;--spectrum-global-dimension-size-115:11px;--spectrum-global-dimension-size-125:13px;--spectrum-global-dimension-size-130:14px;--spectrum-global-dimension-size-150:15px;--spectrum-global-dimension-size-160:16px;--spectrum-global-dimension-size-175:18px;--spectrum-global-dimension-size-200:20px;--spectrum-global-dimension-size-225:22px;--spectrum-global-dimension-size-250:25px;--spectrum-global-dimension-size-275:28px;--spectrum-global-dimension-size-300:30px;--spectrum-global-dimension-size-400:40px;--spectrum-global-dimension-size-500:50px;--spectrum-global-dimension-size-600:60px;--spectrum-global-dimension-size-675:68px;--spectrum-global-dimension-size-900:90px;--spectrum-global-dimension-size-1125:112px;--spectrum-global-dimension-size-1200:120px;--spectrum-global-dimension-size-1250:125px;--spectrum-global-dimension-size-1700:170px;--spectrum-global-dimension-size-2500:250px;--spectrum-global-dimension-font-size-50:13px;--spectrum-global-dimension-font-size-75:15px;--spectrum-global-dimension-font-size-100:17px;--spectrum-global-dimension-font-size-200:19px;--spectrum-global-dimension-font-size-300:22px;--spectrum-global-dimension-font-size-400:24px;--spectrum-global-dimension-font-size-500:27px;--spectrum-global-dimension-font-size-600:31px;--spectrum-global-dimension-font-size-700:34px;--spectrum-global-dimension-font-size-800:39px;--spectrum-global-dimension-font-size-900:44px;--spectrum-global-dimension-font-size-1100:55px;--spectrum-global-dimension-font-size-1200:62px;--spectrum-global-dimension-font-size-1300:70px;--spectrum-alias-workflow-icon-size-l:var(--spectrum-global-dimension-static-size-300);--spectrum-alias-ui-icon-chevron-size-75:var(--spectrum-global-dimension-static-size-150);--spectrum-alias-ui-icon-chevron-size-100:var(--spectrum-global-dimension-static-size-175);--spectrum-alias-ui-icon-chevron-size-200:var(--spectrum-global-dimension-static-size-200);--spectrum-alias-ui-icon-chevron-size-300:var(--spectrum-global-dimension-static-size-200);--spectrum-alias-ui-icon-chevron-size-400:var(--spectrum-global-dimension-static-size-225);--spectrum-alias-ui-icon-chevron-size-500:var(--spectrum-global-dimension-static-size-250);--spectrum-alias-ui-icon-checkmark-size-50:var(--spectrum-global-dimension-static-size-150);--spectrum-alias-ui-icon-checkmark-size-75:var(--spectrum-global-dimension-static-size-150);--spectrum-alias-ui-icon-checkmark-size-100:var(--spectrum-global-dimension-static-size-175);--spectrum-alias-ui-icon-checkmark-size-200:var(--spectrum-global-dimension-static-size-200);--spectrum-alias-ui-icon-checkmark-size-300:var(--spectrum-global-dimension-static-size-200);--spectrum-alias-ui-icon-checkmark-size-400:var(--spectrum-global-dimension-static-size-225);--spectrum-alias-ui-icon-checkmark-size-500:var(--spectrum-global-dimension-static-size-250);--spectrum-alias-ui-icon-checkmark-size-600:var(--spectrum-global-dimension-static-size-300);--spectrum-alias-ui-icon-dash-size-50:var(--spectrum-global-dimension-static-size-125);--spectrum-alias-ui-icon-dash-size-75:var(--spectrum-global-dimension-static-size-125);--spectrum-alias-ui-icon-dash-size-100:var(--spectrum-global-dimension-static-size-150);--spectrum-alias-ui-icon-dash-size-200:var(--spectrum-global-dimension-static-size-175);--spectrum-alias-ui-icon-dash-size-300:var(--spectrum-global-dimension-static-size-200);--spectrum-alias-ui-icon-dash-size-400:var(--spectrum-global-dimension-static-size-225);--spectrum-alias-ui-icon-dash-size-500:var(--spectrum-global-dimension-static-size-250);--spectrum-alias-ui-icon-dash-size-600:var(--spectrum-global-dimension-static-size-275);--spectrum-alias-ui-icon-cross-size-75:var(--spectrum-global-dimension-static-size-125);--spectrum-alias-ui-icon-cross-size-100:var(--spectrum-global-dimension-static-size-125);--spectrum-alias-ui-icon-cross-size-200:var(--spectrum-global-dimension-static-size-150);--spectrum-alias-ui-icon-cross-size-300:var(--spectrum-global-dimension-static-size-175);--spectrum-alias-ui-icon-cross-size-400:var(--spectrum-global-dimension-static-size-200);--spectrum-alias-ui-icon-cross-size-500:var(--spectrum-global-dimension-static-size-200);--spectrum-alias-ui-icon-cross-size-600:var(--spectrum-global-dimension-static-size-225);--spectrum-alias-ui-icon-arrow-size-75:var(--spectrum-global-dimension-static-size-150);--spectrum-alias-ui-icon-arrow-size-100:var(--spectrum-global-dimension-static-size-175);--spectrum-alias-ui-icon-arrow-size-200:var(--spectrum-global-dimension-static-size-200);--spectrum-alias-ui-icon-arrow-size-300:var(--spectrum-global-dimension-static-size-200);--spectrum-alias-ui-icon-arrow-size-400:var(--spectrum-global-dimension-static-size-225);--spectrum-alias-ui-icon-arrow-size-500:var(--spectrum-global-dimension-static-size-275);--spectrum-alias-ui-icon-arrow-size-600:var(--spectrum-global-dimension-static-size-300);--spectrum-alias-ui-icon-triplegripper-size-100-width:var(--spectrum-global-dimension-static-size-175);--spectrum-alias-ui-icon-doublegripper-size-100-height:var(--spectrum-global-dimension-static-size-75);--spectrum-alias-ui-icon-singlegripper-size-100-height:var(--spectrum-global-dimension-static-size-50);--spectrum-alias-ui-icon-cornertriangle-size-100:var(--spectrum-global-dimension-static-size-85);--spectrum-alias-ui-icon-cornertriangle-size-300:var(--spectrum-global-dimension-static-size-100);--spectrum-alias-ui-icon-asterisk-size-200:var(--spectrum-global-dimension-static-size-150);--spectrum-alias-ui-icon-asterisk-size-300:var(--spectrum-global-dimension-static-size-150);--spectrum-button-s-primary-fill-textonly-text-padding-bottom:var(--spectrum-global-dimension-static-size-85);--spectrum-button-m-primary-fill-texticon-padding-left:17px;--spectrum-button-l-primary-fill-textonly-text-padding-top:var(--spectrum-global-dimension-static-size-150);--spectrum-button-xl-primary-fill-texticon-padding-left:27px;--spectrum-dialog-confirm-title-text-size:var(--spectrum-alias-heading-xs-text-size);--spectrum-dialog-confirm-description-text-size:var(--spectrum-global-dimension-font-size-75);--spectrum-dialog-confirm-padding:var(--spectrum-global-dimension-static-size-300)}.spectrum--light{--spectrum-global-color-red-400:#e34850;--spectrum-global-color-red-500:#d7373f;--spectrum-global-color-red-600:#c9252d;--spectrum-global-color-red-700:#bb121a;--spectrum-global-color-orange-400:#e68619;--spectrum-global-color-orange-600:#cb6f10;--spectrum-global-color-green-400:#2d9d78;--spectrum-global-color-green-600:#12805c;--spectrum-global-color-blue-400:#2680eb;--spectrum-global-color-blue-500:#1473e6;--spectrum-global-color-blue-600:#0d66d0;--spectrum-global-color-blue-700:#095aba;--spectrum-global-color-gray-50:#fff;--spectrum-global-color-gray-75:#fafafa;--spectrum-global-color-gray-100:#f5f5f5;--spectrum-global-color-gray-200:#eaeaea;--spectrum-global-color-gray-300:#e1e1e1;--spectrum-global-color-gray-400:#cacaca;--spectrum-global-color-gray-500:#b3b3b3;--spectrum-global-color-gray-600:#8e8e8e;--spectrum-global-color-gray-700:#6e6e6e;--spectrum-global-color-gray-800:#4b4b4b;--spectrum-global-color-gray-900:#2c2c2c;--spectrum-alias-highlight-selected:rgba(20,115,230,.1)}.spectrum--lightest{--spectrum-global-color-red-400:#ec5b62;--spectrum-global-color-red-500:#e34850;--spectrum-global-color-red-600:#d7373f;--spectrum-global-color-red-700:#c9252d;--spectrum-global-color-orange-400:#f29423;--spectrum-global-color-orange-600:#da7b11;--spectrum-global-color-green-400:#33ab84;--spectrum-global-color-green-600:#268e6c;--spectrum-global-color-blue-400:#378ef0;--spectrum-global-color-blue-500:#2680eb;--spectrum-global-color-blue-600:#1473e6;--spectrum-global-color-blue-700:#0d66d0;--spectrum-global-color-gray-50:#fff;--spectrum-global-color-gray-75:#fff;--spectrum-global-color-gray-100:#fff;--spectrum-global-color-gray-200:#f4f4f4;--spectrum-global-color-gray-300:#eaeaea;--spectrum-global-color-gray-400:#d3d3d3;--spectrum-global-color-gray-500:#bcbcbc;--spectrum-global-color-gray-600:#959595;--spectrum-global-color-gray-700:#747474;--spectrum-global-color-gray-800:#505050;--spectrum-global-color-gray-900:#323232;--spectrum-alias-highlight-selected:rgba(38,128,235,.1)}.spectrum--dark{--spectrum-global-color-red-400:#e34850;--spectrum-global-color-red-500:#ec5b62;--spectrum-global-color-red-600:#f76d74;--spectrum-global-color-red-700:#ff7b82;--spectrum-global-color-orange-400:#e68619;--spectrum-global-color-orange-600:#f9a43f;--spectrum-global-color-green-400:#2d9d78;--spectrum-global-color-green-600:#39b990;--spectrum-global-color-blue-400:#2680eb;--spectrum-global-color-blue-500:#378ef0;--spectrum-global-color-blue-600:#4b9cf5;--spectrum-global-color-blue-700:#5aa9fa;--spectrum-global-color-gray-50:#252525;--spectrum-global-color-gray-75:#2f2f2f;--spectrum-global-color-gray-100:#323232;--spectrum-global-color-gray-200:#3e3e3e;--spectrum-global-color-gray-300:#4a4a4a;--spectrum-global-color-gray-400:#5a5a5a;--spectrum-global-color-gray-500:#6e6e6e;--spectrum-global-color-gray-600:#909090;--spectrum-global-color-gray-700:#b9b9b9;--spectrum-global-color-gray-800:#e3e3e3;--spectrum-global-color-gray-900:#fff;--spectrum-alias-highlight-selected:rgba(55,142,240,.15)}.spectrum--darkest{--spectrum-global-color-red-400:#d7373f;--spectrum-global-color-red-500:#e34850;--spectrum-global-color-red-600:#ec5b62;--spectrum-global-color-red-700:#f76d74;--spectrum-global-color-orange-400:#da7b11;--spectrum-global-color-orange-600:#f29423;--spectrum-global-color-green-400:#268e6c;--spectrum-global-color-green-600:#33ab84;--spectrum-global-color-blue-400:#1473e6;--spectrum-global-color-blue-500:#2680eb;--spectrum-global-color-blue-600:#378ef0;--spectrum-global-color-blue-700:#4b9cf5;--spectrum-global-color-gray-50:#080808;--spectrum-global-color-gray-75:#1a1a1a;--spectrum-global-color-gray-100:#1e1e1e;--spectrum-global-color-gray-200:#2c2c2c;--spectrum-global-color-gray-300:#393939;--spectrum-global-color-gray-400:#494949;--spectrum-global-color-gray-500:#5c5c5c;--spectrum-global-color-gray-600:#7c7c7c;--spectrum-global-color-gray-700:#a2a2a2;--spectrum-global-color-gray-800:#c8c8c8;--spectrum-global-color-gray-900:#efefef;--spectrum-alias-highlight-selected:rgba(38,128,235,.2)}.spectrum{-webkit-tap-highlight-color:rgba(0,0,0,0);background-color:var(--spectrum-global-color-gray-100)}.spectrum-Icon,.spectrum-UIIcon{fill:currentColor;color:inherit;display:inline-block;pointer-events:none}.spectrum-Icon:not(:root),.spectrum-UIIcon:not(:root){overflow:hidden}@media (forced-colors:active){.spectrum-Icon,.spectrum-UIIcon{forced-color-adjust:auto}}.spectrum-Icon{--spectrum-icon-size-s:var(--spectrum-global-dimension-size-200);--spectrum-icon-size-m:var(--spectrum-global-dimension-size-225);--spectrum-icon-size-l:var(--spectrum-alias-workflow-icon-size-l);--spectrum-icon-size-xl:var(--spectrum-global-dimension-size-275);--spectrum-icon-size-xxl:var(--spectrum-global-dimension-size-400)}.spectrum-Icon--sizeS,.spectrum-Icon--sizeS img,.spectrum-Icon--sizeS svg{height:var(--spectrum-icon-size-s);width:var(--spectrum-icon-size-s)}.spectrum-Icon--sizeM,.spectrum-Icon--sizeM img,.spectrum-Icon--sizeM svg{height:var(--spectrum-icon-size-m);width:var(--spectrum-icon-size-m)}.spectrum-Icon--sizeL,.spectrum-Icon--sizeL img,.spectrum-Icon--sizeL svg{height:var(--spectrum-icon-size-l);width:var(--spectrum-icon-size-l)}.spectrum-Icon--sizeXL,.spectrum-Icon--sizeXL img,.spectrum-Icon--sizeXL svg{height:var(--spectrum-icon-size-xl);width:var(--spectrum-icon-size-xl)}.spectrum-Icon--sizeXXL,.spectrum-Icon--sizeXXL img,.spectrum-Icon--sizeXXL svg{height:var(--spectrum-icon-size-xxl);width:var(--spectrum-icon-size-xxl)}.spectrum--medium .spectrum-UIIcon--large{display:none}.spectrum--medium .spectrum-UIIcon--medium{display:inline}.spectrum--large .spectrum-UIIcon--medium{display:none}.spectrum--large .spectrum-UIIcon--large{display:inline}.spectrum--large{--ui-icon-large-display:block;--ui-icon-medium-display:none}.spectrum--medium{--ui-icon-medium-display:block;--ui-icon-large-display:none}.spectrum-UIIcon--large{display:var(--ui-icon-large-display)}.spectrum-UIIcon--medium{display:var(--ui-icon-medium-display)}.spectrum-UIIcon-ArrowDown100,.spectrum-UIIcon-ArrowDown200,.spectrum-UIIcon-ArrowDown300,.spectrum-UIIcon-ArrowDown400,.spectrum-UIIcon-ArrowDown500,.spectrum-UIIcon-ArrowDown600,.spectrum-UIIcon-ArrowDown75,.spectrum-UIIcon-ChevronDown100,.spectrum-UIIcon-ChevronDown200,.spectrum-UIIcon-ChevronDown300,.spectrum-UIIcon-ChevronDown400,.spectrum-UIIcon-ChevronDown500,.spectrum-UIIcon-ChevronDown75{transform:rotate(90deg)}.spectrum-UIIcon-ArrowLeft100,.spectrum-UIIcon-ArrowLeft200,.spectrum-UIIcon-ArrowLeft300,.spectrum-UIIcon-ArrowLeft400,.spectrum-UIIcon-ArrowLeft500,.spectrum-UIIcon-ArrowLeft600,.spectrum-UIIcon-ArrowLeft75,.spectrum-UIIcon-ChevronLeft100,.spectrum-UIIcon-ChevronLeft200,.spectrum-UIIcon-ChevronLeft300,.spectrum-UIIcon-ChevronLeft400,.spectrum-UIIcon-ChevronLeft500,.spectrum-UIIcon-ChevronLeft75{transform:rotate(180deg)}.spectrum-UIIcon-ArrowUp100,.spectrum-UIIcon-ArrowUp200,.spectrum-UIIcon-ArrowUp300,.spectrum-UIIcon-ArrowUp400,.spectrum-UIIcon-ArrowUp500,.spectrum-UIIcon-ArrowUp600,.spectrum-UIIcon-ArrowUp75,.spectrum-UIIcon-ChevronUp100,.spectrum-UIIcon-ChevronUp200,.spectrum-UIIcon-ChevronUp300,.spectrum-UIIcon-ChevronUp400,.spectrum-UIIcon-ChevronUp500,.spectrum-UIIcon-ChevronUp75{transform:rotate(270deg)}.spectrum-UIIcon-ChevronDown75,.spectrum-UIIcon-ChevronLeft75,.spectrum-UIIcon-ChevronRight75,.spectrum-UIIcon-ChevronUp75{height:var(--spectrum-alias-ui-icon-chevron-size-75);width:var(--spectrum-alias-ui-icon-chevron-size-75)}.spectrum-UIIcon-ChevronDown100,.spectrum-UIIcon-ChevronLeft100,.spectrum-UIIcon-ChevronRight100,.spectrum-UIIcon-ChevronUp100{height:var(--spectrum-alias-ui-icon-chevron-size-100);width:var(--spectrum-alias-ui-icon-chevron-size-100)}.spectrum-UIIcon-ChevronDown200,.spectrum-UIIcon-ChevronLeft200,.spectrum-UIIcon-ChevronRight200,.spectrum-UIIcon-ChevronUp200{height:var(--spectrum-alias-ui-icon-chevron-size-200);width:var(--spectrum-alias-ui-icon-chevron-size-200)}.spectrum-UIIcon-ChevronDown300,.spectrum-UIIcon-ChevronLeft300,.spectrum-UIIcon-ChevronRight300,.spectrum-UIIcon-ChevronUp300{height:var(--spectrum-alias-ui-icon-chevron-size-300);width:var(--spectrum-alias-ui-icon-chevron-size-300)}.spectrum-UIIcon-ChevronDown400,.spectrum-UIIcon-ChevronLeft400,.spectrum-UIIcon-ChevronRight400,.spectrum-UIIcon-ChevronUp400{height:var(--spectrum-alias-ui-icon-chevron-size-400);width:var(--spectrum-alias-ui-icon-chevron-size-400)}.spectrum-UIIcon-ChevronDown500,.spectrum-UIIcon-ChevronLeft500,.spectrum-UIIcon-ChevronRight500,.spectrum-UIIcon-ChevronUp500{height:var(--spectrum-alias-ui-icon-chevron-size-500);width:var(--spectrum-alias-ui-icon-chevron-size-500)}.spectrum-UIIcon-ArrowDown75,.spectrum-UIIcon-ArrowLeft75,.spectrum-UIIcon-ArrowRight75,.spectrum-UIIcon-ArrowUp75{height:var(--spectrum-alias-ui-icon-arrow-size-75);width:var(--spectrum-alias-ui-icon-arrow-size-75)}.spectrum-UIIcon-ArrowDown100,.spectrum-UIIcon-ArrowLeft100,.spectrum-UIIcon-ArrowRight100,.spectrum-UIIcon-ArrowUp100{height:var(--spectrum-alias-ui-icon-arrow-size-100);width:var(--spectrum-alias-ui-icon-arrow-size-100)}.spectrum-UIIcon-ArrowDown200,.spectrum-UIIcon-ArrowLeft200,.spectrum-UIIcon-ArrowRight200,.spectrum-UIIcon-ArrowUp200{height:var(--spectrum-alias-ui-icon-arrow-size-200);width:var(--spectrum-alias-ui-icon-arrow-size-200)}.spectrum-UIIcon-ArrowDown300,.spectrum-UIIcon-ArrowLeft300,.spectrum-UIIcon-ArrowRight300,.spectrum-UIIcon-ArrowUp300{height:var(--spectrum-alias-ui-icon-arrow-size-300);width:var(--spectrum-alias-ui-icon-arrow-size-300)}.spectrum-UIIcon-ArrowDown400,.spectrum-UIIcon-ArrowLeft400,.spectrum-UIIcon-ArrowRight400,.spectrum-UIIcon-ArrowUp400{height:var(--spectrum-alias-ui-icon-arrow-size-400);width:var(--spectrum-alias-ui-icon-arrow-size-400)}.spectrum-UIIcon-ArrowDown500,.spectrum-UIIcon-ArrowLeft500,.spectrum-UIIcon-ArrowRight500,.spectrum-UIIcon-ArrowUp500{height:var(--spectrum-alias-ui-icon-arrow-size-500);width:var(--spectrum-alias-ui-icon-arrow-size-500)}.spectrum-UIIcon-ArrowDown600,.spectrum-UIIcon-ArrowLeft600,.spectrum-UIIcon-ArrowRight600,.spectrum-UIIcon-ArrowUp600{height:var(--spectrum-alias-ui-icon-arrow-size-600);width:var(--spectrum-alias-ui-icon-arrow-size-600)}.spectrum-UIIcon-Checkmark50{height:var(--spectrum-alias-ui-icon-checkmark-size-50);width:var(--spectrum-alias-ui-icon-checkmark-size-50)}.spectrum-UIIcon-Checkmark75{height:var(--spectrum-alias-ui-icon-checkmark-size-75);width:var(--spectrum-alias-ui-icon-checkmark-size-75)}.spectrum-UIIcon-Checkmark100{height:var(--spectrum-alias-ui-icon-checkmark-size-100);width:var(--spectrum-alias-ui-icon-checkmark-size-100)}.spectrum-UIIcon-Checkmark200{height:var(--spectrum-alias-ui-icon-checkmark-size-200);width:var(--spectrum-alias-ui-icon-checkmark-size-200)}.spectrum-UIIcon-Checkmark300{height:var(--spectrum-alias-ui-icon-checkmark-size-300);width:var(--spectrum-alias-ui-icon-checkmark-size-300)}.spectrum-UIIcon-Checkmark400{height:var(--spectrum-alias-ui-icon-checkmark-size-400);width:var(--spectrum-alias-ui-icon-checkmark-size-400)}.spectrum-UIIcon-Checkmark500{height:var(--spectrum-alias-ui-icon-checkmark-size-500);width:var(--spectrum-alias-ui-icon-checkmark-size-500)}.spectrum-UIIcon-Checkmark600{height:var(--spectrum-alias-ui-icon-checkmark-size-600);width:var(--spectrum-alias-ui-icon-checkmark-size-600)}.spectrum-UIIcon-Dash50{height:var(--spectrum-alias-ui-icon-dash-size-50);width:var(--spectrum-alias-ui-icon-dash-size-50)}.spectrum-UIIcon-Dash75{height:var(--spectrum-alias-ui-icon-dash-size-75);width:var(--spectrum-alias-ui-icon-dash-size-75)}.spectrum-UIIcon-Dash100{height:var(--spectrum-alias-ui-icon-dash-size-100);width:var(--spectrum-alias-ui-icon-dash-size-100)}.spectrum-UIIcon-Dash200{height:var(--spectrum-alias-ui-icon-dash-size-200);width:var(--spectrum-alias-ui-icon-dash-size-200)}.spectrum-UIIcon-Dash300{height:var(--spectrum-alias-ui-icon-dash-size-300);width:var(--spectrum-alias-ui-icon-dash-size-300)}.spectrum-UIIcon-Dash400{height:var(--spectrum-alias-ui-icon-dash-size-400);width:var(--spectrum-alias-ui-icon-dash-size-400)}.spectrum-UIIcon-Dash500{height:var(--spectrum-alias-ui-icon-dash-size-500);width:var(--spectrum-alias-ui-icon-dash-size-500)}.spectrum-UIIcon-Dash600{height:var(--spectrum-alias-ui-icon-dash-size-600);width:var(--spectrum-alias-ui-icon-dash-size-600)}.spectrum-UIIcon-Cross75{height:var(--spectrum-alias-ui-icon-cross-size-75);width:var(--spectrum-alias-ui-icon-cross-size-75)}.spectrum-UIIcon-Cross100{height:var(--spectrum-alias-ui-icon-cross-size-100);width:var(--spectrum-alias-ui-icon-cross-size-100)}.spectrum-UIIcon-Cross200{height:var(--spectrum-alias-ui-icon-cross-size-200);width:var(--spectrum-alias-ui-icon-cross-size-200)}.spectrum-UIIcon-Cross300{height:var(--spectrum-alias-ui-icon-cross-size-300);width:var(--spectrum-alias-ui-icon-cross-size-300)}.spectrum-UIIcon-Cross400{height:var(--spectrum-alias-ui-icon-cross-size-400);width:var(--spectrum-alias-ui-icon-cross-size-400)}.spectrum-UIIcon-Cross500{height:var(--spectrum-alias-ui-icon-cross-size-500);width:var(--spectrum-alias-ui-icon-cross-size-500)}.spectrum-UIIcon-Cross600{height:var(--spectrum-alias-ui-icon-cross-size-600);width:var(--spectrum-alias-ui-icon-cross-size-600)}.spectrum-UIIcon-TripleGripper100{height:var(--spectrum-alias-ui-icon-triplegripper-size-100-width);width:var(--spectrum-global-dimension-size-100)}.spectrum-UIIcon-DoubleGripper100{height:var(--spectrum-global-dimension-size-200);width:var(--spectrum-alias-ui-icon-doublegripper-size-100-height)}.spectrum-UIIcon-SingleGripper100{height:var(--spectrum-global-dimension-size-300);width:var(--spectrum-alias-ui-icon-singlegripper-size-100-height)}.spectrum-UIIcon-CornerTriangle75{height:var(--spectrum-global-dimension-size-65);width:var(--spectrum-global-dimension-size-65)}.spectrum-UIIcon-CornerTriangle100{height:var(--spectrum-alias-ui-icon-cornertriangle-size-100);width:var(--spectrum-alias-ui-icon-cornertriangle-size-100)}.spectrum-UIIcon-CornerTriangle200{height:var(--spectrum-global-dimension-size-75);width:var(--spectrum-global-dimension-size-75)}.spectrum-UIIcon-CornerTriangle300{height:var(--spectrum-alias-ui-icon-cornertriangle-size-300);width:var(--spectrum-alias-ui-icon-cornertriangle-size-300)}.spectrum-UIIcon-Asterisk75{height:var(--spectrum-alias-ui-icon-asterisk-size-300);width:var(--spectrum-global-dimension-static-size-100)}.spectrum-UIIcon-Asterisk100{height:var(--spectrum-global-dimension-size-100);width:var(--spectrum-global-dimension-size-100)}.spectrum-UIIcon-Asterisk200{height:var(--spectrum-alias-ui-icon-asterisk-size-200);width:var(--spectrum-alias-ui-icon-asterisk-size-200)}.spectrum-UIIcon-Asterisk300{height:var(--spectrum-alias-ui-icon-asterisk-size-300);width:var(--spectrum-alias-ui-icon-asterisk-size-300)}.spectrum-Button{-ms-flex-align:center;-ms-flex-pack:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;-webkit-appearance:button;box-sizing:border-box;cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--spectrum-global-font-family-base);justify-content:center;line-height:var(--spectrum-global-font-line-height-small);margin:0;overflow:visible;position:relative;text-decoration:none;text-transform:none;transition:background .13s ease-out,border-color .13s ease-out,color .13s ease-out,box-shadow .13s ease-out;-ms-user-select:none;user-select:none;-webkit-user-select:none;vertical-align:top}.spectrum-Button:focus{outline:none}.spectrum-Button::-moz-focus-inner{border:0;border-style:none;margin-bottom:-2px;margin-top:-2px;padding:0}.spectrum-Button:disabled{cursor:default}.spectrum-Button .spectrum-Icon{-ms-flex-negative:0;flex-shrink:0;max-height:100%}.spectrum-Button:after{border-radius:calc(var(--spectrum-global-dimension-size-200) + var(--spectrum-global-dimension-static-size-25));bottom:0;content:"";display:block;left:0;margin:calc(var(--spectrum-global-dimension-static-size-25)*-1);position:absolute;right:0;top:0;transition:opacity .13s ease-out,margin .13s ease-out}.spectrum-Button.focus-ring:after{margin:calc(var(--spectrum-global-dimension-static-size-25)*-2)}a.spectrum-Button{-webkit-appearance:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.spectrum-Button-label{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;justify-self:center;text-align:center}.spectrum-Button-label:empty{display:none}.spectrum-Button--sizeS{--spectrum-button-primary-fill-textonly-text-padding-bottom:var(--spectrum-button-s-primary-fill-textonly-text-padding-bottom);--spectrum-button-primary-fill-texticon-text-size:var(--spectrum-global-dimension-font-size-75);--spectrum-button-primary-fill-texticon-text-font-weight:var(--spectrum-global-font-weight-bold);--spectrum-button-primary-fill-texticon-text-line-height:var(--spectrum-alias-component-text-line-height);--spectrum-button-primary-fill-texticon-icon-gap:var(--spectrum-global-dimension-size-85);--spectrum-button-primary-fill-texticon-focus-ring-size:var(--spectrum-alias-focus-ring-size);--spectrum-button-primary-fill-texticon-border-size:var(--spectrum-alias-border-size-thick);--spectrum-button-primary-fill-texticon-padding-left:var(--spectrum-global-dimension-size-125);--spectrum-button-primary-fill-texticon-border-radius:var(--spectrum-global-dimension-size-150);--spectrum-button-primary-fill-textonly-border-size:var(--spectrum-alias-border-size-thick);--spectrum-button-primary-fill-textonly-min-width:var(--spectrum-global-dimension-size-675);--spectrum-button-primary-fill-textonly-padding-left:var(--spectrum-global-dimension-size-150);--spectrum-button-primary-fill-textonly-padding-right:var(--spectrum-global-dimension-size-150);--spectrum-button-primary-fill-textonly-height:var(--spectrum-global-dimension-size-300);--spectrum-button-primary-fill-textonly-text-padding-top:calc(var(--spectrum-global-dimension-static-size-50) - 1px)}.spectrum-Button--sizeM{--spectrum-button-primary-fill-texticon-padding-left:var(--spectrum-button-m-primary-fill-texticon-padding-left);--spectrum-button-primary-fill-texticon-text-size:var(--spectrum-global-dimension-font-size-100);--spectrum-button-primary-fill-texticon-text-font-weight:var(--spectrum-global-font-weight-bold);--spectrum-button-primary-fill-texticon-text-line-height:var(--spectrum-alias-component-text-line-height);--spectrum-button-primary-fill-texticon-icon-gap:var(--spectrum-global-dimension-size-100);--spectrum-button-primary-fill-texticon-focus-ring-size:var(--spectrum-alias-focus-ring-size);--spectrum-button-primary-fill-texticon-border-size:var(--spectrum-alias-border-size-thick);--spectrum-button-primary-fill-texticon-border-radius:var(--spectrum-global-dimension-size-200);--spectrum-button-primary-fill-textonly-text-padding-top:var(--spectrum-global-dimension-size-75);--spectrum-button-primary-fill-textonly-border-size:var(--spectrum-alias-border-size-thick);--spectrum-button-primary-fill-textonly-min-width:var(--spectrum-global-dimension-size-900);--spectrum-button-primary-fill-textonly-padding-left:var(--spectrum-global-dimension-size-200);--spectrum-button-primary-fill-textonly-padding-right:var(--spectrum-global-dimension-size-200);--spectrum-button-primary-fill-textonly-height:var(--spectrum-global-dimension-size-400);--spectrum-button-primary-fill-textonly-text-padding-bottom:calc(var(--spectrum-global-dimension-size-115) - 1px)}.spectrum-Button--sizeL{--spectrum-button-primary-fill-textonly-text-padding-top:var(--spectrum-button-l-primary-fill-textonly-text-padding-top);--spectrum-button-primary-fill-texticon-text-size:var(--spectrum-global-dimension-font-size-200);--spectrum-button-primary-fill-texticon-text-font-weight:var(--spectrum-global-font-weight-bold);--spectrum-button-primary-fill-texticon-text-line-height:var(--spectrum-alias-component-text-line-height);--spectrum-button-primary-fill-texticon-icon-gap:var(--spectrum-global-dimension-size-115);--spectrum-button-primary-fill-texticon-focus-ring-size:var(--spectrum-alias-focus-ring-size);--spectrum-button-primary-fill-texticon-border-size:var(--spectrum-alias-border-size-thick);--spectrum-button-primary-fill-texticon-padding-left:var(--spectrum-global-dimension-size-225);--spectrum-button-primary-fill-texticon-border-radius:var(--spectrum-global-dimension-size-250);--spectrum-button-primary-fill-textonly-text-padding-bottom:var(--spectrum-global-dimension-size-130);--spectrum-button-primary-fill-textonly-border-size:var(--spectrum-alias-border-size-thick);--spectrum-button-primary-fill-textonly-min-width:var(--spectrum-global-dimension-size-1125);--spectrum-button-primary-fill-textonly-padding-left:var(--spectrum-global-dimension-size-250);--spectrum-button-primary-fill-textonly-padding-right:var(--spectrum-global-dimension-size-250);--spectrum-button-primary-fill-textonly-height:var(--spectrum-global-dimension-size-500)}.spectrum-Button--sizeXL{--spectrum-button-primary-fill-texticon-padding-left:var(--spectrum-button-xl-primary-fill-texticon-padding-left);--spectrum-button-primary-fill-texticon-text-size:var(--spectrum-global-dimension-font-size-300);--spectrum-button-primary-fill-texticon-text-font-weight:var(--spectrum-global-font-weight-bold);--spectrum-button-primary-fill-texticon-text-line-height:var(--spectrum-alias-component-text-line-height);--spectrum-button-primary-fill-texticon-icon-gap:var(--spectrum-global-dimension-size-125);--spectrum-button-primary-fill-texticon-focus-ring-size:var(--spectrum-alias-focus-ring-size);--spectrum-button-primary-fill-texticon-border-size:var(--spectrum-alias-border-size-thick);--spectrum-button-primary-fill-texticon-border-radius:var(--spectrum-global-dimension-size-300);--spectrum-button-primary-fill-textonly-text-padding-top:var(--spectrum-global-dimension-size-150);--spectrum-button-primary-fill-textonly-border-size:var(--spectrum-alias-border-size-thick);--spectrum-button-primary-fill-textonly-min-width:var(--spectrum-global-dimension-size-1250);--spectrum-button-primary-fill-textonly-padding-left:var(--spectrum-global-dimension-size-300);--spectrum-button-primary-fill-textonly-padding-right:var(--spectrum-global-dimension-size-300);--spectrum-button-primary-fill-textonly-height:var(--spectrum-global-dimension-size-600);--spectrum-button-primary-fill-textonly-text-padding-bottom:calc(var(--spectrum-global-dimension-size-175) - 1px)}.spectrum-Button{--spectrum-button-primary-fill-padding-left-adjusted:calc(var(--spectrum-button-primary-fill-texticon-padding-left) - var(--spectrum-button-primary-fill-texticon-border-size));--spectrum-button-primary-fill-textonly-padding-left-adjusted:calc(var(--spectrum-button-primary-fill-textonly-padding-left) - var(--spectrum-button-primary-fill-texticon-border-size));--spectrum-button-primary-fill-textonly-padding-right-adjusted:calc(var(--spectrum-button-primary-fill-textonly-padding-right) - var(--spectrum-button-primary-fill-texticon-border-size))}[dir=ltr] .spectrum-Button{padding-left:var(--spectrum-button-primary-fill-textonly-padding-left-adjusted);padding-right:var(--spectrum-button-primary-fill-textonly-padding-right-adjusted)}[dir=rtl] .spectrum-Button{padding-left:var(--spectrum-button-primary-fill-textonly-padding-right-adjusted);padding-right:var(--spectrum-button-primary-fill-textonly-padding-left-adjusted)}.spectrum-Button{--spectrum-button-focus-ring-color:var(--spectrum-alias-focus-ring-color);border-radius:var(--spectrum-button-primary-fill-texticon-border-radius);border-style:solid;border-width:var(--spectrum-button-primary-fill-texticon-border-size);color:inherit;font-size:var(--spectrum-button-primary-fill-texticon-text-size);font-weight:var(--spectrum-button-primary-fill-texticon-text-font-weight);height:auto;min-height:var(--spectrum-button-primary-fill-textonly-height);min-width:var(--spectrum-button-primary-fill-textonly-min-width);padding-bottom:0;padding-top:0}.spectrum-Button:active,.spectrum-Button:hover{box-shadow:none}[dir=ltr] .spectrum-Button .spectrum-Icon{margin-left:calc((var(--spectrum-button-primary-fill-textonly-padding-left-adjusted) - var(--spectrum-button-primary-fill-padding-left-adjusted))*-1)}[dir=rtl] .spectrum-Button .spectrum-Icon{margin-right:calc((var(--spectrum-button-primary-fill-textonly-padding-left-adjusted) - var(--spectrum-button-primary-fill-padding-left-adjusted))*-1)}[dir=ltr] .spectrum-Button .spectrum-Icon+.spectrum-Button-label{padding-left:var(--spectrum-button-primary-fill-texticon-icon-gap)}[dir=rtl] .spectrum-Button .spectrum-Icon+.spectrum-Button-label{padding-right:var(--spectrum-button-primary-fill-texticon-icon-gap)}[dir=ltr] .spectrum-Button .spectrum-Icon+.spectrum-Button-label{padding-right:0}[dir=rtl] .spectrum-Button .spectrum-Icon+.spectrum-Button-label{padding-left:0}.spectrum-Button:after{border-radius:calc(var(--spectrum-button-primary-fill-texticon-border-radius) + var(--spectrum-global-dimension-static-size-25))}.spectrum-Button-label{line-height:var(--spectrum-button-primary-fill-texticon-text-line-height);padding-bottom:calc(var(--spectrum-button-primary-fill-textonly-text-padding-bottom) - var(--spectrum-button-primary-fill-textonly-border-size));padding-top:calc(var(--spectrum-button-primary-fill-textonly-text-padding-top) - var(--spectrum-button-primary-fill-textonly-border-size))}.spectrum-Button.focus-ring:after,.spectrum-Button.is-focused:after{box-shadow:0 0 0 var(--spectrum-button-primary-fill-texticon-focus-ring-size) var(--spectrum-button-focus-ring-color)}.spectrum-Button--staticWhite{--spectrum-button-focus-ring-color:var(--spectrum-global-color-static-white)}.spectrum-Button--staticBlack{--spectrum-button-focus-ring-color:var(--spectrum-global-color-static-black)}@media (forced-colors:active){.spectrum-Button{--spectrum-button-m-accent-fill-texticon-background-color:ButtonText;--spectrum-button-m-accent-fill-texticon-background-color-down:Highlight;--spectrum-button-m-accent-fill-texticon-background-color-hover:Highlight;--spectrum-button-m-accent-fill-texticon-background-color-key-focus:Highlight;--spectrum-button-m-accent-fill-texticon-text-color:ButtonFace;--spectrum-button-m-negative-outline-texticon-background-color:ButtonFace;--spectrum-button-m-negative-outline-texticon-background-color-down:ButtonFace;--spectrum-button-m-negative-outline-texticon-background-color-hover:ButtonFace;--spectrum-button-m-negative-outline-texticon-background-color-key-focus:ButtonFace;--spectrum-button-m-negative-outline-texticon-border-color:ButtonText;--spectrum-button-m-negative-outline-texticon-border-color-down:Highlight;--spectrum-button-m-negative-outline-texticon-border-color-hover:Highlight;--spectrum-button-m-negative-outline-texticon-border-color-key-focus:Highlight;--spectrum-button-m-negative-outline-texticon-text-color:ButtonText;--spectrum-button-m-negative-outline-texticon-text-color-down:ButtonText;--spectrum-button-m-negative-outline-texticon-text-color-hover:ButtonText;--spectrum-button-m-negative-outline-texticon-text-color-key-focus:ButtonText;--spectrum-button-m-primary-outline-texticon-background-color:ButtonFace;--spectrum-button-m-primary-outline-texticon-background-color-disabled:ButtonFace;--spectrum-button-m-primary-outline-texticon-background-color-down:ButtonFace;--spectrum-button-m-primary-outline-texticon-background-color-hover:ButtonFace;--spectrum-button-m-primary-outline-texticon-background-color-key-focus:ButtonFace;--spectrum-button-m-primary-outline-texticon-border-color:ButtonText;--spectrum-button-m-primary-outline-texticon-border-color-disabled:GrayText;--spectrum-button-m-primary-outline-texticon-border-color-down:Highlight;--spectrum-button-m-primary-outline-texticon-border-color-hover:Highlight;--spectrum-button-m-primary-outline-texticon-border-color-key-focus:Highlight;--spectrum-button-m-primary-outline-texticon-text-color:ButtonText;--spectrum-button-m-primary-outline-texticon-text-color-down:ButtonText;--spectrum-button-m-primary-outline-texticon-text-color-hover:ButtonText;--spectrum-button-m-primary-outline-texticon-text-color-key-focus:ButtonText;--spectrum-button-m-secondary-outline-texticon-background-color:ButtonFace;--spectrum-button-m-secondary-outline-texticon-background-color-down:ButtonFace;--spectrum-button-m-secondary-outline-texticon-background-color-hover:ButtonFace;--spectrum-button-m-secondary-outline-texticon-background-color-key-focus:ButtonFace;--spectrum-button-m-secondary-outline-texticon-border-color:ButtonText;--spectrum-button-m-secondary-outline-texticon-border-color-down:Highlight;--spectrum-button-m-secondary-outline-texticon-border-color-hover:Highlight;--spectrum-button-m-secondary-outline-texticon-border-color-key-focus:Highlight;--spectrum-button-m-secondary-outline-texticon-text-color:ButtonText;--spectrum-button-m-secondary-outline-texticon-text-color-down:ButtonText;--spectrum-button-m-secondary-outline-texticon-text-color-hover:ButtonText;--spectrum-button-m-secondary-outline-texticon-text-color-key-focus:ButtonText}.spectrum-Button.focus-ring:after,.spectrum-Button.is-focused:after{box-shadow:0 0 0 var(--spectrum-button-primary-fill-texticon-focus-ring-size) Highlight}.spectrum-Button{forced-color-adjust:none}.spectrum-Button--overBackground.focus-ring,.spectrum-Button--overBackground:active,.spectrum-Button--overBackground:hover{color:ButtonText}}.spectrum-Button:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):disabled .spectrum-Button-label,.spectrum-Button:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):disabled .spectrum-Icon{color:var(--spectrum-global-color-gray-500)}.spectrum-Button.spectrum-Button--staticWhite:disabled .spectrum-Button-label,.spectrum-Button.spectrum-Button--staticWhite:disabled .spectrum-Icon{color:var(--spectrum-global-color-static-transparent-white-500)}.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--fill:not(.spectrum-Button--secondary):not(:disabled){background-color:var(--spectrum-global-color-static-white)}.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--fill:not(.spectrum-Button--secondary):not(:disabled) .spectrum-Button-label,.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--fill:not(.spectrum-Button--secondary):not(:disabled) .spectrum-Icon{color:inherit}.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--fill.spectrum-Button--secondary:not(:disabled){background-color:var(--spectrum-global-color-static-transparent-white-300)}.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--fill.spectrum-Button--secondary:not(:disabled) .spectrum-Button-label,.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--fill.spectrum-Button--secondary:not(:disabled) .spectrum-Icon{color:var(--spectrum-global-color-static-white)}.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--fill.spectrum-Button--secondary:not(:disabled):hover{background-color:var(--spectrum-global-color-static-transparent-white-400)}.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--fill.spectrum-Button--secondary:not(:disabled):active{background-color:var(--spectrum-global-color-static-transparent-white-500)}.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--fill.spectrum-Button--secondary:not(:disabled):focus-visible{background-color:var(--spectrum-global-color-static-transparent-white-400)}.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--fill.spectrum-Button--secondary:not(:disabled).is-keyboardFocused{background-color:var(--spectrum-global-color-static-transparent-white-400)}.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--fill:disabled{background-color:var(--spectrum-global-color-static-transparent-white-200)}.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--outline:not(:disabled) .spectrum-Button-label,.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--outline:not(:disabled) .spectrum-Icon{color:var(--spectrum-global-color-static-white)}.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--outline:disabled{background-color:var(--spectrum-alias-background-color-transparent);border-color:var(--spectrum-global-color-static-transparent-white-200)}.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--outline:not(.spectrum-Button--secondary):not(:disabled){background-color:var(--spectrum-alias-background-color-transparent);border-color:var(--spectrum-global-color-static-white)}.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--outline:not(.spectrum-Button--secondary):not(:disabled):hover{background-color:var(--spectrum-global-color-static-transparent-white-300)}.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--outline:not(.spectrum-Button--secondary):not(:disabled):active{background-color:var(--spectrum-global-color-static-transparent-white-400)}.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--outline:not(.spectrum-Button--secondary):not(:disabled):focus-visible{background-color:var(--spectrum-global-color-static-transparent-white-300)}.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--outline:not(.spectrum-Button--secondary):not(:disabled).is-keyboardFocused{background-color:var(--spectrum-global-color-static-transparent-white-300)}.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--outline.spectrum-Button--secondary:not(:disabled){background-color:var(--spectrum-alias-background-color-transparent);border-color:var(--spectrum-global-color-static-transparent-white-200)}.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--outline.spectrum-Button--secondary:not(:disabled):hover{background-color:var(--spectrum-global-color-static-transparent-white-300)}.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--outline.spectrum-Button--secondary:not(:disabled):active{background-color:var(--spectrum-global-color-static-transparent-white-400)}.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--outline.spectrum-Button--secondary:not(:disabled):focus-visible{background-color:var(--spectrum-global-color-static-transparent-white-300)}.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--outline.spectrum-Button--secondary:not(:disabled).is-keyboardFocused{background-color:var(--spectrum-global-color-static-transparent-white-300)}.spectrum-Button.spectrum-Button--staticBlack:disabled .spectrum-Button-label,.spectrum-Button.spectrum-Button--staticBlack:disabled .spectrum-Icon{color:var(--spectrum-global-color-static-transparent-black-500)}.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--fill:not(.spectrum-Button--secondary):not(:disabled){background-color:var(--spectrum-global-color-static-black)}.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--fill:not(.spectrum-Button--secondary):not(:disabled) .spectrum-Button-label,.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--fill:not(.spectrum-Button--secondary):not(:disabled) .spectrum-Icon{color:inherit}.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--fill.spectrum-Button--secondary:not(:disabled){background-color:var(--spectrum-global-color-static-transparent-black-300)}.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--fill.spectrum-Button--secondary:not(:disabled) .spectrum-Button-label,.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--fill.spectrum-Button--secondary:not(:disabled) .spectrum-Icon{color:var(--spectrum-global-color-static-black)}.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--fill.spectrum-Button--secondary:not(:disabled):hover{background-color:var(--spectrum-global-color-static-transparent-black-400)}.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--fill.spectrum-Button--secondary:not(:disabled):active{background-color:var(--spectrum-global-color-static-transparent-black-500)}.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--fill.spectrum-Button--secondary:not(:disabled):focus-visible{background-color:var(--spectrum-global-color-static-transparent-black-400)}.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--fill.spectrum-Button--secondary:not(:disabled).is-keyboardFocused{background-color:var(--spectrum-global-color-static-transparent-black-400)}.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--fill:disabled{background-color:var(--spectrum-global-color-static-transparent-black-200)}.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--outline:not(:disabled) .spectrum-Button-label,.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--outline:not(:disabled) .spectrum-Icon{color:var(--spectrum-global-color-static-black)}.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--outline:disabled{background-color:var(--spectrum-alias-background-color-transparent);border-color:var(--spectrum-global-color-static-transparent-black-200)}.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--outline:not(.spectrum-Button--secondary):not(:disabled){background-color:var(--spectrum-alias-background-color-transparent);border-color:var(--spectrum-global-color-static-black)}.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--outline:not(.spectrum-Button--secondary):not(:disabled):hover{background-color:var(--spectrum-global-color-static-transparent-black-300)}.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--outline:not(.spectrum-Button--secondary):not(:disabled):active{background-color:var(--spectrum-global-color-static-transparent-black-400)}.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--outline:not(.spectrum-Button--secondary):not(:disabled):focus-visible{background-color:var(--spectrum-global-color-static-transparent-black-300)}.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--outline:not(.spectrum-Button--secondary):not(:disabled).is-keyboardFocused{background-color:var(--spectrum-global-color-static-transparent-black-300)}.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--outline.spectrum-Button--secondary:not(:disabled){background-color:var(--spectrum-alias-background-color-transparent);border-color:var(--spectrum-global-color-static-transparent-black-200)}.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--outline.spectrum-Button--secondary:not(:disabled):hover{background-color:var(--spectrum-global-color-static-transparent-black-300)}.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--outline.spectrum-Button--secondary:not(:disabled):active{background-color:var(--spectrum-global-color-static-transparent-black-400)}.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--outline.spectrum-Button--secondary:not(:disabled):focus-visible{background-color:var(--spectrum-global-color-static-transparent-black-300)}.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--outline.spectrum-Button--secondary:not(:disabled).is-keyboardFocused{background-color:var(--spectrum-global-color-static-transparent-black-300)}.spectrum-Button.spectrum-Button--fill.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled){background-color:var(--spectrum-semantic-cta-background-color-default)}.spectrum-Button.spectrum-Button--fill.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled) .spectrum-Button-label,.spectrum-Button.spectrum-Button--fill.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled) .spectrum-Icon{color:var(--spectrum-global-color-static-white)}.spectrum-Button.spectrum-Button--fill.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):hover{background-color:var(--spectrum-semantic-cta-background-color-hover)}.spectrum-Button.spectrum-Button--fill.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):active{background-color:var(--spectrum-semantic-cta-background-color-down)}.spectrum-Button.spectrum-Button--fill.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):focus-visible{background-color:var(--spectrum-semantic-cta-background-color-key-focus)}.spectrum-Button.spectrum-Button--fill.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled).is-keyboardFocused{background-color:var(--spectrum-semantic-cta-background-color-key-focus)}.spectrum-Button.spectrum-Button--fill.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled){background-color:var(--spectrum-global-color-static-red-600)}.spectrum-Button.spectrum-Button--fill.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled) .spectrum-Button-label,.spectrum-Button.spectrum-Button--fill.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled) .spectrum-Icon{color:var(--spectrum-global-color-static-white)}.spectrum-Button.spectrum-Button--fill.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):hover{background-color:var(--spectrum-global-color-static-red-700)}.spectrum-Button.spectrum-Button--fill.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):active{background-color:var(--spectrum-global-color-static-red-800)}.spectrum-Button.spectrum-Button--fill.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):focus-visible{background-color:var(--spectrum-global-color-static-red-700)}.spectrum-Button.spectrum-Button--fill.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled).is-keyboardFocused{background-color:var(--spectrum-global-color-static-red-700)}.spectrum-Button.spectrum-Button--fill.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled){background-color:var(--spectrum-global-color-gray-800)}.spectrum-Button.spectrum-Button--fill.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled) .spectrum-Button-label,.spectrum-Button.spectrum-Button--fill.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled) .spectrum-Icon{color:var(--spectrum-global-color-gray-50)}.spectrum-Button.spectrum-Button--fill.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):active,.spectrum-Button.spectrum-Button--fill.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):hover{background-color:var(--spectrum-global-color-gray-900)}.spectrum-Button.spectrum-Button--fill.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):focus-visible{background-color:var(--spectrum-global-color-gray-900)}.spectrum-Button.spectrum-Button--fill.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled).is-keyboardFocused{background-color:var(--spectrum-global-color-gray-900)}.spectrum-Button.spectrum-Button--fill.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled){background-color:var(--spectrum-global-color-gray-200)}.spectrum-Button.spectrum-Button--fill.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled) .spectrum-Icon{color:var(--spectrum-global-color-gray-800)}.spectrum-Button.spectrum-Button--fill.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):hover{background-color:var(--spectrum-global-color-gray-300)}.spectrum-Button.spectrum-Button--fill.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):hover .spectrum-Button-label,.spectrum-Button.spectrum-Button--fill.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):hover .spectrum-Icon{color:var(--spectrum-global-color-gray-900)}.spectrum-Button.spectrum-Button--fill.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):active{background-color:var(--spectrum-global-color-gray-400)}.spectrum-Button.spectrum-Button--fill.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):active .spectrum-Button-label,.spectrum-Button.spectrum-Button--fill.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):active .spectrum-Icon{color:var(--spectrum-global-color-gray-900)}.spectrum-Button.spectrum-Button--fill.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):focus-visible{background-color:var(--spectrum-global-color-gray-300)}.spectrum-Button.spectrum-Button--fill.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):focus-visible .spectrum-Icon{color:var(--spectrum-global-color-gray-900)}.spectrum-Button.spectrum-Button--fill.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):focus-visible .spectrum-Button-label{color:var(--spectrum-global-color-gray-900)}.spectrum-Button.spectrum-Button--fill.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled).is-keyboardFocused{background-color:var(--spectrum-global-color-gray-300)}.spectrum-Button.spectrum-Button--fill.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled).is-keyboardFocused .spectrum-Button-label,.spectrum-Button.spectrum-Button--fill.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled).is-keyboardFocused .spectrum-Icon{color:var(--spectrum-global-color-gray-900)}.spectrum-Button.spectrum-Button--fill.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled) .spectrum-Button-label{color:var(--spectrum-global-color-gray-800)}.spectrum-Button.spectrum-Button--fill:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):disabled{background-color:var(--spectrum-global-color-gray-200)}.spectrum-Button.spectrum-Button--fill:disabled,.spectrum-Button.spectrum-Button--fill:not(:disabled){border-color:transparent}.spectrum-Button.spectrum-Button--outline.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled){background-color:var(--spectrum-alias-background-color-transparent);border-color:var(--spectrum-semantic-cta-background-color-default)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled) .spectrum-Icon{color:var(--spectrum-semantic-cta-background-color-default)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):hover{background-color:var(--spectrum-alias-transparent-blue-background-color-hover);border-color:var(--spectrum-semantic-cta-background-color-hover)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):hover .spectrum-Button-label,.spectrum-Button.spectrum-Button--outline.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):hover .spectrum-Icon{color:var(--spectrum-semantic-cta-background-color-hover)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):active{background-color:var(--spectrum-alias-transparent-blue-background-color-down);border-color:var(--spectrum-semantic-cta-background-color-down)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):active .spectrum-Button-label,.spectrum-Button.spectrum-Button--outline.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):active .spectrum-Icon{color:var(--spectrum-semantic-cta-background-color-down)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):focus-visible{background-color:var(--spectrum-alias-transparent-blue-background-color-key-focus);border-color:var(--spectrum-semantic-cta-background-color-key-focus)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):focus-visible .spectrum-Icon{color:var(--spectrum-semantic-cta-background-color-key-focus)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):focus-visible .spectrum-Button-label{color:var(--spectrum-semantic-cta-background-color-key-focus)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled).is-keyboardFocused{background-color:var(--spectrum-alias-transparent-blue-background-color-key-focus);border-color:var(--spectrum-semantic-cta-background-color-key-focus)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled).is-keyboardFocused .spectrum-Button-label,.spectrum-Button.spectrum-Button--outline.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled).is-keyboardFocused .spectrum-Icon{color:var(--spectrum-semantic-cta-background-color-key-focus)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled) .spectrum-Button-label{color:var(--spectrum-semantic-cta-background-color-default)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled){background-color:var(--spectrum-alias-background-color-transparent);border-color:var(--spectrum-global-color-red-500)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled) .spectrum-Icon{color:var(--spectrum-global-color-red-500)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):hover{background-color:var(--spectrum-alias-transparent-red-background-color-hover);border-color:var(--spectrum-global-color-red-600)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):hover .spectrum-Button-label,.spectrum-Button.spectrum-Button--outline.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):hover .spectrum-Icon{color:var(--spectrum-global-color-red-600)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):active{background-color:var(--spectrum-alias-transparent-red-background-color-down);border-color:var(--spectrum-global-color-red-700)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):active .spectrum-Button-label,.spectrum-Button.spectrum-Button--outline.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):active .spectrum-Icon{color:var(--spectrum-global-color-red-700)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):focus-visible{background-color:var(--spectrum-alias-transparent-red-background-color-key-focus);border-color:var(--spectrum-global-color-red-600)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):focus-visible .spectrum-Icon{color:var(--spectrum-global-color-red-600)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):focus-visible .spectrum-Button-label{color:var(--spectrum-global-color-red-600)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled).is-keyboardFocused{background-color:var(--spectrum-alias-transparent-red-background-color-key-focus);border-color:var(--spectrum-global-color-red-600)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled).is-keyboardFocused .spectrum-Button-label,.spectrum-Button.spectrum-Button--outline.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled).is-keyboardFocused .spectrum-Icon{color:var(--spectrum-global-color-red-600)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled) .spectrum-Button-label{color:var(--spectrum-global-color-red-500)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled){background-color:var(--spectrum-alias-background-color-transparent);border-color:var(--spectrum-global-color-gray-800)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled) .spectrum-Icon{color:var(--spectrum-global-color-gray-800)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):hover{background-color:var(--spectrum-global-color-gray-300);border-color:var(--spectrum-global-color-gray-900)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):hover .spectrum-Button-label,.spectrum-Button.spectrum-Button--outline.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):hover .spectrum-Icon{color:var(--spectrum-global-color-gray-900)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):active{background-color:var(--spectrum-global-color-gray-400);border-color:var(--spectrum-global-color-gray-900)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):active .spectrum-Button-label,.spectrum-Button.spectrum-Button--outline.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):active .spectrum-Icon{color:var(--spectrum-global-color-gray-900)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):focus-visible{background-color:var(--spectrum-global-color-gray-300);border-color:var(--spectrum-global-color-gray-900)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):focus-visible .spectrum-Icon{color:var(--spectrum-global-color-gray-900)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):focus-visible .spectrum-Button-label{color:var(--spectrum-global-color-gray-900)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled).is-keyboardFocused{background-color:var(--spectrum-global-color-gray-300);border-color:var(--spectrum-global-color-gray-900)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled).is-keyboardFocused .spectrum-Button-label,.spectrum-Button.spectrum-Button--outline.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled).is-keyboardFocused .spectrum-Icon{color:var(--spectrum-global-color-gray-900)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled) .spectrum-Button-label{color:var(--spectrum-global-color-gray-800)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled){background-color:var(--spectrum-alias-background-color-transparent);border-color:var(--spectrum-global-color-gray-300)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled) .spectrum-Icon{color:var(--spectrum-global-color-gray-800)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):hover{background-color:var(--spectrum-global-color-gray-300);border-color:var(--spectrum-global-color-gray-400)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):hover .spectrum-Button-label,.spectrum-Button.spectrum-Button--outline.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):hover .spectrum-Icon{color:var(--spectrum-global-color-gray-900)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):active{background-color:var(--spectrum-global-color-gray-400);border-color:var(--spectrum-global-color-gray-500)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):active .spectrum-Button-label,.spectrum-Button.spectrum-Button--outline.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):active .spectrum-Icon{color:var(--spectrum-global-color-gray-900)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):focus-visible{background-color:var(--spectrum-global-color-gray-300);border-color:var(--spectrum-global-color-gray-400)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):focus-visible .spectrum-Icon{color:var(--spectrum-global-color-gray-900)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):focus-visible .spectrum-Button-label{color:var(--spectrum-global-color-gray-900)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled).is-keyboardFocused{background-color:var(--spectrum-global-color-gray-300);border-color:var(--spectrum-global-color-gray-400)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled).is-keyboardFocused .spectrum-Button-label,.spectrum-Button.spectrum-Button--outline.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled).is-keyboardFocused .spectrum-Icon{color:var(--spectrum-global-color-gray-900)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled) .spectrum-Button-label{color:var(--spectrum-global-color-gray-800)}.spectrum-Button.spectrum-Button--outline:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):disabled{background-color:var(--spectrum-alias-background-color-transparent);border-color:var(--spectrum-global-color-gray-200)}.spectrum-Dialog{--spectrum-dialog-fullscreen-header-text-size:28px;--spectrum-dialog-confirm-small-width:400px;--spectrum-dialog-confirm-medium-width:480px;--spectrum-dialog-confirm-large-width:640px;--spectrum-dialog-error-width:var(--spectrum-dialog-confirm-medium-width);--spectrum-dialog-confirm-hero-height:var(
+.spectrum{--spectrum-global-animation-duration-100:130ms;--spectrum-global-animation-duration-200:160ms;--spectrum-global-animation-duration-500:250ms;--spectrum-global-color-static-black:#000;--spectrum-global-color-static-white:#fff;--spectrum-global-color-static-blue-500:#2680eb;--spectrum-global-color-static-blue-600:#1473e6;--spectrum-global-color-static-blue-700:#0d66d0;--spectrum-global-color-static-blue-800:#095aba;--spectrum-global-color-static-red-600:#d7373f;--spectrum-global-color-static-red-700:#c9252d;--spectrum-global-color-static-red-800:#bb121a;--spectrum-global-color-static-yellow-600:#d2b200;--spectrum-global-color-static-transparent-white-200:hsla(0,0%,100%,.1);--spectrum-global-color-static-transparent-white-300:hsla(0,0%,100%,.25);--spectrum-global-color-static-transparent-white-400:hsla(0,0%,100%,.4);--spectrum-global-color-static-transparent-white-500:hsla(0,0%,100%,.55);--spectrum-global-color-static-transparent-black-200:rgba(0,0,0,.1);--spectrum-global-color-static-transparent-black-300:rgba(0,0,0,.25);--spectrum-global-color-static-transparent-black-400:rgba(0,0,0,.4);--spectrum-global-color-static-transparent-black-500:rgba(0,0,0,.55);--spectrum-semantic-negative-color-default:var(--spectrum-global-color-red-500);--spectrum-semantic-negative-border-color:var(--spectrum-global-color-red-400);--spectrum-semantic-negative-icon-color:var(--spectrum-global-color-red-600);--spectrum-semantic-negative-text-color-small:var(--spectrum-global-color-red-600);--spectrum-semantic-notice-border-color:var(--spectrum-global-color-orange-400);--spectrum-semantic-notice-icon-color:var(--spectrum-global-color-orange-600);--spectrum-semantic-positive-border-color:var(--spectrum-global-color-green-400);--spectrum-semantic-positive-icon-color:var(--spectrum-global-color-green-600);--spectrum-semantic-informative-border-color:var(--spectrum-global-color-blue-400);--spectrum-semantic-informative-icon-color:var(--spectrum-global-color-blue-600);--spectrum-semantic-cta-background-color-default:var(--spectrum-global-color-static-blue-600);--spectrum-semantic-cta-background-color-hover:var(--spectrum-global-color-static-blue-700);--spectrum-semantic-cta-background-color-down:var(--spectrum-global-color-static-blue-800);--spectrum-semantic-cta-background-color-key-focus:var(--spectrum-global-color-static-blue-600);--spectrum-global-dimension-static-size-10:1px;--spectrum-global-dimension-static-size-25:2px;--spectrum-global-dimension-static-size-50:4px;--spectrum-global-dimension-static-size-65:5px;--spectrum-global-dimension-static-size-75:6px;--spectrum-global-dimension-static-size-85:7px;--spectrum-global-dimension-static-size-100:8px;--spectrum-global-dimension-static-size-125:10px;--spectrum-global-dimension-static-size-150:12px;--spectrum-global-dimension-static-size-175:14px;--spectrum-global-dimension-static-size-200:16px;--spectrum-global-dimension-static-size-225:18px;--spectrum-global-dimension-static-size-250:20px;--spectrum-global-dimension-static-size-275:22px;--spectrum-global-dimension-static-size-300:24px;--spectrum-global-dimension-static-size-500:40px;--spectrum-global-dimension-static-size-3600:288px;--spectrum-global-dimension-static-size-4600:368px;--spectrum-global-font-family-base:adobe-clean,"Source Sans Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Trebuchet MS","Lucida Grande",sans-serif;--spectrum-global-font-family-serif:adobe-clean-serif,"Source Serif Pro",Georgia,serif;--spectrum-global-font-family-code:"Source Code Pro",Monaco,monospace;--spectrum-global-font-weight-light:300;--spectrum-global-font-weight-regular:400;--spectrum-global-font-weight-bold:700;--spectrum-global-font-weight-extra-bold:800;--spectrum-global-font-weight-black:900;--spectrum-global-font-style-regular:normal;--spectrum-global-font-style-italic:italic;--spectrum-global-font-letter-spacing-none:0;--spectrum-global-font-letter-spacing-han:0.05em;--spectrum-global-font-letter-spacing-medium:0.06em;--spectrum-global-font-line-height-large:1.7;--spectrum-global-font-line-height-medium:1.5;--spectrum-global-font-line-height-small:1.3;--spectrum-global-font-font-family-ar:myriad-arabic,adobe-clean,"Source Sans Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Trebuchet MS","Lucida Grande",sans-serif;--spectrum-global-font-font-family-he:myriad-hebrew,adobe-clean,"Source Sans Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Trebuchet MS","Lucida Grande",sans-serif;--spectrum-global-font-font-family-zh:adobe-clean-han-traditional,source-han-traditional,"MingLiu","Heiti TC Light","sans-serif";--spectrum-global-font-font-family-zhhans:adobe-clean-han-simplified-c,source-han-simplified-c,"SimSun","Heiti SC Light","sans-serif";--spectrum-global-font-font-family-ko:adobe-clean-han-korean,source-han-korean,"Malgun Gothic","Apple Gothic","sans-serif";--spectrum-global-font-font-family-ja:adobe-clean-han-japanese,"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","Osaka",YuGothic,"Yu Gothic","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic","sans-serif";--spectrum-alias-border-size-thin:var(--spectrum-global-dimension-static-size-10);--spectrum-alias-border-size-thick:var(--spectrum-global-dimension-static-size-25);--spectrum-alias-focus-ring-gap:var(--spectrum-global-dimension-static-size-25);--spectrum-alias-focus-ring-size:var(--spectrum-global-dimension-static-size-25);--spectrum-alias-heading-text-line-height:var(--spectrum-global-font-line-height-small);--spectrum-alias-heading-text-font-weight-regular:var(--spectrum-global-font-weight-bold);--spectrum-alias-heading-text-font-weight-regular-strong:var(--spectrum-global-font-weight-black);--spectrum-alias-heading-text-font-weight-light:var(--spectrum-global-font-weight-light);--spectrum-alias-heading-text-font-weight-light-strong:var(--spectrum-global-font-weight-bold);--spectrum-alias-heading-text-font-weight-heavy:var(--spectrum-global-font-weight-black);--spectrum-alias-heading-text-font-weight-heavy-strong:var(--spectrum-global-font-weight-black);--spectrum-alias-body-text-font-family:var(--spectrum-global-font-family-base);--spectrum-alias-body-text-line-height:var(--spectrum-global-font-line-height-medium);--spectrum-alias-body-text-font-weight:var(--spectrum-global-font-weight-regular);--spectrum-alias-detail-text-font-weight-regular:var(--spectrum-global-font-weight-bold);--spectrum-alias-detail-text-font-weight-light:var(--spectrum-global-font-weight-regular);--spectrum-alias-code-text-font-family:var(--spectrum-global-font-family-code);--spectrum-alias-code-text-font-weight-regular:var(--spectrum-global-font-weight-regular);--spectrum-alias-font-family-ar:var(--spectrum-global-font-font-family-ar);--spectrum-alias-font-family-he:var(--spectrum-global-font-font-family-he);--spectrum-alias-font-family-zh:var(--spectrum-global-font-font-family-zh);--spectrum-alias-font-family-zhhans:var(--spectrum-global-font-font-family-zhhans);--spectrum-alias-font-family-ko:var(--spectrum-global-font-font-family-ko);--spectrum-alias-font-family-ja:var(--spectrum-global-font-font-family-ja);--spectrum-alias-component-text-line-height:var(--spectrum-global-font-line-height-small);--spectrum-alias-serif-text-font-family:var(--spectrum-global-font-family-serif);--spectrum-alias-han-heading-text-line-height:var(--spectrum-global-font-line-height-medium);--spectrum-alias-han-heading-text-font-weight-regular:var(--spectrum-global-font-weight-bold);--spectrum-alias-han-heading-text-font-weight-regular-emphasis:var(--spectrum-global-font-weight-extra-bold);--spectrum-alias-han-heading-text-font-weight-regular-strong:var(--spectrum-global-font-weight-black);--spectrum-alias-han-heading-text-font-weight-light-emphasis:var(--spectrum-global-font-weight-regular);--spectrum-alias-han-heading-text-font-weight-light-strong:var(--spectrum-global-font-weight-bold);--spectrum-alias-han-body-text-line-height:var(--spectrum-global-font-line-height-large);--spectrum-alias-han-body-text-font-weight-regular:var(--spectrum-global-font-weight-regular)}.spectrum--large,.spectrum--medium{--spectrum-alias-heading-xxxl-text-size:var(--spectrum-global-dimension-font-size-1300);--spectrum-alias-heading-xxl-text-size:var(--spectrum-global-dimension-font-size-1100);--spectrum-alias-heading-xl-text-size:var(--spectrum-global-dimension-font-size-900);--spectrum-alias-heading-l-text-size:var(--spectrum-global-dimension-font-size-700);--spectrum-alias-heading-m-text-size:var(--spectrum-global-dimension-font-size-500);--spectrum-alias-heading-s-text-size:var(--spectrum-global-dimension-font-size-300);--spectrum-alias-heading-xs-text-size:var(--spectrum-global-dimension-font-size-200);--spectrum-alias-heading-xxs-text-size:var(--spectrum-global-dimension-font-size-100);--spectrum-alias-heading-xxxl-margin-top:var(--spectrum-global-dimension-font-size-1200);--spectrum-alias-heading-xxl-margin-top:var(--spectrum-global-dimension-font-size-900);--spectrum-alias-heading-xl-margin-top:var(--spectrum-global-dimension-font-size-800);--spectrum-alias-heading-l-margin-top:var(--spectrum-global-dimension-font-size-600);--spectrum-alias-heading-m-margin-top:var(--spectrum-global-dimension-font-size-400);--spectrum-alias-heading-s-margin-top:var(--spectrum-global-dimension-font-size-200);--spectrum-alias-heading-xs-margin-top:var(--spectrum-global-dimension-font-size-100);--spectrum-alias-heading-xxs-margin-top:var(--spectrum-global-dimension-font-size-75);--spectrum-alias-heading-han-xxxl-text-size:var(--spectrum-global-dimension-font-size-1300);--spectrum-alias-heading-han-xxl-text-size:var(--spectrum-global-dimension-font-size-900);--spectrum-alias-heading-han-xl-text-size:var(--spectrum-global-dimension-font-size-800);--spectrum-alias-heading-han-l-text-size:var(--spectrum-global-dimension-font-size-600);--spectrum-alias-heading-han-m-text-size:var(--spectrum-global-dimension-font-size-400);--spectrum-alias-heading-han-s-text-size:var(--spectrum-global-dimension-font-size-300);--spectrum-alias-heading-han-xs-text-size:var(--spectrum-global-dimension-font-size-200);--spectrum-alias-heading-han-xxs-text-size:var(--spectrum-global-dimension-font-size-100);--spectrum-alias-component-border-radius:var(--spectrum-global-dimension-size-50);--spectrum-alias-border-size-thin:var(--spectrum-global-dimension-static-size-10);--spectrum-alias-border-size-thick:var(--spectrum-global-dimension-static-size-25);--spectrum-alias-focus-ring-gap:var(--spectrum-global-dimension-static-size-25);--spectrum-alias-focus-ring-size:var(--spectrum-global-dimension-static-size-25);--spectrum-alias-font-size-default:var(--spectrum-global-dimension-font-size-100);--spectrum-alias-border-radius-regular:var(--spectrum-global-dimension-size-50);--spectrum-alias-workflow-icon-size-s:var(--spectrum-global-dimension-size-200);--spectrum-alias-workflow-icon-size-m:var(--spectrum-global-dimension-size-225);--spectrum-alias-workflow-icon-size-xl:var(--spectrum-global-dimension-size-275);--spectrum-alias-ui-icon-triplegripper-size-100-height:var(--spectrum-global-dimension-size-100);--spectrum-alias-ui-icon-doublegripper-size-100-width:var(--spectrum-global-dimension-size-200);--spectrum-alias-ui-icon-singlegripper-size-100-width:var(--spectrum-global-dimension-size-300);--spectrum-alias-ui-icon-cornertriangle-size-75:var(--spectrum-global-dimension-size-65);--spectrum-alias-ui-icon-cornertriangle-size-200:var(--spectrum-global-dimension-size-75);--spectrum-alias-ui-icon-asterisk-size-75:var(--spectrum-global-dimension-static-size-100);--spectrum-alias-ui-icon-asterisk-size-100:var(--spectrum-global-dimension-size-100)}.spectrum--dark,.spectrum--darkest,.spectrum--light,.spectrum--lightest{--spectrum-alias-transparent-blue-background-color-hover:rgba(13,102,208,.15);--spectrum-alias-transparent-blue-background-color-down:rgba(9,90,186,.3);--spectrum-alias-transparent-blue-background-color-key-focus:var(--spectrum-alias-transparent-blue-background-color-hover);--spectrum-alias-transparent-red-background-color-hover:rgba(201,37,45,.15);--spectrum-alias-transparent-red-background-color-down:rgba(187,18,26,.3);--spectrum-alias-transparent-red-background-color-key-focus:var(--spectrum-alias-transparent-red-background-color-hover);--spectrum-alias-component-text-color-default:var(--spectrum-global-color-gray-800);--spectrum-alias-component-text-color-hover:var(--spectrum-global-color-gray-900);--spectrum-alias-button-primary-text-color-default:var(--spectrum-global-color-gray-800);--spectrum-alias-button-secondary-text-color-default:var(--spectrum-global-color-gray-700);--spectrum-alias-button-negative-text-color-default:var(--spectrum-semantic-negative-text-color-small);--spectrum-alias-background-color-default:var(--spectrum-global-color-gray-100);--spectrum-alias-background-color-transparent:transparent;--spectrum-alias-label-text-color:var(--spectrum-global-color-gray-700);--spectrum-alias-text-color:var(--spectrum-global-color-gray-800);--spectrum-alias-text-color-key-focus:var(--spectrum-global-color-blue-600);--spectrum-alias-text-color-overbackground:var(--spectrum-global-color-static-white);--spectrum-alias-heading-text-color:var(--spectrum-global-color-gray-900);--spectrum-alias-link-primary-text-color-default:var(--spectrum-global-color-blue-600);--spectrum-alias-link-primary-text-color-hover:var(--spectrum-global-color-blue-600);--spectrum-alias-link-primary-text-color-down:var(--spectrum-global-color-blue-700);--spectrum-alias-link-primary-text-color-key-focus:var(--spectrum-alias-text-color-key-focus);--spectrum-alias-border-color:var(--spectrum-global-color-gray-400);--spectrum-alias-border-color-hover:var(--spectrum-global-color-gray-500);--spectrum-alias-border-color-key-focus:var(--spectrum-global-color-blue-400);--spectrum-alias-border-color-mouse-focus:var(--spectrum-global-color-blue-500);--spectrum-alias-border-color-darker-default:var(--spectrum-global-color-gray-600);--spectrum-alias-border-color-transparent:transparent;--spectrum-alias-focus-color:var(--spectrum-global-color-blue-400);--spectrum-alias-focus-ring-color:var(--spectrum-alias-focus-color);--spectrum-alias-icon-color:var(--spectrum-global-color-gray-700)}.spectrum--medium{--spectrum-global-dimension-size-10:1px;--spectrum-global-dimension-size-25:2px;--spectrum-global-dimension-size-40:3px;--spectrum-global-dimension-size-50:4px;--spectrum-global-dimension-size-65:5px;--spectrum-global-dimension-size-75:6px;--spectrum-global-dimension-size-85:7px;--spectrum-global-dimension-size-100:8px;--spectrum-global-dimension-size-115:9px;--spectrum-global-dimension-size-125:10px;--spectrum-global-dimension-size-130:11px;--spectrum-global-dimension-size-150:12px;--spectrum-global-dimension-size-160:13px;--spectrum-global-dimension-size-175:14px;--spectrum-global-dimension-size-200:16px;--spectrum-global-dimension-size-225:18px;--spectrum-global-dimension-size-250:20px;--spectrum-global-dimension-size-275:22px;--spectrum-global-dimension-size-300:24px;--spectrum-global-dimension-size-400:32px;--spectrum-global-dimension-size-500:40px;--spectrum-global-dimension-size-600:48px;--spectrum-global-dimension-size-675:54px;--spectrum-global-dimension-size-900:72px;--spectrum-global-dimension-size-1125:90px;--spectrum-global-dimension-size-1200:96px;--spectrum-global-dimension-size-1250:100px;--spectrum-global-dimension-size-1700:136px;--spectrum-global-dimension-size-2500:200px;--spectrum-global-dimension-font-size-50:11px;--spectrum-global-dimension-font-size-75:12px;--spectrum-global-dimension-font-size-100:14px;--spectrum-global-dimension-font-size-200:16px;--spectrum-global-dimension-font-size-300:18px;--spectrum-global-dimension-font-size-400:20px;--spectrum-global-dimension-font-size-500:22px;--spectrum-global-dimension-font-size-600:25px;--spectrum-global-dimension-font-size-700:28px;--spectrum-global-dimension-font-size-800:32px;--spectrum-global-dimension-font-size-900:36px;--spectrum-global-dimension-font-size-1100:45px;--spectrum-global-dimension-font-size-1200:50px;--spectrum-global-dimension-font-size-1300:60px;--spectrum-alias-workflow-icon-size-l:var(--spectrum-global-dimension-static-size-250);--spectrum-alias-ui-icon-chevron-size-75:var(--spectrum-global-dimension-static-size-125);--spectrum-alias-ui-icon-chevron-size-100:var(--spectrum-global-dimension-static-size-125);--spectrum-alias-ui-icon-chevron-size-200:var(--spectrum-global-dimension-static-size-150);--spectrum-alias-ui-icon-chevron-size-300:var(--spectrum-global-dimension-static-size-175);--spectrum-alias-ui-icon-chevron-size-400:var(--spectrum-global-dimension-static-size-200);--spectrum-alias-ui-icon-chevron-size-500:var(--spectrum-global-dimension-static-size-200);--spectrum-alias-ui-icon-checkmark-size-50:var(--spectrum-global-dimension-static-size-125);--spectrum-alias-ui-icon-checkmark-size-75:var(--spectrum-global-dimension-static-size-125);--spectrum-alias-ui-icon-checkmark-size-100:var(--spectrum-global-dimension-static-size-125);--spectrum-alias-ui-icon-checkmark-size-200:var(--spectrum-global-dimension-static-size-150);--spectrum-alias-ui-icon-checkmark-size-300:var(--spectrum-global-dimension-static-size-175);--spectrum-alias-ui-icon-checkmark-size-400:var(--spectrum-global-dimension-static-size-200);--spectrum-alias-ui-icon-checkmark-size-500:var(--spectrum-global-dimension-static-size-200);--spectrum-alias-ui-icon-checkmark-size-600:var(--spectrum-global-dimension-static-size-225);--spectrum-alias-ui-icon-dash-size-50:var(--spectrum-global-dimension-static-size-100);--spectrum-alias-ui-icon-dash-size-75:var(--spectrum-global-dimension-static-size-100);--spectrum-alias-ui-icon-dash-size-100:var(--spectrum-global-dimension-static-size-125);--spectrum-alias-ui-icon-dash-size-200:var(--spectrum-global-dimension-static-size-150);--spectrum-alias-ui-icon-dash-size-300:var(--spectrum-global-dimension-static-size-150);--spectrum-alias-ui-icon-dash-size-400:var(--spectrum-global-dimension-static-size-175);--spectrum-alias-ui-icon-dash-size-500:var(--spectrum-global-dimension-static-size-200);--spectrum-alias-ui-icon-dash-size-600:var(--spectrum-global-dimension-static-size-225);--spectrum-alias-ui-icon-cross-size-75:var(--spectrum-global-dimension-static-size-100);--spectrum-alias-ui-icon-cross-size-100:var(--spectrum-global-dimension-static-size-100);--spectrum-alias-ui-icon-cross-size-200:var(--spectrum-global-dimension-static-size-125);--spectrum-alias-ui-icon-cross-size-300:var(--spectrum-global-dimension-static-size-150);--spectrum-alias-ui-icon-cross-size-400:var(--spectrum-global-dimension-static-size-150);--spectrum-alias-ui-icon-cross-size-500:var(--spectrum-global-dimension-static-size-175);--spectrum-alias-ui-icon-cross-size-600:var(--spectrum-global-dimension-static-size-200);--spectrum-alias-ui-icon-arrow-size-75:var(--spectrum-global-dimension-static-size-125);--spectrum-alias-ui-icon-arrow-size-100:var(--spectrum-global-dimension-static-size-125);--spectrum-alias-ui-icon-arrow-size-200:var(--spectrum-global-dimension-static-size-150);--spectrum-alias-ui-icon-arrow-size-300:var(--spectrum-global-dimension-static-size-175);--spectrum-alias-ui-icon-arrow-size-400:var(--spectrum-global-dimension-static-size-200);--spectrum-alias-ui-icon-arrow-size-500:var(--spectrum-global-dimension-static-size-225);--spectrum-alias-ui-icon-arrow-size-600:var(--spectrum-global-dimension-static-size-250);--spectrum-alias-ui-icon-triplegripper-size-100-width:var(--spectrum-global-dimension-static-size-125);--spectrum-alias-ui-icon-doublegripper-size-100-height:var(--spectrum-global-dimension-static-size-50);--spectrum-alias-ui-icon-singlegripper-size-100-height:var(--spectrum-global-dimension-static-size-25);--spectrum-alias-ui-icon-cornertriangle-size-100:var(--spectrum-global-dimension-static-size-65);--spectrum-alias-ui-icon-cornertriangle-size-300:var(--spectrum-global-dimension-static-size-85);--spectrum-alias-ui-icon-asterisk-size-200:var(--spectrum-global-dimension-static-size-125);--spectrum-alias-ui-icon-asterisk-size-300:var(--spectrum-global-dimension-static-size-125);--spectrum-button-s-primary-fill-textonly-text-padding-bottom:var(--spectrum-global-dimension-static-size-65);--spectrum-button-m-primary-fill-texticon-padding-left:var(--spectrum-global-dimension-size-175);--spectrum-button-l-primary-fill-textonly-text-padding-top:var(--spectrum-global-dimension-size-115);--spectrum-button-xl-primary-fill-texticon-padding-left:21px;--spectrum-dialog-confirm-title-text-size:var(--spectrum-alias-heading-s-text-size);--spectrum-dialog-confirm-description-text-size:var(--spectrum-global-dimension-font-size-100);--spectrum-dialog-confirm-padding:var(--spectrum-global-dimension-static-size-500)}.spectrum--large{--spectrum-global-dimension-size-10:1px;--spectrum-global-dimension-size-25:2px;--spectrum-global-dimension-size-40:4px;--spectrum-global-dimension-size-50:5px;--spectrum-global-dimension-size-65:6px;--spectrum-global-dimension-size-75:8px;--spectrum-global-dimension-size-85:9px;--spectrum-global-dimension-size-100:10px;--spectrum-global-dimension-size-115:11px;--spectrum-global-dimension-size-125:13px;--spectrum-global-dimension-size-130:14px;--spectrum-global-dimension-size-150:15px;--spectrum-global-dimension-size-160:16px;--spectrum-global-dimension-size-175:18px;--spectrum-global-dimension-size-200:20px;--spectrum-global-dimension-size-225:22px;--spectrum-global-dimension-size-250:25px;--spectrum-global-dimension-size-275:28px;--spectrum-global-dimension-size-300:30px;--spectrum-global-dimension-size-400:40px;--spectrum-global-dimension-size-500:50px;--spectrum-global-dimension-size-600:60px;--spectrum-global-dimension-size-675:68px;--spectrum-global-dimension-size-900:90px;--spectrum-global-dimension-size-1125:112px;--spectrum-global-dimension-size-1200:120px;--spectrum-global-dimension-size-1250:125px;--spectrum-global-dimension-size-1700:170px;--spectrum-global-dimension-size-2500:250px;--spectrum-global-dimension-font-size-50:13px;--spectrum-global-dimension-font-size-75:15px;--spectrum-global-dimension-font-size-100:17px;--spectrum-global-dimension-font-size-200:19px;--spectrum-global-dimension-font-size-300:22px;--spectrum-global-dimension-font-size-400:24px;--spectrum-global-dimension-font-size-500:27px;--spectrum-global-dimension-font-size-600:31px;--spectrum-global-dimension-font-size-700:34px;--spectrum-global-dimension-font-size-800:39px;--spectrum-global-dimension-font-size-900:44px;--spectrum-global-dimension-font-size-1100:55px;--spectrum-global-dimension-font-size-1200:62px;--spectrum-global-dimension-font-size-1300:70px;--spectrum-alias-workflow-icon-size-l:var(--spectrum-global-dimension-static-size-300);--spectrum-alias-ui-icon-chevron-size-75:var(--spectrum-global-dimension-static-size-150);--spectrum-alias-ui-icon-chevron-size-100:var(--spectrum-global-dimension-static-size-175);--spectrum-alias-ui-icon-chevron-size-200:var(--spectrum-global-dimension-static-size-200);--spectrum-alias-ui-icon-chevron-size-300:var(--spectrum-global-dimension-static-size-200);--spectrum-alias-ui-icon-chevron-size-400:var(--spectrum-global-dimension-static-size-225);--spectrum-alias-ui-icon-chevron-size-500:var(--spectrum-global-dimension-static-size-250);--spectrum-alias-ui-icon-checkmark-size-50:var(--spectrum-global-dimension-static-size-150);--spectrum-alias-ui-icon-checkmark-size-75:var(--spectrum-global-dimension-static-size-150);--spectrum-alias-ui-icon-checkmark-size-100:var(--spectrum-global-dimension-static-size-175);--spectrum-alias-ui-icon-checkmark-size-200:var(--spectrum-global-dimension-static-size-200);--spectrum-alias-ui-icon-checkmark-size-300:var(--spectrum-global-dimension-static-size-200);--spectrum-alias-ui-icon-checkmark-size-400:var(--spectrum-global-dimension-static-size-225);--spectrum-alias-ui-icon-checkmark-size-500:var(--spectrum-global-dimension-static-size-250);--spectrum-alias-ui-icon-checkmark-size-600:var(--spectrum-global-dimension-static-size-300);--spectrum-alias-ui-icon-dash-size-50:var(--spectrum-global-dimension-static-size-125);--spectrum-alias-ui-icon-dash-size-75:var(--spectrum-global-dimension-static-size-125);--spectrum-alias-ui-icon-dash-size-100:var(--spectrum-global-dimension-static-size-150);--spectrum-alias-ui-icon-dash-size-200:var(--spectrum-global-dimension-static-size-175);--spectrum-alias-ui-icon-dash-size-300:var(--spectrum-global-dimension-static-size-200);--spectrum-alias-ui-icon-dash-size-400:var(--spectrum-global-dimension-static-size-225);--spectrum-alias-ui-icon-dash-size-500:var(--spectrum-global-dimension-static-size-250);--spectrum-alias-ui-icon-dash-size-600:var(--spectrum-global-dimension-static-size-275);--spectrum-alias-ui-icon-cross-size-75:var(--spectrum-global-dimension-static-size-125);--spectrum-alias-ui-icon-cross-size-100:var(--spectrum-global-dimension-static-size-125);--spectrum-alias-ui-icon-cross-size-200:var(--spectrum-global-dimension-static-size-150);--spectrum-alias-ui-icon-cross-size-300:var(--spectrum-global-dimension-static-size-175);--spectrum-alias-ui-icon-cross-size-400:var(--spectrum-global-dimension-static-size-200);--spectrum-alias-ui-icon-cross-size-500:var(--spectrum-global-dimension-static-size-200);--spectrum-alias-ui-icon-cross-size-600:var(--spectrum-global-dimension-static-size-225);--spectrum-alias-ui-icon-arrow-size-75:var(--spectrum-global-dimension-static-size-150);--spectrum-alias-ui-icon-arrow-size-100:var(--spectrum-global-dimension-static-size-175);--spectrum-alias-ui-icon-arrow-size-200:var(--spectrum-global-dimension-static-size-200);--spectrum-alias-ui-icon-arrow-size-300:var(--spectrum-global-dimension-static-size-200);--spectrum-alias-ui-icon-arrow-size-400:var(--spectrum-global-dimension-static-size-225);--spectrum-alias-ui-icon-arrow-size-500:var(--spectrum-global-dimension-static-size-275);--spectrum-alias-ui-icon-arrow-size-600:var(--spectrum-global-dimension-static-size-300);--spectrum-alias-ui-icon-triplegripper-size-100-width:var(--spectrum-global-dimension-static-size-175);--spectrum-alias-ui-icon-doublegripper-size-100-height:var(--spectrum-global-dimension-static-size-75);--spectrum-alias-ui-icon-singlegripper-size-100-height:var(--spectrum-global-dimension-static-size-50);--spectrum-alias-ui-icon-cornertriangle-size-100:var(--spectrum-global-dimension-static-size-85);--spectrum-alias-ui-icon-cornertriangle-size-300:var(--spectrum-global-dimension-static-size-100);--spectrum-alias-ui-icon-asterisk-size-200:var(--spectrum-global-dimension-static-size-150);--spectrum-alias-ui-icon-asterisk-size-300:var(--spectrum-global-dimension-static-size-150);--spectrum-button-s-primary-fill-textonly-text-padding-bottom:var(--spectrum-global-dimension-static-size-85);--spectrum-button-m-primary-fill-texticon-padding-left:17px;--spectrum-button-l-primary-fill-textonly-text-padding-top:var(--spectrum-global-dimension-static-size-150);--spectrum-button-xl-primary-fill-texticon-padding-left:27px;--spectrum-dialog-confirm-title-text-size:var(--spectrum-alias-heading-xs-text-size);--spectrum-dialog-confirm-description-text-size:var(--spectrum-global-dimension-font-size-75);--spectrum-dialog-confirm-padding:var(--spectrum-global-dimension-static-size-300)}.spectrum--light{--spectrum-global-color-red-400:#e34850;--spectrum-global-color-red-500:#d7373f;--spectrum-global-color-red-600:#c9252d;--spectrum-global-color-red-700:#bb121a;--spectrum-global-color-orange-400:#e68619;--spectrum-global-color-orange-600:#cb6f10;--spectrum-global-color-green-400:#2d9d78;--spectrum-global-color-green-600:#12805c;--spectrum-global-color-blue-400:#2680eb;--spectrum-global-color-blue-500:#1473e6;--spectrum-global-color-blue-600:#0d66d0;--spectrum-global-color-blue-700:#095aba;--spectrum-global-color-gray-50:#fff;--spectrum-global-color-gray-75:#fafafa;--spectrum-global-color-gray-100:#f5f5f5;--spectrum-global-color-gray-200:#eaeaea;--spectrum-global-color-gray-300:#e1e1e1;--spectrum-global-color-gray-400:#cacaca;--spectrum-global-color-gray-500:#b3b3b3;--spectrum-global-color-gray-600:#8e8e8e;--spectrum-global-color-gray-700:#6e6e6e;--spectrum-global-color-gray-800:#4b4b4b;--spectrum-global-color-gray-900:#2c2c2c;--spectrum-alias-highlight-selected:rgba(20,115,230,.1)}.spectrum--lightest{--spectrum-global-color-red-400:#ec5b62;--spectrum-global-color-red-500:#e34850;--spectrum-global-color-red-600:#d7373f;--spectrum-global-color-red-700:#c9252d;--spectrum-global-color-orange-400:#f29423;--spectrum-global-color-orange-600:#da7b11;--spectrum-global-color-green-400:#33ab84;--spectrum-global-color-green-600:#268e6c;--spectrum-global-color-blue-400:#378ef0;--spectrum-global-color-blue-500:#2680eb;--spectrum-global-color-blue-600:#1473e6;--spectrum-global-color-blue-700:#0d66d0;--spectrum-global-color-gray-50:#fff;--spectrum-global-color-gray-75:#fff;--spectrum-global-color-gray-100:#fff;--spectrum-global-color-gray-200:#f4f4f4;--spectrum-global-color-gray-300:#eaeaea;--spectrum-global-color-gray-400:#d3d3d3;--spectrum-global-color-gray-500:#bcbcbc;--spectrum-global-color-gray-600:#959595;--spectrum-global-color-gray-700:#747474;--spectrum-global-color-gray-800:#505050;--spectrum-global-color-gray-900:#323232;--spectrum-alias-highlight-selected:rgba(38,128,235,.1)}.spectrum--dark{--spectrum-global-color-red-400:#e34850;--spectrum-global-color-red-500:#ec5b62;--spectrum-global-color-red-600:#f76d74;--spectrum-global-color-red-700:#ff7b82;--spectrum-global-color-orange-400:#e68619;--spectrum-global-color-orange-600:#f9a43f;--spectrum-global-color-green-400:#2d9d78;--spectrum-global-color-green-600:#39b990;--spectrum-global-color-blue-400:#2680eb;--spectrum-global-color-blue-500:#378ef0;--spectrum-global-color-blue-600:#4b9cf5;--spectrum-global-color-blue-700:#5aa9fa;--spectrum-global-color-gray-50:#252525;--spectrum-global-color-gray-75:#2f2f2f;--spectrum-global-color-gray-100:#323232;--spectrum-global-color-gray-200:#3e3e3e;--spectrum-global-color-gray-300:#4a4a4a;--spectrum-global-color-gray-400:#5a5a5a;--spectrum-global-color-gray-500:#6e6e6e;--spectrum-global-color-gray-600:#909090;--spectrum-global-color-gray-700:#b9b9b9;--spectrum-global-color-gray-800:#e3e3e3;--spectrum-global-color-gray-900:#fff;--spectrum-alias-highlight-selected:rgba(55,142,240,.15)}.spectrum--darkest{--spectrum-global-color-red-400:#d7373f;--spectrum-global-color-red-500:#e34850;--spectrum-global-color-red-600:#ec5b62;--spectrum-global-color-red-700:#f76d74;--spectrum-global-color-orange-400:#da7b11;--spectrum-global-color-orange-600:#f29423;--spectrum-global-color-green-400:#268e6c;--spectrum-global-color-green-600:#33ab84;--spectrum-global-color-blue-400:#1473e6;--spectrum-global-color-blue-500:#2680eb;--spectrum-global-color-blue-600:#378ef0;--spectrum-global-color-blue-700:#4b9cf5;--spectrum-global-color-gray-50:#080808;--spectrum-global-color-gray-75:#1a1a1a;--spectrum-global-color-gray-100:#1e1e1e;--spectrum-global-color-gray-200:#2c2c2c;--spectrum-global-color-gray-300:#393939;--spectrum-global-color-gray-400:#494949;--spectrum-global-color-gray-500:#5c5c5c;--spectrum-global-color-gray-600:#7c7c7c;--spectrum-global-color-gray-700:#a2a2a2;--spectrum-global-color-gray-800:#c8c8c8;--spectrum-global-color-gray-900:#efefef;--spectrum-alias-highlight-selected:rgba(38,128,235,.2)}.spectrum{-webkit-tap-highlight-color:rgba(0,0,0,0);background-color:var(--spectrum-global-color-gray-100)}.spectrum-Icon,.spectrum-UIIcon{fill:currentColor;color:inherit;display:inline-block;pointer-events:none}.spectrum-Icon:not(:root),.spectrum-UIIcon:not(:root){overflow:hidden}@media (forced-colors:active){.spectrum-Icon,.spectrum-UIIcon{forced-color-adjust:auto}}.spectrum-Icon{--spectrum-icon-size-s:var(--spectrum-global-dimension-size-200);--spectrum-icon-size-m:var(--spectrum-global-dimension-size-225);--spectrum-icon-size-l:var(--spectrum-alias-workflow-icon-size-l);--spectrum-icon-size-xl:var(--spectrum-global-dimension-size-275);--spectrum-icon-size-xxl:var(--spectrum-global-dimension-size-400)}.spectrum-Icon--sizeS,.spectrum-Icon--sizeS img,.spectrum-Icon--sizeS svg{height:var(--spectrum-icon-size-s);width:var(--spectrum-icon-size-s)}.spectrum-Icon--sizeM,.spectrum-Icon--sizeM img,.spectrum-Icon--sizeM svg{height:var(--spectrum-icon-size-m);width:var(--spectrum-icon-size-m)}.spectrum-Icon--sizeL,.spectrum-Icon--sizeL img,.spectrum-Icon--sizeL svg{height:var(--spectrum-icon-size-l);width:var(--spectrum-icon-size-l)}.spectrum-Icon--sizeXL,.spectrum-Icon--sizeXL img,.spectrum-Icon--sizeXL svg{height:var(--spectrum-icon-size-xl);width:var(--spectrum-icon-size-xl)}.spectrum-Icon--sizeXXL,.spectrum-Icon--sizeXXL img,.spectrum-Icon--sizeXXL svg{height:var(--spectrum-icon-size-xxl);width:var(--spectrum-icon-size-xxl)}.spectrum--medium .spectrum-UIIcon--large{display:none}.spectrum--medium .spectrum-UIIcon--medium{display:inline}.spectrum--large .spectrum-UIIcon--medium{display:none}.spectrum--large .spectrum-UIIcon--large{display:inline}.spectrum--large{--ui-icon-large-display:block;--ui-icon-medium-display:none}.spectrum--medium{--ui-icon-medium-display:block;--ui-icon-large-display:none}.spectrum-UIIcon--large{display:var(--ui-icon-large-display)}.spectrum-UIIcon--medium{display:var(--ui-icon-medium-display)}.spectrum-UIIcon-ArrowDown100,.spectrum-UIIcon-ArrowDown200,.spectrum-UIIcon-ArrowDown300,.spectrum-UIIcon-ArrowDown400,.spectrum-UIIcon-ArrowDown500,.spectrum-UIIcon-ArrowDown600,.spectrum-UIIcon-ArrowDown75,.spectrum-UIIcon-ChevronDown100,.spectrum-UIIcon-ChevronDown200,.spectrum-UIIcon-ChevronDown300,.spectrum-UIIcon-ChevronDown400,.spectrum-UIIcon-ChevronDown500,.spectrum-UIIcon-ChevronDown75{transform:rotate(90deg)}.spectrum-UIIcon-ArrowLeft100,.spectrum-UIIcon-ArrowLeft200,.spectrum-UIIcon-ArrowLeft300,.spectrum-UIIcon-ArrowLeft400,.spectrum-UIIcon-ArrowLeft500,.spectrum-UIIcon-ArrowLeft600,.spectrum-UIIcon-ArrowLeft75,.spectrum-UIIcon-ChevronLeft100,.spectrum-UIIcon-ChevronLeft200,.spectrum-UIIcon-ChevronLeft300,.spectrum-UIIcon-ChevronLeft400,.spectrum-UIIcon-ChevronLeft500,.spectrum-UIIcon-ChevronLeft75{transform:rotate(180deg)}.spectrum-UIIcon-ArrowUp100,.spectrum-UIIcon-ArrowUp200,.spectrum-UIIcon-ArrowUp300,.spectrum-UIIcon-ArrowUp400,.spectrum-UIIcon-ArrowUp500,.spectrum-UIIcon-ArrowUp600,.spectrum-UIIcon-ArrowUp75,.spectrum-UIIcon-ChevronUp100,.spectrum-UIIcon-ChevronUp200,.spectrum-UIIcon-ChevronUp300,.spectrum-UIIcon-ChevronUp400,.spectrum-UIIcon-ChevronUp500,.spectrum-UIIcon-ChevronUp75{transform:rotate(270deg)}.spectrum-UIIcon-ChevronDown75,.spectrum-UIIcon-ChevronLeft75,.spectrum-UIIcon-ChevronRight75,.spectrum-UIIcon-ChevronUp75{height:var(--spectrum-alias-ui-icon-chevron-size-75);width:var(--spectrum-alias-ui-icon-chevron-size-75)}.spectrum-UIIcon-ChevronDown100,.spectrum-UIIcon-ChevronLeft100,.spectrum-UIIcon-ChevronRight100,.spectrum-UIIcon-ChevronUp100{height:var(--spectrum-alias-ui-icon-chevron-size-100);width:var(--spectrum-alias-ui-icon-chevron-size-100)}.spectrum-UIIcon-ChevronDown200,.spectrum-UIIcon-ChevronLeft200,.spectrum-UIIcon-ChevronRight200,.spectrum-UIIcon-ChevronUp200{height:var(--spectrum-alias-ui-icon-chevron-size-200);width:var(--spectrum-alias-ui-icon-chevron-size-200)}.spectrum-UIIcon-ChevronDown300,.spectrum-UIIcon-ChevronLeft300,.spectrum-UIIcon-ChevronRight300,.spectrum-UIIcon-ChevronUp300{height:var(--spectrum-alias-ui-icon-chevron-size-300);width:var(--spectrum-alias-ui-icon-chevron-size-300)}.spectrum-UIIcon-ChevronDown400,.spectrum-UIIcon-ChevronLeft400,.spectrum-UIIcon-ChevronRight400,.spectrum-UIIcon-ChevronUp400{height:var(--spectrum-alias-ui-icon-chevron-size-400);width:var(--spectrum-alias-ui-icon-chevron-size-400)}.spectrum-UIIcon-ChevronDown500,.spectrum-UIIcon-ChevronLeft500,.spectrum-UIIcon-ChevronRight500,.spectrum-UIIcon-ChevronUp500{height:var(--spectrum-alias-ui-icon-chevron-size-500);width:var(--spectrum-alias-ui-icon-chevron-size-500)}.spectrum-UIIcon-ArrowDown75,.spectrum-UIIcon-ArrowLeft75,.spectrum-UIIcon-ArrowRight75,.spectrum-UIIcon-ArrowUp75{height:var(--spectrum-alias-ui-icon-arrow-size-75);width:var(--spectrum-alias-ui-icon-arrow-size-75)}.spectrum-UIIcon-ArrowDown100,.spectrum-UIIcon-ArrowLeft100,.spectrum-UIIcon-ArrowRight100,.spectrum-UIIcon-ArrowUp100{height:var(--spectrum-alias-ui-icon-arrow-size-100);width:var(--spectrum-alias-ui-icon-arrow-size-100)}.spectrum-UIIcon-ArrowDown200,.spectrum-UIIcon-ArrowLeft200,.spectrum-UIIcon-ArrowRight200,.spectrum-UIIcon-ArrowUp200{height:var(--spectrum-alias-ui-icon-arrow-size-200);width:var(--spectrum-alias-ui-icon-arrow-size-200)}.spectrum-UIIcon-ArrowDown300,.spectrum-UIIcon-ArrowLeft300,.spectrum-UIIcon-ArrowRight300,.spectrum-UIIcon-ArrowUp300{height:var(--spectrum-alias-ui-icon-arrow-size-300);width:var(--spectrum-alias-ui-icon-arrow-size-300)}.spectrum-UIIcon-ArrowDown400,.spectrum-UIIcon-ArrowLeft400,.spectrum-UIIcon-ArrowRight400,.spectrum-UIIcon-ArrowUp400{height:var(--spectrum-alias-ui-icon-arrow-size-400);width:var(--spectrum-alias-ui-icon-arrow-size-400)}.spectrum-UIIcon-ArrowDown500,.spectrum-UIIcon-ArrowLeft500,.spectrum-UIIcon-ArrowRight500,.spectrum-UIIcon-ArrowUp500{height:var(--spectrum-alias-ui-icon-arrow-size-500);width:var(--spectrum-alias-ui-icon-arrow-size-500)}.spectrum-UIIcon-ArrowDown600,.spectrum-UIIcon-ArrowLeft600,.spectrum-UIIcon-ArrowRight600,.spectrum-UIIcon-ArrowUp600{height:var(--spectrum-alias-ui-icon-arrow-size-600);width:var(--spectrum-alias-ui-icon-arrow-size-600)}.spectrum-UIIcon-Checkmark50{height:var(--spectrum-alias-ui-icon-checkmark-size-50);width:var(--spectrum-alias-ui-icon-checkmark-size-50)}.spectrum-UIIcon-Checkmark75{height:var(--spectrum-alias-ui-icon-checkmark-size-75);width:var(--spectrum-alias-ui-icon-checkmark-size-75)}.spectrum-UIIcon-Checkmark100{height:var(--spectrum-alias-ui-icon-checkmark-size-100);width:var(--spectrum-alias-ui-icon-checkmark-size-100)}.spectrum-UIIcon-Checkmark200{height:var(--spectrum-alias-ui-icon-checkmark-size-200);width:var(--spectrum-alias-ui-icon-checkmark-size-200)}.spectrum-UIIcon-Checkmark300{height:var(--spectrum-alias-ui-icon-checkmark-size-300);width:var(--spectrum-alias-ui-icon-checkmark-size-300)}.spectrum-UIIcon-Checkmark400{height:var(--spectrum-alias-ui-icon-checkmark-size-400);width:var(--spectrum-alias-ui-icon-checkmark-size-400)}.spectrum-UIIcon-Checkmark500{height:var(--spectrum-alias-ui-icon-checkmark-size-500);width:var(--spectrum-alias-ui-icon-checkmark-size-500)}.spectrum-UIIcon-Checkmark600{height:var(--spectrum-alias-ui-icon-checkmark-size-600);width:var(--spectrum-alias-ui-icon-checkmark-size-600)}.spectrum-UIIcon-Dash50{height:var(--spectrum-alias-ui-icon-dash-size-50);width:var(--spectrum-alias-ui-icon-dash-size-50)}.spectrum-UIIcon-Dash75{height:var(--spectrum-alias-ui-icon-dash-size-75);width:var(--spectrum-alias-ui-icon-dash-size-75)}.spectrum-UIIcon-Dash100{height:var(--spectrum-alias-ui-icon-dash-size-100);width:var(--spectrum-alias-ui-icon-dash-size-100)}.spectrum-UIIcon-Dash200{height:var(--spectrum-alias-ui-icon-dash-size-200);width:var(--spectrum-alias-ui-icon-dash-size-200)}.spectrum-UIIcon-Dash300{height:var(--spectrum-alias-ui-icon-dash-size-300);width:var(--spectrum-alias-ui-icon-dash-size-300)}.spectrum-UIIcon-Dash400{height:var(--spectrum-alias-ui-icon-dash-size-400);width:var(--spectrum-alias-ui-icon-dash-size-400)}.spectrum-UIIcon-Dash500{height:var(--spectrum-alias-ui-icon-dash-size-500);width:var(--spectrum-alias-ui-icon-dash-size-500)}.spectrum-UIIcon-Dash600{height:var(--spectrum-alias-ui-icon-dash-size-600);width:var(--spectrum-alias-ui-icon-dash-size-600)}.spectrum-UIIcon-Cross75{height:var(--spectrum-alias-ui-icon-cross-size-75);width:var(--spectrum-alias-ui-icon-cross-size-75)}.spectrum-UIIcon-Cross100{height:var(--spectrum-alias-ui-icon-cross-size-100);width:var(--spectrum-alias-ui-icon-cross-size-100)}.spectrum-UIIcon-Cross200{height:var(--spectrum-alias-ui-icon-cross-size-200);width:var(--spectrum-alias-ui-icon-cross-size-200)}.spectrum-UIIcon-Cross300{height:var(--spectrum-alias-ui-icon-cross-size-300);width:var(--spectrum-alias-ui-icon-cross-size-300)}.spectrum-UIIcon-Cross400{height:var(--spectrum-alias-ui-icon-cross-size-400);width:var(--spectrum-alias-ui-icon-cross-size-400)}.spectrum-UIIcon-Cross500{height:var(--spectrum-alias-ui-icon-cross-size-500);width:var(--spectrum-alias-ui-icon-cross-size-500)}.spectrum-UIIcon-Cross600{height:var(--spectrum-alias-ui-icon-cross-size-600);width:var(--spectrum-alias-ui-icon-cross-size-600)}.spectrum-UIIcon-TripleGripper100{height:var(--spectrum-alias-ui-icon-triplegripper-size-100-width);width:var(--spectrum-global-dimension-size-100)}.spectrum-UIIcon-DoubleGripper100{height:var(--spectrum-global-dimension-size-200);width:var(--spectrum-alias-ui-icon-doublegripper-size-100-height)}.spectrum-UIIcon-SingleGripper100{height:var(--spectrum-global-dimension-size-300);width:var(--spectrum-alias-ui-icon-singlegripper-size-100-height)}.spectrum-UIIcon-CornerTriangle75{height:var(--spectrum-global-dimension-size-65);width:var(--spectrum-global-dimension-size-65)}.spectrum-UIIcon-CornerTriangle100{height:var(--spectrum-alias-ui-icon-cornertriangle-size-100);width:var(--spectrum-alias-ui-icon-cornertriangle-size-100)}.spectrum-UIIcon-CornerTriangle200{height:var(--spectrum-global-dimension-size-75);width:var(--spectrum-global-dimension-size-75)}.spectrum-UIIcon-CornerTriangle300{height:var(--spectrum-alias-ui-icon-cornertriangle-size-300);width:var(--spectrum-alias-ui-icon-cornertriangle-size-300)}.spectrum-UIIcon-Asterisk75{height:var(--spectrum-alias-ui-icon-asterisk-size-300);width:var(--spectrum-global-dimension-static-size-100)}.spectrum-UIIcon-Asterisk100{height:var(--spectrum-global-dimension-size-100);width:var(--spectrum-global-dimension-size-100)}.spectrum-UIIcon-Asterisk200{height:var(--spectrum-alias-ui-icon-asterisk-size-200);width:var(--spectrum-alias-ui-icon-asterisk-size-200)}.spectrum-UIIcon-Asterisk300{height:var(--spectrum-alias-ui-icon-asterisk-size-300);width:var(--spectrum-alias-ui-icon-asterisk-size-300)}.spectrum-Button{-ms-flex-align:center;-ms-flex-pack:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;-webkit-appearance:button;box-sizing:border-box;cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--spectrum-global-font-family-base);justify-content:center;line-height:var(--spectrum-global-font-line-height-small);margin:0;overflow:visible;position:relative;text-decoration:none;text-transform:none;transition:background .13s ease-out,border-color .13s ease-out,color .13s ease-out,box-shadow .13s ease-out;-ms-user-select:none;user-select:none;-webkit-user-select:none;vertical-align:top}.spectrum-Button:focus{outline:none}.spectrum-Button::-moz-focus-inner{border:0;border-style:none;margin-bottom:-2px;margin-top:-2px;padding:0}.spectrum-Button:disabled{cursor:default}.spectrum-Button .spectrum-Icon{-ms-flex-negative:0;flex-shrink:0;max-height:100%}.spectrum-Button:after{border-radius:calc(var(--spectrum-global-dimension-size-200) + var(--spectrum-global-dimension-static-size-25));bottom:0;content:"";display:block;left:0;margin:calc(var(--spectrum-global-dimension-static-size-25)*-1);position:absolute;right:0;top:0;transition:opacity .13s ease-out,margin .13s ease-out}.spectrum-Button.focus-ring:after{margin:calc(var(--spectrum-global-dimension-static-size-25)*-2)}a.spectrum-Button{-webkit-appearance:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.spectrum-Button-label{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;justify-self:center;text-align:center}.spectrum-Button-label:empty{display:none}.spectrum-Button--sizeS{--spectrum-button-primary-fill-textonly-text-padding-bottom:var(--spectrum-button-s-primary-fill-textonly-text-padding-bottom);--spectrum-button-primary-fill-texticon-text-size:var(--spectrum-global-dimension-font-size-75);--spectrum-button-primary-fill-texticon-text-font-weight:var(--spectrum-global-font-weight-bold);--spectrum-button-primary-fill-texticon-text-line-height:var(--spectrum-alias-component-text-line-height);--spectrum-button-primary-fill-texticon-icon-gap:var(--spectrum-global-dimension-size-85);--spectrum-button-primary-fill-texticon-focus-ring-size:var(--spectrum-alias-focus-ring-size);--spectrum-button-primary-fill-texticon-border-size:var(--spectrum-alias-border-size-thick);--spectrum-button-primary-fill-texticon-padding-left:var(--spectrum-global-dimension-size-125);--spectrum-button-primary-fill-texticon-border-radius:var(--spectrum-global-dimension-size-150);--spectrum-button-primary-fill-textonly-border-size:var(--spectrum-alias-border-size-thick);--spectrum-button-primary-fill-textonly-min-width:var(--spectrum-global-dimension-size-675);--spectrum-button-primary-fill-textonly-padding-left:var(--spectrum-global-dimension-size-150);--spectrum-button-primary-fill-textonly-padding-right:var(--spectrum-global-dimension-size-150);--spectrum-button-primary-fill-textonly-height:var(--spectrum-global-dimension-size-300);--spectrum-button-primary-fill-textonly-text-padding-top:calc(var(--spectrum-global-dimension-static-size-50) - 1px)}.spectrum-Button--sizeM{--spectrum-button-primary-fill-texticon-padding-left:var(--spectrum-button-m-primary-fill-texticon-padding-left);--spectrum-button-primary-fill-texticon-text-size:var(--spectrum-global-dimension-font-size-100);--spectrum-button-primary-fill-texticon-text-font-weight:var(--spectrum-global-font-weight-bold);--spectrum-button-primary-fill-texticon-text-line-height:var(--spectrum-alias-component-text-line-height);--spectrum-button-primary-fill-texticon-icon-gap:var(--spectrum-global-dimension-size-100);--spectrum-button-primary-fill-texticon-focus-ring-size:var(--spectrum-alias-focus-ring-size);--spectrum-button-primary-fill-texticon-border-size:var(--spectrum-alias-border-size-thick);--spectrum-button-primary-fill-texticon-border-radius:var(--spectrum-global-dimension-size-200);--spectrum-button-primary-fill-textonly-text-padding-top:var(--spectrum-global-dimension-size-75);--spectrum-button-primary-fill-textonly-border-size:var(--spectrum-alias-border-size-thick);--spectrum-button-primary-fill-textonly-min-width:var(--spectrum-global-dimension-size-900);--spectrum-button-primary-fill-textonly-padding-left:var(--spectrum-global-dimension-size-200);--spectrum-button-primary-fill-textonly-padding-right:var(--spectrum-global-dimension-size-200);--spectrum-button-primary-fill-textonly-height:var(--spectrum-global-dimension-size-400);--spectrum-button-primary-fill-textonly-text-padding-bottom:calc(var(--spectrum-global-dimension-size-115) - 1px)}.spectrum-Button--sizeL{--spectrum-button-primary-fill-textonly-text-padding-top:var(--spectrum-button-l-primary-fill-textonly-text-padding-top);--spectrum-button-primary-fill-texticon-text-size:var(--spectrum-global-dimension-font-size-200);--spectrum-button-primary-fill-texticon-text-font-weight:var(--spectrum-global-font-weight-bold);--spectrum-button-primary-fill-texticon-text-line-height:var(--spectrum-alias-component-text-line-height);--spectrum-button-primary-fill-texticon-icon-gap:var(--spectrum-global-dimension-size-115);--spectrum-button-primary-fill-texticon-focus-ring-size:var(--spectrum-alias-focus-ring-size);--spectrum-button-primary-fill-texticon-border-size:var(--spectrum-alias-border-size-thick);--spectrum-button-primary-fill-texticon-padding-left:var(--spectrum-global-dimension-size-225);--spectrum-button-primary-fill-texticon-border-radius:var(--spectrum-global-dimension-size-250);--spectrum-button-primary-fill-textonly-text-padding-bottom:var(--spectrum-global-dimension-size-130);--spectrum-button-primary-fill-textonly-border-size:var(--spectrum-alias-border-size-thick);--spectrum-button-primary-fill-textonly-min-width:var(--spectrum-global-dimension-size-1125);--spectrum-button-primary-fill-textonly-padding-left:var(--spectrum-global-dimension-size-250);--spectrum-button-primary-fill-textonly-padding-right:var(--spectrum-global-dimension-size-250);--spectrum-button-primary-fill-textonly-height:var(--spectrum-global-dimension-size-500)}.spectrum-Button--sizeXL{--spectrum-button-primary-fill-texticon-padding-left:var(--spectrum-button-xl-primary-fill-texticon-padding-left);--spectrum-button-primary-fill-texticon-text-size:var(--spectrum-global-dimension-font-size-300);--spectrum-button-primary-fill-texticon-text-font-weight:var(--spectrum-global-font-weight-bold);--spectrum-button-primary-fill-texticon-text-line-height:var(--spectrum-alias-component-text-line-height);--spectrum-button-primary-fill-texticon-icon-gap:var(--spectrum-global-dimension-size-125);--spectrum-button-primary-fill-texticon-focus-ring-size:var(--spectrum-alias-focus-ring-size);--spectrum-button-primary-fill-texticon-border-size:var(--spectrum-alias-border-size-thick);--spectrum-button-primary-fill-texticon-border-radius:var(--spectrum-global-dimension-size-300);--spectrum-button-primary-fill-textonly-text-padding-top:var(--spectrum-global-dimension-size-150);--spectrum-button-primary-fill-textonly-border-size:var(--spectrum-alias-border-size-thick);--spectrum-button-primary-fill-textonly-min-width:var(--spectrum-global-dimension-size-1250);--spectrum-button-primary-fill-textonly-padding-left:var(--spectrum-global-dimension-size-300);--spectrum-button-primary-fill-textonly-padding-right:var(--spectrum-global-dimension-size-300);--spectrum-button-primary-fill-textonly-height:var(--spectrum-global-dimension-size-600);--spectrum-button-primary-fill-textonly-text-padding-bottom:calc(var(--spectrum-global-dimension-size-175) - 1px)}.spectrum-Button{--spectrum-button-primary-fill-padding-left-adjusted:calc(var(--spectrum-button-primary-fill-texticon-padding-left) - var(--spectrum-button-primary-fill-texticon-border-size));--spectrum-button-primary-fill-textonly-padding-left-adjusted:calc(var(--spectrum-button-primary-fill-textonly-padding-left) - var(--spectrum-button-primary-fill-texticon-border-size));--spectrum-button-primary-fill-textonly-padding-right-adjusted:calc(var(--spectrum-button-primary-fill-textonly-padding-right) - var(--spectrum-button-primary-fill-texticon-border-size))}[dir=ltr] .spectrum-Button{padding-left:var(--spectrum-button-primary-fill-textonly-padding-left-adjusted);padding-right:var(--spectrum-button-primary-fill-textonly-padding-right-adjusted)}[dir=rtl] .spectrum-Button{padding-left:var(--spectrum-button-primary-fill-textonly-padding-right-adjusted);padding-right:var(--spectrum-button-primary-fill-textonly-padding-left-adjusted)}.spectrum-Button{--spectrum-button-focus-ring-color:var(--spectrum-alias-focus-ring-color);border-radius:var(--spectrum-button-primary-fill-texticon-border-radius);border-style:solid;border-width:var(--spectrum-button-primary-fill-texticon-border-size);color:inherit;font-size:var(--spectrum-button-primary-fill-texticon-text-size);font-weight:var(--spectrum-button-primary-fill-texticon-text-font-weight);height:auto;min-height:var(--spectrum-button-primary-fill-textonly-height);min-width:var(--spectrum-button-primary-fill-textonly-min-width);padding-bottom:0;padding-top:0}.spectrum-Button:active,.spectrum-Button:hover{box-shadow:none}[dir=ltr] .spectrum-Button .spectrum-Icon{margin-left:calc((var(--spectrum-button-primary-fill-textonly-padding-left-adjusted) - var(--spectrum-button-primary-fill-padding-left-adjusted))*-1)}[dir=rtl] .spectrum-Button .spectrum-Icon{margin-right:calc((var(--spectrum-button-primary-fill-textonly-padding-left-adjusted) - var(--spectrum-button-primary-fill-padding-left-adjusted))*-1)}[dir=ltr] .spectrum-Button .spectrum-Icon+.spectrum-Button-label{padding-left:var(--spectrum-button-primary-fill-texticon-icon-gap)}[dir=rtl] .spectrum-Button .spectrum-Icon+.spectrum-Button-label{padding-right:var(--spectrum-button-primary-fill-texticon-icon-gap)}[dir=ltr] .spectrum-Button .spectrum-Icon+.spectrum-Button-label{padding-right:0}[dir=rtl] .spectrum-Button .spectrum-Icon+.spectrum-Button-label{padding-left:0}.spectrum-Button:after{border-radius:calc(var(--spectrum-button-primary-fill-texticon-border-radius) + var(--spectrum-global-dimension-static-size-25))}.spectrum-Button-label{line-height:var(--spectrum-button-primary-fill-texticon-text-line-height);padding-bottom:calc(var(--spectrum-button-primary-fill-textonly-text-padding-bottom) - var(--spectrum-button-primary-fill-textonly-border-size));padding-top:calc(var(--spectrum-button-primary-fill-textonly-text-padding-top) - var(--spectrum-button-primary-fill-textonly-border-size))}.spectrum-Button.focus-ring:after,.spectrum-Button.is-focused:after{box-shadow:0 0 0 var(--spectrum-button-primary-fill-texticon-focus-ring-size) var(--spectrum-button-focus-ring-color)}.spectrum-Button--staticWhite{--spectrum-button-focus-ring-color:var(--spectrum-global-color-static-white)}.spectrum-Button--staticBlack{--spectrum-button-focus-ring-color:var(--spectrum-global-color-static-black)}@media (forced-colors:active){.spectrum-Button{--spectrum-button-m-accent-fill-texticon-background-color:ButtonText;--spectrum-button-m-accent-fill-texticon-background-color-down:Highlight;--spectrum-button-m-accent-fill-texticon-background-color-hover:Highlight;--spectrum-button-m-accent-fill-texticon-background-color-key-focus:Highlight;--spectrum-button-m-accent-fill-texticon-text-color:ButtonFace;--spectrum-button-m-negative-outline-texticon-background-color:ButtonFace;--spectrum-button-m-negative-outline-texticon-background-color-down:ButtonFace;--spectrum-button-m-negative-outline-texticon-background-color-hover:ButtonFace;--spectrum-button-m-negative-outline-texticon-background-color-key-focus:ButtonFace;--spectrum-button-m-negative-outline-texticon-border-color:ButtonText;--spectrum-button-m-negative-outline-texticon-border-color-down:Highlight;--spectrum-button-m-negative-outline-texticon-border-color-hover:Highlight;--spectrum-button-m-negative-outline-texticon-border-color-key-focus:Highlight;--spectrum-button-m-negative-outline-texticon-text-color:ButtonText;--spectrum-button-m-negative-outline-texticon-text-color-down:ButtonText;--spectrum-button-m-negative-outline-texticon-text-color-hover:ButtonText;--spectrum-button-m-negative-outline-texticon-text-color-key-focus:ButtonText;--spectrum-button-m-primary-outline-texticon-background-color:ButtonFace;--spectrum-button-m-primary-outline-texticon-background-color-disabled:ButtonFace;--spectrum-button-m-primary-outline-texticon-background-color-down:ButtonFace;--spectrum-button-m-primary-outline-texticon-background-color-hover:ButtonFace;--spectrum-button-m-primary-outline-texticon-background-color-key-focus:ButtonFace;--spectrum-button-m-primary-outline-texticon-border-color:ButtonText;--spectrum-button-m-primary-outline-texticon-border-color-disabled:GrayText;--spectrum-button-m-primary-outline-texticon-border-color-down:Highlight;--spectrum-button-m-primary-outline-texticon-border-color-hover:Highlight;--spectrum-button-m-primary-outline-texticon-border-color-key-focus:Highlight;--spectrum-button-m-primary-outline-texticon-text-color:ButtonText;--spectrum-button-m-primary-outline-texticon-text-color-down:ButtonText;--spectrum-button-m-primary-outline-texticon-text-color-hover:ButtonText;--spectrum-button-m-primary-outline-texticon-text-color-key-focus:ButtonText;--spectrum-button-m-secondary-outline-texticon-background-color:ButtonFace;--spectrum-button-m-secondary-outline-texticon-background-color-down:ButtonFace;--spectrum-button-m-secondary-outline-texticon-background-color-hover:ButtonFace;--spectrum-button-m-secondary-outline-texticon-background-color-key-focus:ButtonFace;--spectrum-button-m-secondary-outline-texticon-border-color:ButtonText;--spectrum-button-m-secondary-outline-texticon-border-color-down:Highlight;--spectrum-button-m-secondary-outline-texticon-border-color-hover:Highlight;--spectrum-button-m-secondary-outline-texticon-border-color-key-focus:Highlight;--spectrum-button-m-secondary-outline-texticon-text-color:ButtonText;--spectrum-button-m-secondary-outline-texticon-text-color-down:ButtonText;--spectrum-button-m-secondary-outline-texticon-text-color-hover:ButtonText;--spectrum-button-m-secondary-outline-texticon-text-color-key-focus:ButtonText}.spectrum-Button.focus-ring:after,.spectrum-Button.is-focused:after{box-shadow:0 0 0 var(--spectrum-button-primary-fill-texticon-focus-ring-size) Highlight}.spectrum-Button{forced-color-adjust:none}.spectrum-Button--overBackground.focus-ring,.spectrum-Button--overBackground:active,.spectrum-Button--overBackground:hover{color:ButtonText}}.spectrum-Button:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):disabled .spectrum-Button-label,.spectrum-Button:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):disabled .spectrum-Icon{color:var(--spectrum-global-color-gray-500)}.spectrum-Button.spectrum-Button--staticWhite:disabled .spectrum-Button-label,.spectrum-Button.spectrum-Button--staticWhite:disabled .spectrum-Icon{color:var(--spectrum-global-color-static-transparent-white-500)}.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--fill:not(.spectrum-Button--secondary):not(:disabled){background-color:var(--spectrum-global-color-static-white)}.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--fill:not(.spectrum-Button--secondary):not(:disabled) .spectrum-Button-label,.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--fill:not(.spectrum-Button--secondary):not(:disabled) .spectrum-Icon{color:inherit}.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--fill.spectrum-Button--secondary:not(:disabled){background-color:var(--spectrum-global-color-static-transparent-white-300)}.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--fill.spectrum-Button--secondary:not(:disabled) .spectrum-Button-label,.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--fill.spectrum-Button--secondary:not(:disabled) .spectrum-Icon{color:var(--spectrum-global-color-static-white)}.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--fill.spectrum-Button--secondary:not(:disabled):hover{background-color:var(--spectrum-global-color-static-transparent-white-400)}.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--fill.spectrum-Button--secondary:not(:disabled):active{background-color:var(--spectrum-global-color-static-transparent-white-500)}.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--fill.spectrum-Button--secondary:not(:disabled):focus-visible{background-color:var(--spectrum-global-color-static-transparent-white-400)}.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--fill.spectrum-Button--secondary:not(:disabled).is-keyboardFocused{background-color:var(--spectrum-global-color-static-transparent-white-400)}.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--fill:disabled{background-color:var(--spectrum-global-color-static-transparent-white-200)}.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--outline:not(:disabled) .spectrum-Button-label,.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--outline:not(:disabled) .spectrum-Icon{color:var(--spectrum-global-color-static-white)}.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--outline:disabled{background-color:var(--spectrum-alias-background-color-transparent);border-color:var(--spectrum-global-color-static-transparent-white-200)}.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--outline:not(.spectrum-Button--secondary):not(:disabled){background-color:var(--spectrum-alias-background-color-transparent);border-color:var(--spectrum-global-color-static-white)}.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--outline:not(.spectrum-Button--secondary):not(:disabled):hover{background-color:var(--spectrum-global-color-static-transparent-white-300)}.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--outline:not(.spectrum-Button--secondary):not(:disabled):active{background-color:var(--spectrum-global-color-static-transparent-white-400)}.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--outline:not(.spectrum-Button--secondary):not(:disabled):focus-visible{background-color:var(--spectrum-global-color-static-transparent-white-300)}.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--outline:not(.spectrum-Button--secondary):not(:disabled).is-keyboardFocused{background-color:var(--spectrum-global-color-static-transparent-white-300)}.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--outline.spectrum-Button--secondary:not(:disabled){background-color:var(--spectrum-alias-background-color-transparent);border-color:var(--spectrum-global-color-static-transparent-white-200)}.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--outline.spectrum-Button--secondary:not(:disabled):hover{background-color:var(--spectrum-global-color-static-transparent-white-300)}.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--outline.spectrum-Button--secondary:not(:disabled):active{background-color:var(--spectrum-global-color-static-transparent-white-400)}.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--outline.spectrum-Button--secondary:not(:disabled):focus-visible{background-color:var(--spectrum-global-color-static-transparent-white-300)}.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--outline.spectrum-Button--secondary:not(:disabled).is-keyboardFocused{background-color:var(--spectrum-global-color-static-transparent-white-300)}.spectrum-Button.spectrum-Button--staticBlack:disabled .spectrum-Button-label,.spectrum-Button.spectrum-Button--staticBlack:disabled .spectrum-Icon{color:var(--spectrum-global-color-static-transparent-black-500)}.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--fill:not(.spectrum-Button--secondary):not(:disabled){background-color:var(--spectrum-global-color-static-black)}.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--fill:not(.spectrum-Button--secondary):not(:disabled) .spectrum-Button-label,.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--fill:not(.spectrum-Button--secondary):not(:disabled) .spectrum-Icon{color:inherit}.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--fill.spectrum-Button--secondary:not(:disabled){background-color:var(--spectrum-global-color-static-transparent-black-300)}.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--fill.spectrum-Button--secondary:not(:disabled) .spectrum-Button-label,.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--fill.spectrum-Button--secondary:not(:disabled) .spectrum-Icon{color:var(--spectrum-global-color-static-black)}.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--fill.spectrum-Button--secondary:not(:disabled):hover{background-color:var(--spectrum-global-color-static-transparent-black-400)}.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--fill.spectrum-Button--secondary:not(:disabled):active{background-color:var(--spectrum-global-color-static-transparent-black-500)}.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--fill.spectrum-Button--secondary:not(:disabled):focus-visible{background-color:var(--spectrum-global-color-static-transparent-black-400)}.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--fill.spectrum-Button--secondary:not(:disabled).is-keyboardFocused{background-color:var(--spectrum-global-color-static-transparent-black-400)}.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--fill:disabled{background-color:var(--spectrum-global-color-static-transparent-black-200)}.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--outline:not(:disabled) .spectrum-Button-label,.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--outline:not(:disabled) .spectrum-Icon{color:var(--spectrum-global-color-static-black)}.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--outline:disabled{background-color:var(--spectrum-alias-background-color-transparent);border-color:var(--spectrum-global-color-static-transparent-black-200)}.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--outline:not(.spectrum-Button--secondary):not(:disabled){background-color:var(--spectrum-alias-background-color-transparent);border-color:var(--spectrum-global-color-static-black)}.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--outline:not(.spectrum-Button--secondary):not(:disabled):hover{background-color:var(--spectrum-global-color-static-transparent-black-300)}.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--outline:not(.spectrum-Button--secondary):not(:disabled):active{background-color:var(--spectrum-global-color-static-transparent-black-400)}.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--outline:not(.spectrum-Button--secondary):not(:disabled):focus-visible{background-color:var(--spectrum-global-color-static-transparent-black-300)}.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--outline:not(.spectrum-Button--secondary):not(:disabled).is-keyboardFocused{background-color:var(--spectrum-global-color-static-transparent-black-300)}.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--outline.spectrum-Button--secondary:not(:disabled){background-color:var(--spectrum-alias-background-color-transparent);border-color:var(--spectrum-global-color-static-transparent-black-200)}.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--outline.spectrum-Button--secondary:not(:disabled):hover{background-color:var(--spectrum-global-color-static-transparent-black-300)}.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--outline.spectrum-Button--secondary:not(:disabled):active{background-color:var(--spectrum-global-color-static-transparent-black-400)}.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--outline.spectrum-Button--secondary:not(:disabled):focus-visible{background-color:var(--spectrum-global-color-static-transparent-black-300)}.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--outline.spectrum-Button--secondary:not(:disabled).is-keyboardFocused{background-color:var(--spectrum-global-color-static-transparent-black-300)}.spectrum-Button.spectrum-Button--fill.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled){background-color:var(--spectrum-semantic-cta-background-color-default)}.spectrum-Button.spectrum-Button--fill.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled) .spectrum-Button-label,.spectrum-Button.spectrum-Button--fill.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled) .spectrum-Icon{color:var(--spectrum-global-color-static-white)}.spectrum-Button.spectrum-Button--fill.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):hover{background-color:var(--spectrum-semantic-cta-background-color-hover)}.spectrum-Button.spectrum-Button--fill.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):active{background-color:var(--spectrum-semantic-cta-background-color-down)}.spectrum-Button.spectrum-Button--fill.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):focus-visible{background-color:var(--spectrum-semantic-cta-background-color-key-focus)}.spectrum-Button.spectrum-Button--fill.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled).is-keyboardFocused{background-color:var(--spectrum-semantic-cta-background-color-key-focus)}.spectrum-Button.spectrum-Button--fill.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled){background-color:var(--spectrum-global-color-static-red-600)}.spectrum-Button.spectrum-Button--fill.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled) .spectrum-Button-label,.spectrum-Button.spectrum-Button--fill.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled) .spectrum-Icon{color:var(--spectrum-global-color-static-white)}.spectrum-Button.spectrum-Button--fill.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):hover{background-color:var(--spectrum-global-color-static-red-700)}.spectrum-Button.spectrum-Button--fill.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):active{background-color:var(--spectrum-global-color-static-red-800)}.spectrum-Button.spectrum-Button--fill.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):focus-visible{background-color:var(--spectrum-global-color-static-red-700)}.spectrum-Button.spectrum-Button--fill.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled).is-keyboardFocused{background-color:var(--spectrum-global-color-static-red-700)}.spectrum-Button.spectrum-Button--fill.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled){background-color:var(--spectrum-global-color-gray-800)}.spectrum-Button.spectrum-Button--fill.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled) .spectrum-Button-label,.spectrum-Button.spectrum-Button--fill.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled) .spectrum-Icon{color:var(--spectrum-global-color-gray-50)}.spectrum-Button.spectrum-Button--fill.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):active,.spectrum-Button.spectrum-Button--fill.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):hover{background-color:var(--spectrum-global-color-gray-900)}.spectrum-Button.spectrum-Button--fill.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):focus-visible{background-color:var(--spectrum-global-color-gray-900)}.spectrum-Button.spectrum-Button--fill.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled).is-keyboardFocused{background-color:var(--spectrum-global-color-gray-900)}.spectrum-Button.spectrum-Button--fill.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled){background-color:var(--spectrum-global-color-gray-200)}.spectrum-Button.spectrum-Button--fill.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled) .spectrum-Icon{color:var(--spectrum-global-color-gray-800)}.spectrum-Button.spectrum-Button--fill.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):hover{background-color:var(--spectrum-global-color-gray-300)}.spectrum-Button.spectrum-Button--fill.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):hover .spectrum-Button-label,.spectrum-Button.spectrum-Button--fill.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):hover .spectrum-Icon{color:var(--spectrum-global-color-gray-900)}.spectrum-Button.spectrum-Button--fill.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):active{background-color:var(--spectrum-global-color-gray-400)}.spectrum-Button.spectrum-Button--fill.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):active .spectrum-Button-label,.spectrum-Button.spectrum-Button--fill.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):active .spectrum-Icon{color:var(--spectrum-global-color-gray-900)}.spectrum-Button.spectrum-Button--fill.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):focus-visible{background-color:var(--spectrum-global-color-gray-300)}.spectrum-Button.spectrum-Button--fill.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):focus-visible .spectrum-Icon{color:var(--spectrum-global-color-gray-900)}.spectrum-Button.spectrum-Button--fill.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):focus-visible .spectrum-Button-label{color:var(--spectrum-global-color-gray-900)}.spectrum-Button.spectrum-Button--fill.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled).is-keyboardFocused{background-color:var(--spectrum-global-color-gray-300)}.spectrum-Button.spectrum-Button--fill.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled).is-keyboardFocused .spectrum-Button-label,.spectrum-Button.spectrum-Button--fill.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled).is-keyboardFocused .spectrum-Icon{color:var(--spectrum-global-color-gray-900)}.spectrum-Button.spectrum-Button--fill.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled) .spectrum-Button-label{color:var(--spectrum-global-color-gray-800)}.spectrum-Button.spectrum-Button--fill:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):disabled{background-color:var(--spectrum-global-color-gray-200)}.spectrum-Button.spectrum-Button--fill:disabled,.spectrum-Button.spectrum-Button--fill:not(:disabled){border-color:transparent}.spectrum-Button.spectrum-Button--outline.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled){background-color:var(--spectrum-alias-background-color-transparent);border-color:var(--spectrum-semantic-cta-background-color-default)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled) .spectrum-Icon{color:var(--spectrum-semantic-cta-background-color-default)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):hover{background-color:var(--spectrum-alias-transparent-blue-background-color-hover);border-color:var(--spectrum-semantic-cta-background-color-hover)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):hover .spectrum-Button-label,.spectrum-Button.spectrum-Button--outline.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):hover .spectrum-Icon{color:var(--spectrum-semantic-cta-background-color-hover)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):active{background-color:var(--spectrum-alias-transparent-blue-background-color-down);border-color:var(--spectrum-semantic-cta-background-color-down)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):active .spectrum-Button-label,.spectrum-Button.spectrum-Button--outline.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):active .spectrum-Icon{color:var(--spectrum-semantic-cta-background-color-down)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):focus-visible{background-color:var(--spectrum-alias-transparent-blue-background-color-key-focus);border-color:var(--spectrum-semantic-cta-background-color-key-focus)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):focus-visible .spectrum-Icon{color:var(--spectrum-semantic-cta-background-color-key-focus)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):focus-visible .spectrum-Button-label{color:var(--spectrum-semantic-cta-background-color-key-focus)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled).is-keyboardFocused{background-color:var(--spectrum-alias-transparent-blue-background-color-key-focus);border-color:var(--spectrum-semantic-cta-background-color-key-focus)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled).is-keyboardFocused .spectrum-Button-label,.spectrum-Button.spectrum-Button--outline.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled).is-keyboardFocused .spectrum-Icon{color:var(--spectrum-semantic-cta-background-color-key-focus)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled) .spectrum-Button-label{color:var(--spectrum-semantic-cta-background-color-default)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled){background-color:var(--spectrum-alias-background-color-transparent);border-color:var(--spectrum-global-color-red-500)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled) .spectrum-Icon{color:var(--spectrum-global-color-red-500)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):hover{background-color:var(--spectrum-alias-transparent-red-background-color-hover);border-color:var(--spectrum-global-color-red-600)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):hover .spectrum-Button-label,.spectrum-Button.spectrum-Button--outline.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):hover .spectrum-Icon{color:var(--spectrum-global-color-red-600)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):active{background-color:var(--spectrum-alias-transparent-red-background-color-down);border-color:var(--spectrum-global-color-red-700)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):active .spectrum-Button-label,.spectrum-Button.spectrum-Button--outline.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):active .spectrum-Icon{color:var(--spectrum-global-color-red-700)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):focus-visible{background-color:var(--spectrum-alias-transparent-red-background-color-key-focus);border-color:var(--spectrum-global-color-red-600)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):focus-visible .spectrum-Icon{color:var(--spectrum-global-color-red-600)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):focus-visible .spectrum-Button-label{color:var(--spectrum-global-color-red-600)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled).is-keyboardFocused{background-color:var(--spectrum-alias-transparent-red-background-color-key-focus);border-color:var(--spectrum-global-color-red-600)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled).is-keyboardFocused .spectrum-Button-label,.spectrum-Button.spectrum-Button--outline.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled).is-keyboardFocused .spectrum-Icon{color:var(--spectrum-global-color-red-600)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled) .spectrum-Button-label{color:var(--spectrum-global-color-red-500)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled){background-color:var(--spectrum-alias-background-color-transparent);border-color:var(--spectrum-global-color-gray-800)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled) .spectrum-Icon{color:var(--spectrum-global-color-gray-800)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):hover{background-color:var(--spectrum-global-color-gray-300);border-color:var(--spectrum-global-color-gray-900)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):hover .spectrum-Button-label,.spectrum-Button.spectrum-Button--outline.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):hover .spectrum-Icon{color:var(--spectrum-global-color-gray-900)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):active{background-color:var(--spectrum-global-color-gray-400);border-color:var(--spectrum-global-color-gray-900)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):active .spectrum-Button-label,.spectrum-Button.spectrum-Button--outline.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):active .spectrum-Icon{color:var(--spectrum-global-color-gray-900)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):focus-visible{background-color:var(--spectrum-global-color-gray-300);border-color:var(--spectrum-global-color-gray-900)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):focus-visible .spectrum-Icon{color:var(--spectrum-global-color-gray-900)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):focus-visible .spectrum-Button-label{color:var(--spectrum-global-color-gray-900)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled).is-keyboardFocused{background-color:var(--spectrum-global-color-gray-300);border-color:var(--spectrum-global-color-gray-900)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled).is-keyboardFocused .spectrum-Button-label,.spectrum-Button.spectrum-Button--outline.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled).is-keyboardFocused .spectrum-Icon{color:var(--spectrum-global-color-gray-900)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled) .spectrum-Button-label{color:var(--spectrum-global-color-gray-800)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled){background-color:var(--spectrum-alias-background-color-transparent);border-color:var(--spectrum-global-color-gray-300)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled) .spectrum-Icon{color:var(--spectrum-global-color-gray-800)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):hover{background-color:var(--spectrum-global-color-gray-300);border-color:var(--spectrum-global-color-gray-400)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):hover .spectrum-Button-label,.spectrum-Button.spectrum-Button--outline.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):hover .spectrum-Icon{color:var(--spectrum-global-color-gray-900)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):active{background-color:var(--spectrum-global-color-gray-400);border-color:var(--spectrum-global-color-gray-500)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):active .spectrum-Button-label,.spectrum-Button.spectrum-Button--outline.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):active .spectrum-Icon{color:var(--spectrum-global-color-gray-900)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):focus-visible{background-color:var(--spectrum-global-color-gray-300);border-color:var(--spectrum-global-color-gray-400)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):focus-visible .spectrum-Icon{color:var(--spectrum-global-color-gray-900)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):focus-visible .spectrum-Button-label{color:var(--spectrum-global-color-gray-900)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled).is-keyboardFocused{background-color:var(--spectrum-global-color-gray-300);border-color:var(--spectrum-global-color-gray-400)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled).is-keyboardFocused .spectrum-Button-label,.spectrum-Button.spectrum-Button--outline.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled).is-keyboardFocused .spectrum-Icon{color:var(--spectrum-global-color-gray-900)}.spectrum-Button.spectrum-Button--outline.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled) .spectrum-Button-label{color:var(--spectrum-global-color-gray-800)}.spectrum-Button.spectrum-Button--outline:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):disabled{background-color:var(--spectrum-alias-background-color-transparent);border-color:var(--spectrum-global-color-gray-200)}.spectrum-Dialog{--spectrum-dialog-fullscreen-header-text-size:28px;--spectrum-dialog-confirm-small-width:400px;--spectrum-dialog-confirm-medium-width:480px;--spectrum-dialog-confirm-large-width:640px;--spectrum-dialog-error-width:var(--spectrum-dialog-confirm-medium-width);--spectrum-dialog-confirm-hero-height:var(
     --spectrum-global-dimension-size-1600
   );--spectrum-dialog-confirm-description-padding:var(
     --spectrum-global-dimension-size-25
@@ -38,7 +38,7 @@
           --spectrum-dialog-confirm-padding
         )}.spectrum-Dialog--fullscreen .spectrum-Dialog-buttonGroup,.spectrum-Dialog--fullscreenTakeover .spectrum-Dialog-buttonGroup{padding-top:var(
         --spectrum-dialog-confirm-buttongroup-padding-top
-      )}.spectrum-Dialog--fullscreen .spectrum-Dialog-heading,.spectrum-Dialog--fullscreenTakeover .spectrum-Dialog-heading{font-size:var(--spectrum-dialog-confirm-title-text-size)}}@media (forced-colors:active){.spectrum-Dialog{border:solid}}.spectrum-Dialog-heading{color:var(--spectrum-alias-heading-text-color)}.spectrum-Dialog-content,.spectrum-Dialog-footer{color:var(--spectrum-global-color-gray-800)}.spectrum-Dialog-typeIcon{color:var(--spectrum-global-color-gray-900)}.spectrum-Dialog--error .spectrum-Dialog-typeIcon{color:var(--spectrum-semantic-negative-icon-color)}.spectrum-Modal{opacity:0;pointer-events:none;transition:transform .13s ease-in-out,opacity .13s ease-in-out,visibility 0ms linear .13s;visibility:hidden}.spectrum-Modal.is-open{opacity:1;pointer-events:auto;transition-delay:0ms;visibility:visible}.spectrum-Modal{--spectrum-dialog-confirm-exit-animation-delay:0ms;--spectrum-dialog-fullscreen-margin:32px;--spectrum-dialog-max-height:90vh}.spectrum-Modal-wrapper{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;box-sizing:border-box;display:-ms-flexbox;display:flex;height:100vh;height:fill-available;justify-content:center;left:0;pointer-events:none;position:fixed;top:0;transition:visibility 0ms linear .13s;visibility:hidden;width:100vw;z-index:2}.spectrum-Modal-wrapper.is-open{visibility:visible}.spectrum-Modal{border-radius:var(--spectrum-alias-component-border-radius);max-height:var(--spectrum-dialog-max-height);outline:none;overflow:hidden;pointer-events:auto;transform:translateY(var(--spectrum-global-dimension-size-250));transition:opacity var(--spectrum-global-animation-duration-100) cubic-bezier(.5,0,1,1) 0ms,visibility 0ms linear calc(var(--spectrum-global-animation-duration-100)),transform 0ms linear calc(var(--spectrum-global-animation-duration-100));z-index:2}.spectrum-Modal.is-open{transform:translateY(0);transition:transform var(--spectrum-global-animation-duration-500) cubic-bezier(0,0,.4,1) var(--spectrum-global-animation-duration-200),opacity var(--spectrum-global-animation-duration-500) cubic-bezier(0,0,.4,1) var(--spectrum-global-animation-duration-200)}@media only screen and (max-device-height:350px),only screen and (max-device-width:400px){.spectrum-Modal--responsive{border-radius:0;height:100%;max-height:100%;max-width:100%;width:100%}.spectrum-Modal-wrapper .spectrum-Modal--responsive{margin-top:0}}.spectrum-Modal--fullscreen{bottom:var(--spectrum-dialog-fullscreen-margin);left:var(--spectrum-dialog-fullscreen-margin);max-height:none;max-width:none;position:fixed;right:var(--spectrum-dialog-fullscreen-margin);top:var(--spectrum-dialog-fullscreen-margin)}.spectrum-Modal--fullscreenTakeover{border:none;border-radius:0;bottom:0;box-sizing:border-box;left:0;max-height:none;max-width:none;position:fixed;right:0;top:0}.spectrum-Modal--fullscreenTakeover,.spectrum-Modal--fullscreenTakeover.is-open{transform:none}.spectrum-Modal{background:var(--spectrum-alias-background-color-default)}.spectrum-Card--sizeS{--spectrum-card-quiet-body-header-margin-top:var(--spectrum-global-dimension-size-175);--spectrum-card-quiet-body-header-height:var(--spectrum-global-dimension-size-150);--spectrum-card-quiet-preview-padding:var(--spectrum-global-dimension-size-150);--spectrum-card-quiet-min-width:var(--spectrum-global-dimension-size-1200);--spectrum-card-quiet-min-height:var(--spectrum-global-dimension-size-900);--spectrum-card-quiet-border-radius:var(--spectrum-alias-border-radius-regular);--spectrum-card-quiet-border-size:var(--spectrum-alias-border-size-thin);--spectrum-card-body-header-height:var(--spectrum-global-dimension-size-150);--spectrum-card-body-content-min-height:var(--spectrum-global-dimension-size-175);--spectrum-card-body-content-margin-top:var(--spectrum-global-dimension-size-75);--spectrum-card-body-padding-top:var(--spectrum-global-dimension-size-250);--spectrum-card-body-padding-bottom:var(--spectrum-global-dimension-size-250);--spectrum-card-body-padding-left:var(--spectrum-global-dimension-size-300);--spectrum-card-body-padding-right:var(--spectrum-global-dimension-size-300);--spectrum-card-coverphoto-height:var(--spectrum-global-dimension-size-1700);--spectrum-card-coverphoto-border-bottom-size:var(--spectrum-alias-border-size-thin);--spectrum-card-checkbox-margin:var(--spectrum-global-dimension-size-125);--spectrum-card-title-padding-right:var(--spectrum-global-dimension-size-100);--spectrum-card-subtitle-text-size:var(--spectrum-global-dimension-font-size-50);--spectrum-card-subtitle-padding-right:var(--spectrum-global-dimension-size-100);--spectrum-card-actions-margin:var(--spectrum-global-dimension-size-125);--spectrum-card-footer-padding-top:var(--spectrum-global-dimension-size-175);--spectrum-card-footer-border-top-size:var(--spectrum-global-dimension-size-10);--spectrum-card-min-width:var(--spectrum-global-dimension-size-1250);--spectrum-card-border-radius:var(--spectrum-alias-border-radius-regular);--spectrum-card-border-size:var(--spectrum-alias-border-size-thin)}.spectrum-Card--sizeM{--spectrum-card-quiet-body-header-margin-top:var(--spectrum-global-dimension-size-175);--spectrum-card-quiet-body-header-height:var(--spectrum-global-dimension-size-225);--spectrum-card-quiet-preview-padding:var(--spectrum-global-dimension-size-250);--spectrum-card-quiet-min-width:var(--spectrum-global-dimension-size-2500);--spectrum-card-quiet-min-height:var(--spectrum-global-dimension-size-1700);--spectrum-card-quiet-border-radius:var(--spectrum-alias-border-radius-regular);--spectrum-card-quiet-border-size:var(--spectrum-alias-border-size-thin);--spectrum-card-body-header-height:var(--spectrum-global-dimension-size-225);--spectrum-card-body-content-min-height:var(--spectrum-global-dimension-size-175);--spectrum-card-body-content-margin-top:var(--spectrum-global-dimension-size-75);--spectrum-card-body-padding-top:var(--spectrum-global-dimension-size-250);--spectrum-card-body-padding-bottom:var(--spectrum-global-dimension-size-250);--spectrum-card-body-padding-left:var(--spectrum-global-dimension-size-300);--spectrum-card-body-padding-right:var(--spectrum-global-dimension-size-300);--spectrum-card-coverphoto-height:var(--spectrum-global-dimension-size-1700);--spectrum-card-coverphoto-border-bottom-size:var(--spectrum-alias-border-size-thin);--spectrum-card-checkbox-margin:var(--spectrum-global-dimension-size-200);--spectrum-card-title-padding-right:var(--spectrum-global-dimension-size-100);--spectrum-card-subtitle-text-size:var(--spectrum-global-dimension-font-size-50);--spectrum-card-subtitle-padding-right:var(--spectrum-global-dimension-size-100);--spectrum-card-actions-margin:var(--spectrum-global-dimension-size-125);--spectrum-card-footer-padding-top:var(--spectrum-global-dimension-size-175);--spectrum-card-footer-border-top-size:var(--spectrum-global-dimension-size-10);--spectrum-card-min-width:var(--spectrum-global-dimension-size-2500);--spectrum-card-border-radius:var(--spectrum-alias-border-radius-regular);--spectrum-card-border-size:var(--spectrum-alias-border-size-thin)}.spectrum-Card{border:var(--spectrum-card-border-size) solid transparent;border-radius:var(--spectrum-card-border-radius);box-sizing:border-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;min-width:var(--spectrum-card-min-width);position:relative;text-decoration:none}.spectrum-Card:focus{outline:none}.spectrum-Card.is-focused .spectrum-Card-actions,.spectrum-Card.is-focused .spectrum-Card-quickActions,.spectrum-Card.is-selected .spectrum-Card-actions,.spectrum-Card.is-selected .spectrum-Card-quickActions,.spectrum-Card:focus .spectrum-Card-actions,.spectrum-Card:focus .spectrum-Card-quickActions,.spectrum-Card:hover .spectrum-Card-actions,.spectrum-Card:hover .spectrum-Card-quickActions{opacity:1;pointer-events:all;visibility:visible}[dir=ltr] .spectrum-Card-actions{right:var(--spectrum-card-actions-margin)}[dir=rtl] .spectrum-Card-actions{left:var(--spectrum-card-actions-margin)}.spectrum-Card-actions{height:var(--spectrum-global-dimension-size-500);position:absolute;top:var(--spectrum-card-actions-margin);visibility:hidden}[dir=ltr] .spectrum-Card-quickActions{left:var(--spectrum-card-checkbox-margin)}[dir=rtl] .spectrum-Card-quickActions{right:var(--spectrum-card-checkbox-margin)}.spectrum-Card-quickActions{height:var(--spectrum-global-dimension-size-500);position:absolute;top:var(--spectrum-card-checkbox-margin);visibility:hidden;width:var(--spectrum-global-dimension-size-500)}[dir=ltr] .spectrum-Card-quickActions .spectrum-Checkbox,[dir=rtl] .spectrum-Card-quickActions .spectrum-Checkbox{margin:0}.spectrum-Card-coverPhoto{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;background-position:50%;background-size:cover;border-bottom:var(--spectrum-card-coverphoto-border-bottom-size) solid transparent;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:calc(var(--spectrum-card-border-radius) - 1px);border-top-right-radius:calc(var(--spectrum-card-border-radius) - 1px);box-sizing:border-box;display:-ms-flexbox;display:flex;height:var(--spectrum-card-coverphoto-height);justify-content:center}[dir=ltr] .spectrum-Card-body{padding-right:var(--spectrum-card-body-padding-right)}[dir=rtl] .spectrum-Card-body{padding-left:var(--spectrum-card-body-padding-right)}[dir=ltr] .spectrum-Card-body{padding-left:var(--spectrum-card-body-padding-left)}[dir=rtl] .spectrum-Card-body{padding-right:var(--spectrum-card-body-padding-left)}.spectrum-Card-body{padding-bottom:var(--spectrum-card-body-padding-bottom);padding-top:var(--spectrum-card-body-padding-top)}.spectrum-Card-body:last-child{border-bottom-left-radius:var(--spectrum-card-border-radius);border-bottom-right-radius:var(--spectrum-card-border-radius);border-top-left-radius:0;border-top-right-radius:0}.spectrum-Card-preview{border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:calc(var(--spectrum-card-border-radius) - 1px);border-top-right-radius:calc(var(--spectrum-card-border-radius) - 1px);overflow:hidden}.spectrum-Card-header{height:var(--spectrum-card-body-header-height)}.spectrum-Card-content{display:-ms-flexbox;display:flex;height:var(--spectrum-card-body-content-min-height);margin-top:var(--spectrum-card-body-content-margin-top)}[dir=ltr] .spectrum-Card-title{padding-right:var(--spectrum-card-title-padding-right)}[dir=rtl] .spectrum-Card-title{padding-left:var(--spectrum-card-title-padding-right)}.spectrum-Card-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[dir=ltr] .spectrum-Card-subtitle{padding-right:var(--spectrum-card-subtitle-padding-right)}[dir=rtl] .spectrum-Card-subtitle{padding-left:var(--spectrum-card-subtitle-padding-right)}.spectrum-Card-description{font-size:var(--spectrum-card-subtitle-text-size)}[dir=ltr] .spectrum-Card-subtitle+.spectrum-Card-description:before{padding-right:var(--spectrum-card-subtitle-padding-right)}[dir=rtl] .spectrum-Card-subtitle+.spectrum-Card-description:before{padding-left:var(--spectrum-card-subtitle-padding-right)}.spectrum-Card-subtitle+.spectrum-Card-description:before{content:"•"}[dir=ltr] .spectrum-Card-footer{margin-right:var(--spectrum-card-body-padding-right)}[dir=rtl] .spectrum-Card-footer{margin-left:var(--spectrum-card-body-padding-right)}[dir=ltr] .spectrum-Card-footer{margin-left:var(--spectrum-card-body-padding-left)}[dir=rtl] .spectrum-Card-footer{margin-right:var(--spectrum-card-body-padding-left)}.spectrum-Card-footer{border-top:var(--spectrum-card-footer-border-top-size) solid;padding-bottom:var(--spectrum-card-body-padding-bottom);padding-top:var(--spectrum-card-footer-padding-top)}.spectrum-Card-header{-ms-flex-align:baseline;align-items:baseline;display:-ms-flexbox;display:flex}.spectrum-Card-actionButton{-ms-flex-item-align:center;-ms-flex-pack:end;align-self:center;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;justify-content:flex-end}.spectrum-Card--quiet .spectrum-Card-preview{min-height:var(--spectrum-card-quiet-min-height)}.spectrum-Card--gallery,.spectrum-Card--quiet{border-radius:0;border-width:0;height:100%;min-width:var(--spectrum-card-quiet-min-width);overflow:visible}.spectrum-Card--gallery .spectrum-Card-preview,.spectrum-Card--quiet .spectrum-Card-preview{border-radius:var(--spectrum-card-quiet-border-radius);box-sizing:border-box;-ms-flex:1;flex:1;margin:0 auto;overflow:visible;padding:var(--spectrum-card-quiet-preview-padding);position:relative;transition:background-color .13s;width:100%}[dir=ltr] .spectrum-Card--gallery .spectrum-Card-preview:before,[dir=ltr] .spectrum-Card--quiet .spectrum-Card-preview:before{left:0}[dir=rtl] .spectrum-Card--gallery .spectrum-Card-preview:before,[dir=rtl] .spectrum-Card--quiet .spectrum-Card-preview:before{right:0}.spectrum-Card--gallery .spectrum-Card-preview:before,.spectrum-Card--quiet .spectrum-Card-preview:before{border:var(--spectrum-card-quiet-border-size) solid transparent;border-radius:inherit;box-sizing:border-box;content:"";height:100%;position:absolute;top:0;width:100%}.spectrum-Card--gallery.is-drop-target .spectrum-Card-preview,.spectrum-Card--quiet.is-drop-target .spectrum-Card-preview{transition:none}.spectrum-Card--gallery .spectrum-Card-header,.spectrum-Card--quiet .spectrum-Card-header{height:var(--spectrum-card-quiet-body-header-height);margin-top:var(--spectrum-card-quiet-body-header-margin-top)}.spectrum-Card--gallery .spectrum-Card-body,.spectrum-Card--quiet .spectrum-Card-body{padding:0}.spectrum-Card--horizontal{-ms-flex-direction:row;flex-direction:row}[dir=ltr] .spectrum-Card--horizontal .spectrum-Card-preview{border-top-left-radius:var(--spectrum-card-quiet-border-radius)}[dir=rtl] .spectrum-Card--horizontal .spectrum-Card-preview{border-top-right-radius:var(--spectrum-card-quiet-border-radius)}[dir=ltr] .spectrum-Card--horizontal .spectrum-Card-preview{border-top-right-radius:0}[dir=rtl] .spectrum-Card--horizontal .spectrum-Card-preview{border-top-left-radius:0}[dir=ltr] .spectrum-Card--horizontal .spectrum-Card-preview{border-bottom-left-radius:var(--spectrum-card-quiet-border-radius)}[dir=rtl] .spectrum-Card--horizontal .spectrum-Card-preview{border-bottom-right-radius:var(--spectrum-card-quiet-border-radius)}[dir=ltr] .spectrum-Card--horizontal .spectrum-Card-preview{border-bottom-right-radius:0}[dir=rtl] .spectrum-Card--horizontal .spectrum-Card-preview{border-bottom-left-radius:0}[dir=ltr] .spectrum-Card--horizontal .spectrum-Card-preview{border-right:var(--spectrum-card-border-size) solid transparent}[dir=rtl] .spectrum-Card--horizontal .spectrum-Card-preview{border-left:var(--spectrum-card-border-size) solid transparent}.spectrum-Card--horizontal .spectrum-Card-preview{-ms-flex-negative:0;-ms-flex-align:center;-ms-flex-pack:center;align-items:center;display:-ms-flexbox;display:flex;flex-shrink:0;justify-content:center;min-height:0;padding:var(--spectrum-global-dimension-size-175)}.spectrum-Card--horizontal .spectrum-Card-content,.spectrum-Card--horizontal .spectrum-Card-header{height:auto;margin-top:0}[dir=ltr] .spectrum-Card--horizontal .spectrum-Card-title{padding-right:0}[dir=rtl] .spectrum-Card--horizontal .spectrum-Card-title{padding-left:0}.spectrum-Card--horizontal .spectrum-Card-body{-ms-flex-negative:0;-ms-flex-pack:center;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;flex-shrink:0;justify-content:center;padding-bottom:0;padding-left:var(--spectrum-global-dimension-size-200);padding-right:var(--spectrum-global-dimension-size-200);padding-top:0}.spectrum-Card--gallery{min-width:0}.spectrum-Card--gallery .spectrum-Card-preview{border-radius:0;padding:0}.spectrum-Card{background-color:var(--spectrum-global-color-gray-50);border-color:var(--spectrum-global-color-gray-200)}.spectrum-Card:hover{border-color:var(--spectrum-global-color-gray-400)}.spectrum-Card.focus-ring,.spectrum-Card.is-drop-target,.spectrum-Card.is-selected{border-color:var(--spectrum-alias-border-color-key-focus);box-shadow:0 0 0 1px var(--spectrum-alias-border-color-key-focus)}.spectrum-Card.is-drop-target{background-color:var(--spectrum-alias-highlight-selected)}.spectrum-Card .spectrum-Card-subtitle,.spectrum-Card-description{color:var(--spectrum-global-color-gray-700)}.spectrum-Card-coverPhoto{background-color:var(--spectrum-global-color-gray-200);border-bottom-color:var(--spectrum-global-color-gray-200)}.spectrum-Card-footer{border-color:var(--spectrum-global-color-gray-200)}.spectrum-Card--gallery,.spectrum-Card--quiet{background-color:transparent;border-color:transparent}.spectrum-Card--gallery .spectrum-Card-preview,.spectrum-Card--quiet .spectrum-Card-preview{background-color:var(--spectrum-global-color-gray-200)}.spectrum-Card--gallery:hover,.spectrum-Card--quiet:hover{border-color:transparent}.spectrum-Card--gallery:hover .spectrum-Card-preview,.spectrum-Card--quiet:hover .spectrum-Card-preview{background-color:var(--spectrum-global-color-gray-300)}.spectrum-Card--gallery.focus-ring,.spectrum-Card--gallery.is-selected,.spectrum-Card--quiet.focus-ring,.spectrum-Card--quiet.is-selected{border-color:transparent;box-shadow:none}.spectrum-Card--gallery.focus-ring .spectrum-Card-preview,.spectrum-Card--gallery.is-selected .spectrum-Card-preview,.spectrum-Card--quiet.focus-ring .spectrum-Card-preview,.spectrum-Card--quiet.is-selected .spectrum-Card-preview{background-color:var(--spectrum-global-color-gray-200)}.spectrum-Card--gallery.focus-ring .spectrum-Card-preview:before,.spectrum-Card--gallery.is-selected .spectrum-Card-preview:before,.spectrum-Card--quiet.focus-ring .spectrum-Card-preview:before,.spectrum-Card--quiet.is-selected .spectrum-Card-preview:before{border-color:var(--spectrum-global-color-blue-500);box-shadow:0 0 0 1px var(--spectrum-global-color-blue-500)}.spectrum-Card--gallery.is-drop-target,.spectrum-Card--quiet.is-drop-target{background-color:transparent;border-color:transparent;box-shadow:none}.spectrum-Card--gallery.is-drop-target .spectrum-Card-preview,.spectrum-Card--quiet.is-drop-target .spectrum-Card-preview{background-color:var(--spectrum-alias-highlight-selected)}.spectrum-Card--gallery.is-drop-target .spectrum-Card-preview:before,.spectrum-Card--quiet.is-drop-target .spectrum-Card-preview:before{border-color:var(--spectrum-global-color-blue-500);box-shadow:0 0 0 1px var(--spectrum-global-color-blue-500)}.spectrum-Card--gallery.is-drop-target .spectrum-Asset-fileBackground,.spectrum-Card--gallery.is-drop-target .spectrum-Asset-folderBackground,.spectrum-Card--quiet.is-drop-target .spectrum-Asset-fileBackground,.spectrum-Card--quiet.is-drop-target .spectrum-Asset-folderBackground{fill:var(--spectrum-alias-highlight-selected)}.spectrum-Card--gallery.is-drop-target .spectrum-Asset-fileOutline,.spectrum-Card--gallery.is-drop-target .spectrum-Asset-folderOutline,.spectrum-Card--quiet.is-drop-target .spectrum-Asset-fileOutline,.spectrum-Card--quiet.is-drop-target .spectrum-Asset-folderOutline{fill:var(--spectrum-global-color-blue-500)}.spectrum-Card--gallery .spectrum-Card-title,.spectrum-Card--quiet .spectrum-Card-title{color:var(--spectrum-global-color-gray-800)}.spectrum-Card--gallery .spectrum-Card-subtitle,.spectrum-Card--quiet .spectrum-Card-subtitle{color:var(--spectrum-global-color-gray-700)}.spectrum-Card--horizontal:hover .spectrum-Card-preview{border-color:var(--spectrum-global-color-gray-400)}.spectrum-Card--horizontal .spectrum-Card-preview{background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-global-color-gray-200)}.spectrum{font-family:var(--spectrum-global-font-family-base);font-size:var(--spectrum-global-dimension-font-size-100)}.spectrum:lang(ar){font-family:var(--spectrum-global-font-font-family-ar)}.spectrum:lang(he){font-family:var(--spectrum-global-font-font-family-he)}.spectrum:lang(zh-Hans){font-family:var(--spectrum-global-font-font-family-zhhans)}.spectrum:lang(zh),.spectrum:lang(zh-Hant){font-family:var(--spectrum-global-font-font-family-zh)}.spectrum:lang(ko){font-family:var(--spectrum-global-font-font-family-ko)}.spectrum:lang(ja){font-family:var(--spectrum-global-font-font-family-ja)}.spectrum-Heading--sizeXXXL{font-size:var(--spectrum-alias-heading-xxxl-text-size)}.spectrum-Heading--sizeXXL,.spectrum-Heading--sizeXXXL{font-style:var(--spectrum-global-font-style-regular);font-weight:var(--spectrum-alias-heading-text-font-weight-regular);letter-spacing:var(--spectrum-global-font-letter-spacing-none);line-height:var(--spectrum-alias-heading-text-line-height);margin-bottom:0;margin-top:0;text-transform:none}.spectrum-Heading--sizeXXL{font-size:var(--spectrum-alias-heading-xxl-text-size)}.spectrum-Heading--sizeXL{font-size:var(--spectrum-alias-heading-xl-text-size)}.spectrum-Heading--sizeL,.spectrum-Heading--sizeXL{font-style:var(--spectrum-global-font-style-regular);font-weight:var(--spectrum-alias-heading-text-font-weight-regular);letter-spacing:var(--spectrum-global-font-letter-spacing-none);line-height:var(--spectrum-alias-heading-text-line-height);margin-bottom:0;margin-top:0;text-transform:none}.spectrum-Heading--sizeL{font-size:var(--spectrum-alias-heading-l-text-size)}.spectrum-Heading--sizeM{font-size:var(--spectrum-alias-heading-m-text-size)}.spectrum-Heading--sizeM,.spectrum-Heading--sizeS{font-style:var(--spectrum-global-font-style-regular);font-weight:var(--spectrum-alias-heading-text-font-weight-regular);letter-spacing:var(--spectrum-global-font-letter-spacing-none);line-height:var(--spectrum-alias-heading-text-line-height);margin-bottom:0;margin-top:0;text-transform:none}.spectrum-Heading--sizeS{font-size:var(--spectrum-alias-heading-s-text-size)}.spectrum-Heading--sizeXS{font-size:var(--spectrum-alias-heading-xs-text-size)}.spectrum-Heading--sizeXS,.spectrum-Heading--sizeXXS{font-style:var(--spectrum-global-font-style-regular);font-weight:var(--spectrum-alias-heading-text-font-weight-regular);letter-spacing:var(--spectrum-global-font-letter-spacing-none);line-height:var(--spectrum-alias-heading-text-line-height);margin-bottom:0;margin-top:0;text-transform:none}.spectrum-Heading--sizeXXS{font-size:var(--spectrum-alias-heading-xxs-text-size)}.spectrum-Heading{font-family:var(--spectrum-alias-body-text-font-family);font-weight:var(--spectrum-alias-heading-text-font-weight-regular)}.spectrum-Heading .spectrum-Heading-emphasized,.spectrum-Heading em{font-style:var(--spectrum-global-font-style-italic)}.spectrum-Heading .spectrum-Heading-strong,.spectrum-Heading strong{font-weight:var(--spectrum-alias-heading-text-font-weight-regular-strong)}.spectrum-Heading--serif{font-family:var(--spectrum-alias-serif-text-font-family)}.spectrum-Heading--heavy{font-weight:var(--spectrum-alias-heading-text-font-weight-heavy)}.spectrum-Heading--heavy .spectrum-Heading-emphasized,.spectrum-Heading--heavy em{font-style:var(--spectrum-global-font-style-italic)}.spectrum-Heading--heavy .spectrum-Heading-strong,.spectrum-Heading--heavy strong{font-weight:var(--spectrum-alias-heading-text-font-weight-heavy-strong)}.spectrum-Heading--light{font-weight:var(--spectrum-alias-heading-text-font-weight-light)}.spectrum-Heading--light .spectrum-Heading-emphasized,.spectrum-Heading--light em{font-style:var(--spectrum-global-font-style-italic)}.spectrum-Heading--light .spectrum-Heading-strong,.spectrum-Heading--light strong{font-weight:var(--spectrum-alias-heading-text-font-weight-light-strong)}.spectrum-Body--sizeXXXL{font-size:var(--spectrum-global-dimension-font-size-600)}.spectrum-Body--sizeXXL,.spectrum-Body--sizeXXXL{font-style:var(--spectrum-global-font-style-regular);font-weight:var(--spectrum-alias-body-text-font-weight);letter-spacing:var(--spectrum-global-font-letter-spacing-none);line-height:var(--spectrum-alias-body-text-line-height);margin-bottom:0;margin-top:0;text-transform:none}.spectrum-Body--sizeXXL{font-size:var(--spectrum-global-dimension-font-size-500)}.spectrum-Body--sizeXL{font-size:var(--spectrum-global-dimension-font-size-400)}.spectrum-Body--sizeL,.spectrum-Body--sizeXL{font-style:var(--spectrum-global-font-style-regular);font-weight:var(--spectrum-alias-body-text-font-weight);letter-spacing:var(--spectrum-global-font-letter-spacing-none);line-height:var(--spectrum-alias-body-text-line-height);margin-bottom:0;margin-top:0;text-transform:none}.spectrum-Body--sizeL{font-size:var(--spectrum-global-dimension-font-size-300)}.spectrum-Body--sizeM{font-size:var(--spectrum-global-dimension-font-size-200)}.spectrum-Body--sizeM,.spectrum-Body--sizeS{font-style:var(--spectrum-global-font-style-regular);font-weight:var(--spectrum-alias-body-text-font-weight);letter-spacing:var(--spectrum-global-font-letter-spacing-none);line-height:var(--spectrum-alias-body-text-line-height);margin-bottom:0;margin-top:0;text-transform:none}.spectrum-Body--sizeS{font-size:var(--spectrum-global-dimension-font-size-100)}.spectrum-Body--sizeXS{font-size:var(--spectrum-global-dimension-font-size-75);font-style:var(--spectrum-global-font-style-regular);font-weight:var(--spectrum-alias-body-text-font-weight);letter-spacing:var(--spectrum-global-font-letter-spacing-none);line-height:var(--spectrum-alias-body-text-line-height);margin-bottom:0;margin-top:0;text-transform:none}.spectrum-Body{font-family:var(--spectrum-alias-body-text-font-family)}.spectrum-Body .spectrum-Body-strong,.spectrum-Body strong{font-weight:var(--spectrum-global-font-weight-bold)}.spectrum-Body .spectrum-Body-emphasized,.spectrum-Body em{font-style:var(--spectrum-global-font-style-italic)}.spectrum-Body--serif{font-family:var(--spectrum-alias-serif-text-font-family)}.spectrum-Detail{font-family:var(--spectrum-alias-body-text-font-family)}.spectrum-Detail .spectrum-Detail-strong,.spectrum-Detail strong{font-weight:var(--spectrum-alias-detail-text-font-weight-regular)}.spectrum-Detail .spectrum-Detail-emphasized,.spectrum-Detail em{font-style:var(--spectrum-global-font-style-italic)}.spectrum-Detail--light{font-style:var(--spectrum-global-font-style-regular);font-weight:var(--spectrum-alias-detail-text-font-weight-light)}.spectrum-Detail--serif{font-family:var(--spectrum-alias-serif-text-font-family)}.spectrum-Detail--sizeXL{font-style:var(--spectrum-global-font-style-regular)}.spectrum-Detail--sizeXL,.spectrum-Detail--sizeXL em{font-size:var(--spectrum-global-dimension-font-size-200);font-weight:var(--spectrum-alias-detail-text-font-weight-regular);letter-spacing:var(--spectrum-global-font-letter-spacing-medium);line-height:var(--spectrum-alias-heading-text-line-height);margin-bottom:0;margin-top:0;text-transform:uppercase}.spectrum-Detail--sizeXL em{font-style:var(--spectrum-global-font-style-italic)}.spectrum-Detail--sizeXL strong{font-size:var(--spectrum-global-dimension-font-size-200)}.spectrum-Detail--sizeL,.spectrum-Detail--sizeXL strong{font-style:var(--spectrum-global-font-style-regular);font-weight:var(--spectrum-alias-detail-text-font-weight-regular);letter-spacing:var(--spectrum-global-font-letter-spacing-medium);line-height:var(--spectrum-alias-heading-text-line-height);margin-bottom:0;margin-top:0;text-transform:uppercase}.spectrum-Detail--sizeL{font-size:var(--spectrum-global-dimension-font-size-100)}.spectrum-Detail--sizeL em{font-style:var(--spectrum-global-font-style-italic)}.spectrum-Detail--sizeL em,.spectrum-Detail--sizeL strong{font-size:var(--spectrum-global-dimension-font-size-100);font-weight:var(--spectrum-alias-detail-text-font-weight-regular);letter-spacing:var(--spectrum-global-font-letter-spacing-medium);line-height:var(--spectrum-alias-heading-text-line-height);margin-bottom:0;margin-top:0;text-transform:uppercase}.spectrum-Detail--sizeL strong{font-style:var(--spectrum-global-font-style-regular)}.spectrum-Detail--sizeM{font-style:var(--spectrum-global-font-style-regular)}.spectrum-Detail--sizeM,.spectrum-Detail--sizeM em{font-size:var(--spectrum-global-dimension-font-size-75);font-weight:var(--spectrum-alias-detail-text-font-weight-regular);letter-spacing:var(--spectrum-global-font-letter-spacing-medium);line-height:var(--spectrum-alias-heading-text-line-height);margin-bottom:0;margin-top:0;text-transform:uppercase}.spectrum-Detail--sizeM em{font-style:var(--spectrum-global-font-style-italic)}.spectrum-Detail--sizeM strong{font-size:var(--spectrum-global-dimension-font-size-75)}.spectrum-Detail--sizeM strong,.spectrum-Detail--sizeS{font-style:var(--spectrum-global-font-style-regular);font-weight:var(--spectrum-alias-detail-text-font-weight-regular);letter-spacing:var(--spectrum-global-font-letter-spacing-medium);line-height:var(--spectrum-alias-heading-text-line-height);margin-bottom:0;margin-top:0;text-transform:uppercase}.spectrum-Detail--sizeS{font-size:var(--spectrum-global-dimension-font-size-50)}.spectrum-Detail--sizeS em{font-style:var(--spectrum-global-font-style-italic)}.spectrum-Detail--sizeS em,.spectrum-Detail--sizeS strong{font-size:var(--spectrum-global-dimension-font-size-50);font-weight:var(--spectrum-alias-detail-text-font-weight-regular);letter-spacing:var(--spectrum-global-font-letter-spacing-medium);line-height:var(--spectrum-alias-heading-text-line-height);margin-bottom:0;margin-top:0;text-transform:uppercase}.spectrum-Detail--sizeS strong{font-style:var(--spectrum-global-font-style-regular)}.spectrum-Code{font-family:var(--spectrum-alias-body-text-font-family)}.spectrum-Code .spectrum-Code-strong,.spectrum-Code strong{font-weight:var(--spectrum-global-font-weight-bold)}.spectrum-Code .spectrum-Code-emphasized,.spectrum-Code em{font-style:var(--spectrum-global-font-style-italic)}.spectrum-Code--serif{font-family:var(--spectrum-alias-serif-text-font-family)}.spectrum-Code--sizeXL{font-size:var(--spectrum-global-dimension-font-size-400)}.spectrum-Code--sizeL,.spectrum-Code--sizeXL{font-family:var(--spectrum-alias-code-text-font-family);font-style:var(--spectrum-global-font-style-regular);font-weight:var(--spectrum-alias-code-text-font-weight-regular);letter-spacing:var(--spectrum-global-font-letter-spacing-none);line-height:var(--spectrum-alias-body-text-line-height);margin-bottom:0;margin-top:0}.spectrum-Code--sizeL{font-size:var(--spectrum-global-dimension-font-size-300)}.spectrum-Code--sizeM{font-size:var(--spectrum-global-dimension-font-size-200)}.spectrum-Code--sizeM,.spectrum-Code--sizeS{font-family:var(--spectrum-alias-code-text-font-family);font-style:var(--spectrum-global-font-style-regular);font-weight:var(--spectrum-alias-code-text-font-weight-regular);letter-spacing:var(--spectrum-global-font-letter-spacing-none);line-height:var(--spectrum-alias-body-text-line-height);margin-bottom:0;margin-top:0}.spectrum-Code--sizeS{font-size:var(--spectrum-global-dimension-font-size-100)}.spectrum-Code--sizeXS{font-family:var(--spectrum-alias-code-text-font-family);font-size:var(--spectrum-global-dimension-font-size-75);font-style:var(--spectrum-global-font-style-regular);font-weight:var(--spectrum-alias-code-text-font-weight-regular);letter-spacing:var(--spectrum-global-font-letter-spacing-none);line-height:var(--spectrum-alias-body-text-line-height);margin-bottom:0;margin-top:0}.spectrum-Typography .spectrum-Heading--sizeXXXL{margin-bottom:var(--spectrum-global-dimension-size-125);margin-top:var(--spectrum-alias-heading-xxxl-margin-top)}.spectrum-Typography .spectrum-Heading--sizeXXL{margin-bottom:var(--spectrum-global-dimension-size-115);margin-top:var(--spectrum-alias-heading-xxl-margin-top)}.spectrum-Typography .spectrum-Heading--sizeXL{margin-bottom:var(--spectrum-global-dimension-size-100);margin-top:var(--spectrum-alias-heading-xl-margin-top)}.spectrum-Typography .spectrum-Heading--sizeL{margin-bottom:var(--spectrum-global-dimension-size-85);margin-top:var(--spectrum-alias-heading-l-margin-top)}.spectrum-Typography .spectrum-Heading--sizeM{margin-bottom:var(--spectrum-global-dimension-size-75);margin-top:var(--spectrum-alias-heading-m-margin-top)}.spectrum-Typography .spectrum-Heading--sizeS{margin-bottom:var(--spectrum-global-dimension-size-65);margin-top:var(--spectrum-alias-heading-s-margin-top)}.spectrum-Typography .spectrum-Heading--sizeXS{margin-bottom:var(--spectrum-global-dimension-size-50);margin-top:var(--spectrum-alias-heading-xs-margin-top)}.spectrum-Typography .spectrum-Heading--sizeXXS{margin-bottom:var(--spectrum-global-dimension-size-40);margin-top:var(--spectrum-alias-heading-xxs-margin-top)}.spectrum-Typography .spectrum-Body--sizeXXXL{margin-bottom:var(--spectrum-global-dimension-size-400);margin-top:0}.spectrum-Typography .spectrum-Body--sizeXXL{margin-bottom:var(--spectrum-global-dimension-size-300);margin-top:0}.spectrum-Typography .spectrum-Body--sizeXL{margin-bottom:var(--spectrum-global-dimension-size-200);margin-top:0}.spectrum-Typography .spectrum-Body--sizeL{margin-bottom:var(--spectrum-global-dimension-size-160);margin-top:0}.spectrum-Typography .spectrum-Body--sizeM{margin-bottom:var(--spectrum-global-dimension-size-150);margin-top:0}.spectrum-Typography .spectrum-Body--sizeS{margin-bottom:var(--spectrum-global-dimension-size-125);margin-top:0}.spectrum-Typography .spectrum-Body--sizeXS{margin-bottom:var(--spectrum-global-dimension-size-115);margin-top:0}.spectrum:lang(ja) .spectrum-Heading--sizeXXXL,.spectrum:lang(ko) .spectrum-Heading--sizeXXXL,.spectrum:lang(zh) .spectrum-Heading--sizeXXXL{font-size:var(--spectrum-alias-heading-han-xxxl-text-size)}.spectrum:lang(ja) .spectrum-Heading--sizeXXL,.spectrum:lang(ja) .spectrum-Heading--sizeXXXL,.spectrum:lang(ko) .spectrum-Heading--sizeXXL,.spectrum:lang(ko) .spectrum-Heading--sizeXXXL,.spectrum:lang(zh) .spectrum-Heading--sizeXXL,.spectrum:lang(zh) .spectrum-Heading--sizeXXXL{font-style:var(--spectrum-global-font-style-regular);font-weight:var(--spectrum-alias-han-heading-text-font-weight-regular);letter-spacing:var(--spectrum-global-font-letter-spacing-han);line-height:var(--spectrum-alias-han-heading-text-line-height);margin-bottom:0;margin-top:0;text-transform:none}.spectrum:lang(ja) .spectrum-Heading--sizeXXL,.spectrum:lang(ko) .spectrum-Heading--sizeXXL,.spectrum:lang(zh) .spectrum-Heading--sizeXXL{font-size:var(--spectrum-alias-heading-han-xxl-text-size)}.spectrum:lang(ja) .spectrum-Heading--sizeXL,.spectrum:lang(ko) .spectrum-Heading--sizeXL,.spectrum:lang(zh) .spectrum-Heading--sizeXL{font-size:var(--spectrum-alias-heading-han-xl-text-size)}.spectrum:lang(ja) .spectrum-Heading--sizeL,.spectrum:lang(ja) .spectrum-Heading--sizeXL,.spectrum:lang(ko) .spectrum-Heading--sizeL,.spectrum:lang(ko) .spectrum-Heading--sizeXL,.spectrum:lang(zh) .spectrum-Heading--sizeL,.spectrum:lang(zh) .spectrum-Heading--sizeXL{font-style:var(--spectrum-global-font-style-regular);font-weight:var(--spectrum-alias-han-heading-text-font-weight-regular);letter-spacing:var(--spectrum-global-font-letter-spacing-han);line-height:var(--spectrum-alias-han-heading-text-line-height);margin-bottom:0;margin-top:0;text-transform:none}.spectrum:lang(ja) .spectrum-Heading--sizeL,.spectrum:lang(ko) .spectrum-Heading--sizeL,.spectrum:lang(zh) .spectrum-Heading--sizeL{font-size:var(--spectrum-alias-heading-han-l-text-size)}.spectrum:lang(ja) .spectrum-Heading--sizeM,.spectrum:lang(ko) .spectrum-Heading--sizeM,.spectrum:lang(zh) .spectrum-Heading--sizeM{font-size:var(--spectrum-alias-heading-han-m-text-size)}.spectrum:lang(ja) .spectrum-Heading--sizeM,.spectrum:lang(ja) .spectrum-Heading--sizeS,.spectrum:lang(ko) .spectrum-Heading--sizeM,.spectrum:lang(ko) .spectrum-Heading--sizeS,.spectrum:lang(zh) .spectrum-Heading--sizeM,.spectrum:lang(zh) .spectrum-Heading--sizeS{font-style:var(--spectrum-global-font-style-regular);font-weight:var(--spectrum-alias-han-heading-text-font-weight-regular);letter-spacing:var(--spectrum-global-font-letter-spacing-han);line-height:var(--spectrum-alias-han-heading-text-line-height);margin-bottom:0;margin-top:0;text-transform:none}.spectrum:lang(ja) .spectrum-Heading--sizeS,.spectrum:lang(ko) .spectrum-Heading--sizeS,.spectrum:lang(zh) .spectrum-Heading--sizeS{font-size:var(--spectrum-alias-heading-han-s-text-size)}.spectrum:lang(ja) .spectrum-Heading--sizeXS,.spectrum:lang(ko) .spectrum-Heading--sizeXS,.spectrum:lang(zh) .spectrum-Heading--sizeXS{font-size:var(--spectrum-alias-heading-han-xs-text-size)}.spectrum:lang(ja) .spectrum-Heading--sizeXS,.spectrum:lang(ja) .spectrum-Heading--sizeXXS,.spectrum:lang(ko) .spectrum-Heading--sizeXS,.spectrum:lang(ko) .spectrum-Heading--sizeXXS,.spectrum:lang(zh) .spectrum-Heading--sizeXS,.spectrum:lang(zh) .spectrum-Heading--sizeXXS{font-style:var(--spectrum-global-font-style-regular);font-weight:var(--spectrum-alias-han-heading-text-font-weight-regular);letter-spacing:var(--spectrum-global-font-letter-spacing-han);line-height:var(--spectrum-alias-han-heading-text-line-height);margin-bottom:0;margin-top:0;text-transform:none}.spectrum:lang(ja) .spectrum-Heading--sizeXXS,.spectrum:lang(ko) .spectrum-Heading--sizeXXS,.spectrum:lang(zh) .spectrum-Heading--sizeXXS{font-size:var(--spectrum-alias-heading-han-xxs-text-size)}.spectrum:lang(ja) .spectrum-Heading--heavy,.spectrum:lang(ko) .spectrum-Heading--heavy,.spectrum:lang(zh) .spectrum-Heading--heavy{font-weight:var(--spectrum-alias-han-heading-text-font-weight-regular)}.spectrum:lang(ja) .spectrum-Heading--heavy .spectrum-Heading--emphasized,.spectrum:lang(ja) .spectrum-Heading--heavy em,.spectrum:lang(ko) .spectrum-Heading--heavy .spectrum-Heading--emphasized,.spectrum:lang(ko) .spectrum-Heading--heavy em,.spectrum:lang(zh) .spectrum-Heading--heavy .spectrum-Heading--emphasized,.spectrum:lang(zh) .spectrum-Heading--heavy em{font-style:var(
+      )}.spectrum-Dialog--fullscreen .spectrum-Dialog-heading,.spectrum-Dialog--fullscreenTakeover .spectrum-Dialog-heading{font-size:var(--spectrum-dialog-confirm-title-text-size)}}@media (forced-colors:active){.spectrum-Dialog{border:solid}}.spectrum-Dialog-heading{color:var(--spectrum-alias-heading-text-color)}.spectrum-Dialog-content,.spectrum-Dialog-footer{color:var(--spectrum-global-color-gray-800)}.spectrum-Dialog-typeIcon{color:var(--spectrum-global-color-gray-900)}.spectrum-Dialog--error .spectrum-Dialog-typeIcon{color:var(--spectrum-semantic-negative-icon-color)}.spectrum-Link--sizeS{--spectrum-link-primary-text-size:var(--spectrum-global-dimension-font-size-75)}.spectrum-Link--sizeM{--spectrum-link-primary-text-size:var(--spectrum-global-dimension-font-size-100)}.spectrum-Link--sizeL{--spectrum-link-primary-text-size:var(--spectrum-global-dimension-font-size-200)}.spectrum-Link--sizeXL{--spectrum-link-primary-text-size:var(--spectrum-global-dimension-font-size-300)}.spectrum-Link{-webkit-text-decoration-skip:objects;background-color:transparent;cursor:pointer;font-size:var(--spectrum-link-primary-text-size);outline:none;text-decoration:underline;transition:color .13s ease-in-out}.spectrum-Link.focus-ring{text-decoration:underline;-webkit-text-decoration-style:double;text-decoration-style:double}.spectrum-Link--quiet{text-decoration:none}.spectrum-Link--quiet:hover{text-decoration:underline}.spectrum-Link{color:var(--spectrum-alias-link-primary-text-color-default)}.spectrum-Link:hover{color:var(--spectrum-alias-link-primary-text-color-hover)}.spectrum-Link:active{color:var(--spectrum-alias-link-primary-text-color-down)}.spectrum-Link.focus-ring{color:var(--spectrum-alias-link-primary-text-color-key-focus)}.spectrum-Link--secondary,.spectrum-Link--secondary:active,.spectrum-Link--secondary:focus,.spectrum-Link--secondary:hover{color:inherit}.spectrum-Link--overBackground,.spectrum-Link--overBackground:active,.spectrum-Link--overBackground:focus,.spectrum-Link--overBackground:hover{color:var(--spectrum-alias-text-color-overbackground)}@media (forced-colors:active){.spectrum-Link--secondary,.spectrum-Link--secondary:active,.spectrum-Link--secondary:focus,.spectrum-Link--secondary:hover{color:linktext}}.spectrum-Modal{opacity:0;pointer-events:none;transition:transform .13s ease-in-out,opacity .13s ease-in-out,visibility 0ms linear .13s;visibility:hidden}.spectrum-Modal.is-open{opacity:1;pointer-events:auto;transition-delay:0ms;visibility:visible}.spectrum-Modal{--spectrum-dialog-confirm-exit-animation-delay:0ms;--spectrum-dialog-fullscreen-margin:32px;--spectrum-dialog-max-height:90vh}.spectrum-Modal-wrapper{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;box-sizing:border-box;display:-ms-flexbox;display:flex;height:100vh;height:fill-available;justify-content:center;left:0;pointer-events:none;position:fixed;top:0;transition:visibility 0ms linear .13s;visibility:hidden;width:100vw;z-index:2}.spectrum-Modal-wrapper.is-open{visibility:visible}.spectrum-Modal{border-radius:var(--spectrum-alias-component-border-radius);max-height:var(--spectrum-dialog-max-height);outline:none;overflow:hidden;pointer-events:auto;transform:translateY(var(--spectrum-global-dimension-size-250));transition:opacity var(--spectrum-global-animation-duration-100) cubic-bezier(.5,0,1,1) 0ms,visibility 0ms linear calc(var(--spectrum-global-animation-duration-100)),transform 0ms linear calc(var(--spectrum-global-animation-duration-100));z-index:2}.spectrum-Modal.is-open{transform:translateY(0);transition:transform var(--spectrum-global-animation-duration-500) cubic-bezier(0,0,.4,1) var(--spectrum-global-animation-duration-200),opacity var(--spectrum-global-animation-duration-500) cubic-bezier(0,0,.4,1) var(--spectrum-global-animation-duration-200)}@media only screen and (max-device-height:350px),only screen and (max-device-width:400px){.spectrum-Modal--responsive{border-radius:0;height:100%;max-height:100%;max-width:100%;width:100%}.spectrum-Modal-wrapper .spectrum-Modal--responsive{margin-top:0}}.spectrum-Modal--fullscreen{bottom:var(--spectrum-dialog-fullscreen-margin);left:var(--spectrum-dialog-fullscreen-margin);max-height:none;max-width:none;position:fixed;right:var(--spectrum-dialog-fullscreen-margin);top:var(--spectrum-dialog-fullscreen-margin)}.spectrum-Modal--fullscreenTakeover{border:none;border-radius:0;bottom:0;box-sizing:border-box;left:0;max-height:none;max-width:none;position:fixed;right:0;top:0}.spectrum-Modal--fullscreenTakeover,.spectrum-Modal--fullscreenTakeover.is-open{transform:none}.spectrum-Modal{background:var(--spectrum-alias-background-color-default)}.spectrum-Card--sizeS{--spectrum-card-quiet-body-header-margin-top:var(--spectrum-global-dimension-size-175);--spectrum-card-quiet-body-header-height:var(--spectrum-global-dimension-size-150);--spectrum-card-quiet-preview-padding:var(--spectrum-global-dimension-size-150);--spectrum-card-quiet-min-width:var(--spectrum-global-dimension-size-1200);--spectrum-card-quiet-min-height:var(--spectrum-global-dimension-size-900);--spectrum-card-quiet-border-radius:var(--spectrum-alias-border-radius-regular);--spectrum-card-quiet-border-size:var(--spectrum-alias-border-size-thin);--spectrum-card-body-header-height:var(--spectrum-global-dimension-size-150);--spectrum-card-body-content-min-height:var(--spectrum-global-dimension-size-175);--spectrum-card-body-content-margin-top:var(--spectrum-global-dimension-size-75);--spectrum-card-body-padding-top:var(--spectrum-global-dimension-size-250);--spectrum-card-body-padding-bottom:var(--spectrum-global-dimension-size-250);--spectrum-card-body-padding-left:var(--spectrum-global-dimension-size-300);--spectrum-card-body-padding-right:var(--spectrum-global-dimension-size-300);--spectrum-card-coverphoto-height:var(--spectrum-global-dimension-size-1700);--spectrum-card-coverphoto-border-bottom-size:var(--spectrum-alias-border-size-thin);--spectrum-card-checkbox-margin:var(--spectrum-global-dimension-size-125);--spectrum-card-title-padding-right:var(--spectrum-global-dimension-size-100);--spectrum-card-subtitle-text-size:var(--spectrum-global-dimension-font-size-50);--spectrum-card-subtitle-padding-right:var(--spectrum-global-dimension-size-100);--spectrum-card-actions-margin:var(--spectrum-global-dimension-size-125);--spectrum-card-footer-padding-top:var(--spectrum-global-dimension-size-175);--spectrum-card-footer-border-top-size:var(--spectrum-global-dimension-size-10);--spectrum-card-min-width:var(--spectrum-global-dimension-size-1250);--spectrum-card-border-radius:var(--spectrum-alias-border-radius-regular);--spectrum-card-border-size:var(--spectrum-alias-border-size-thin)}.spectrum-Card--sizeM{--spectrum-card-quiet-body-header-margin-top:var(--spectrum-global-dimension-size-175);--spectrum-card-quiet-body-header-height:var(--spectrum-global-dimension-size-225);--spectrum-card-quiet-preview-padding:var(--spectrum-global-dimension-size-250);--spectrum-card-quiet-min-width:var(--spectrum-global-dimension-size-2500);--spectrum-card-quiet-min-height:var(--spectrum-global-dimension-size-1700);--spectrum-card-quiet-border-radius:var(--spectrum-alias-border-radius-regular);--spectrum-card-quiet-border-size:var(--spectrum-alias-border-size-thin);--spectrum-card-body-header-height:var(--spectrum-global-dimension-size-225);--spectrum-card-body-content-min-height:var(--spectrum-global-dimension-size-175);--spectrum-card-body-content-margin-top:var(--spectrum-global-dimension-size-75);--spectrum-card-body-padding-top:var(--spectrum-global-dimension-size-250);--spectrum-card-body-padding-bottom:var(--spectrum-global-dimension-size-250);--spectrum-card-body-padding-left:var(--spectrum-global-dimension-size-300);--spectrum-card-body-padding-right:var(--spectrum-global-dimension-size-300);--spectrum-card-coverphoto-height:var(--spectrum-global-dimension-size-1700);--spectrum-card-coverphoto-border-bottom-size:var(--spectrum-alias-border-size-thin);--spectrum-card-checkbox-margin:var(--spectrum-global-dimension-size-200);--spectrum-card-title-padding-right:var(--spectrum-global-dimension-size-100);--spectrum-card-subtitle-text-size:var(--spectrum-global-dimension-font-size-50);--spectrum-card-subtitle-padding-right:var(--spectrum-global-dimension-size-100);--spectrum-card-actions-margin:var(--spectrum-global-dimension-size-125);--spectrum-card-footer-padding-top:var(--spectrum-global-dimension-size-175);--spectrum-card-footer-border-top-size:var(--spectrum-global-dimension-size-10);--spectrum-card-min-width:var(--spectrum-global-dimension-size-2500);--spectrum-card-border-radius:var(--spectrum-alias-border-radius-regular);--spectrum-card-border-size:var(--spectrum-alias-border-size-thin)}.spectrum-Card{border:var(--spectrum-card-border-size) solid transparent;border-radius:var(--spectrum-card-border-radius);box-sizing:border-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;min-width:var(--spectrum-card-min-width);position:relative;text-decoration:none}.spectrum-Card:focus{outline:none}.spectrum-Card.is-focused .spectrum-Card-actions,.spectrum-Card.is-focused .spectrum-Card-quickActions,.spectrum-Card.is-selected .spectrum-Card-actions,.spectrum-Card.is-selected .spectrum-Card-quickActions,.spectrum-Card:focus .spectrum-Card-actions,.spectrum-Card:focus .spectrum-Card-quickActions,.spectrum-Card:hover .spectrum-Card-actions,.spectrum-Card:hover .spectrum-Card-quickActions{opacity:1;pointer-events:all;visibility:visible}[dir=ltr] .spectrum-Card-actions{right:var(--spectrum-card-actions-margin)}[dir=rtl] .spectrum-Card-actions{left:var(--spectrum-card-actions-margin)}.spectrum-Card-actions{height:var(--spectrum-global-dimension-size-500);position:absolute;top:var(--spectrum-card-actions-margin);visibility:hidden}[dir=ltr] .spectrum-Card-quickActions{left:var(--spectrum-card-checkbox-margin)}[dir=rtl] .spectrum-Card-quickActions{right:var(--spectrum-card-checkbox-margin)}.spectrum-Card-quickActions{height:var(--spectrum-global-dimension-size-500);position:absolute;top:var(--spectrum-card-checkbox-margin);visibility:hidden;width:var(--spectrum-global-dimension-size-500)}[dir=ltr] .spectrum-Card-quickActions .spectrum-Checkbox,[dir=rtl] .spectrum-Card-quickActions .spectrum-Checkbox{margin:0}.spectrum-Card-coverPhoto{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;background-position:50%;background-size:cover;border-bottom:var(--spectrum-card-coverphoto-border-bottom-size) solid transparent;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:calc(var(--spectrum-card-border-radius) - 1px);border-top-right-radius:calc(var(--spectrum-card-border-radius) - 1px);box-sizing:border-box;display:-ms-flexbox;display:flex;height:var(--spectrum-card-coverphoto-height);justify-content:center}[dir=ltr] .spectrum-Card-body{padding-right:var(--spectrum-card-body-padding-right)}[dir=rtl] .spectrum-Card-body{padding-left:var(--spectrum-card-body-padding-right)}[dir=ltr] .spectrum-Card-body{padding-left:var(--spectrum-card-body-padding-left)}[dir=rtl] .spectrum-Card-body{padding-right:var(--spectrum-card-body-padding-left)}.spectrum-Card-body{padding-bottom:var(--spectrum-card-body-padding-bottom);padding-top:var(--spectrum-card-body-padding-top)}.spectrum-Card-body:last-child{border-bottom-left-radius:var(--spectrum-card-border-radius);border-bottom-right-radius:var(--spectrum-card-border-radius);border-top-left-radius:0;border-top-right-radius:0}.spectrum-Card-preview{border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:calc(var(--spectrum-card-border-radius) - 1px);border-top-right-radius:calc(var(--spectrum-card-border-radius) - 1px);overflow:hidden}.spectrum-Card-header{height:var(--spectrum-card-body-header-height)}.spectrum-Card-content{display:-ms-flexbox;display:flex;height:var(--spectrum-card-body-content-min-height);margin-top:var(--spectrum-card-body-content-margin-top)}[dir=ltr] .spectrum-Card-title{padding-right:var(--spectrum-card-title-padding-right)}[dir=rtl] .spectrum-Card-title{padding-left:var(--spectrum-card-title-padding-right)}.spectrum-Card-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[dir=ltr] .spectrum-Card-subtitle{padding-right:var(--spectrum-card-subtitle-padding-right)}[dir=rtl] .spectrum-Card-subtitle{padding-left:var(--spectrum-card-subtitle-padding-right)}.spectrum-Card-description{font-size:var(--spectrum-card-subtitle-text-size)}[dir=ltr] .spectrum-Card-subtitle+.spectrum-Card-description:before{padding-right:var(--spectrum-card-subtitle-padding-right)}[dir=rtl] .spectrum-Card-subtitle+.spectrum-Card-description:before{padding-left:var(--spectrum-card-subtitle-padding-right)}.spectrum-Card-subtitle+.spectrum-Card-description:before{content:"•"}[dir=ltr] .spectrum-Card-footer{margin-right:var(--spectrum-card-body-padding-right)}[dir=rtl] .spectrum-Card-footer{margin-left:var(--spectrum-card-body-padding-right)}[dir=ltr] .spectrum-Card-footer{margin-left:var(--spectrum-card-body-padding-left)}[dir=rtl] .spectrum-Card-footer{margin-right:var(--spectrum-card-body-padding-left)}.spectrum-Card-footer{border-top:var(--spectrum-card-footer-border-top-size) solid;padding-bottom:var(--spectrum-card-body-padding-bottom);padding-top:var(--spectrum-card-footer-padding-top)}.spectrum-Card-header{-ms-flex-align:baseline;align-items:baseline;display:-ms-flexbox;display:flex}.spectrum-Card-actionButton{-ms-flex-item-align:center;-ms-flex-pack:end;align-self:center;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;justify-content:flex-end}.spectrum-Card--quiet .spectrum-Card-preview{min-height:var(--spectrum-card-quiet-min-height)}.spectrum-Card--gallery,.spectrum-Card--quiet{border-radius:0;border-width:0;height:100%;min-width:var(--spectrum-card-quiet-min-width);overflow:visible}.spectrum-Card--gallery .spectrum-Card-preview,.spectrum-Card--quiet .spectrum-Card-preview{border-radius:var(--spectrum-card-quiet-border-radius);box-sizing:border-box;-ms-flex:1;flex:1;margin:0 auto;overflow:visible;padding:var(--spectrum-card-quiet-preview-padding);position:relative;transition:background-color .13s;width:100%}[dir=ltr] .spectrum-Card--gallery .spectrum-Card-preview:before,[dir=ltr] .spectrum-Card--quiet .spectrum-Card-preview:before{left:0}[dir=rtl] .spectrum-Card--gallery .spectrum-Card-preview:before,[dir=rtl] .spectrum-Card--quiet .spectrum-Card-preview:before{right:0}.spectrum-Card--gallery .spectrum-Card-preview:before,.spectrum-Card--quiet .spectrum-Card-preview:before{border:var(--spectrum-card-quiet-border-size) solid transparent;border-radius:inherit;box-sizing:border-box;content:"";height:100%;position:absolute;top:0;width:100%}.spectrum-Card--gallery.is-drop-target .spectrum-Card-preview,.spectrum-Card--quiet.is-drop-target .spectrum-Card-preview{transition:none}.spectrum-Card--gallery .spectrum-Card-header,.spectrum-Card--quiet .spectrum-Card-header{height:var(--spectrum-card-quiet-body-header-height);margin-top:var(--spectrum-card-quiet-body-header-margin-top)}.spectrum-Card--gallery .spectrum-Card-body,.spectrum-Card--quiet .spectrum-Card-body{padding:0}.spectrum-Card--horizontal{-ms-flex-direction:row;flex-direction:row}[dir=ltr] .spectrum-Card--horizontal .spectrum-Card-preview{border-top-left-radius:var(--spectrum-card-quiet-border-radius)}[dir=rtl] .spectrum-Card--horizontal .spectrum-Card-preview{border-top-right-radius:var(--spectrum-card-quiet-border-radius)}[dir=ltr] .spectrum-Card--horizontal .spectrum-Card-preview{border-top-right-radius:0}[dir=rtl] .spectrum-Card--horizontal .spectrum-Card-preview{border-top-left-radius:0}[dir=ltr] .spectrum-Card--horizontal .spectrum-Card-preview{border-bottom-left-radius:var(--spectrum-card-quiet-border-radius)}[dir=rtl] .spectrum-Card--horizontal .spectrum-Card-preview{border-bottom-right-radius:var(--spectrum-card-quiet-border-radius)}[dir=ltr] .spectrum-Card--horizontal .spectrum-Card-preview{border-bottom-right-radius:0}[dir=rtl] .spectrum-Card--horizontal .spectrum-Card-preview{border-bottom-left-radius:0}[dir=ltr] .spectrum-Card--horizontal .spectrum-Card-preview{border-right:var(--spectrum-card-border-size) solid transparent}[dir=rtl] .spectrum-Card--horizontal .spectrum-Card-preview{border-left:var(--spectrum-card-border-size) solid transparent}.spectrum-Card--horizontal .spectrum-Card-preview{-ms-flex-negative:0;-ms-flex-align:center;-ms-flex-pack:center;align-items:center;display:-ms-flexbox;display:flex;flex-shrink:0;justify-content:center;min-height:0;padding:var(--spectrum-global-dimension-size-175)}.spectrum-Card--horizontal .spectrum-Card-content,.spectrum-Card--horizontal .spectrum-Card-header{height:auto;margin-top:0}[dir=ltr] .spectrum-Card--horizontal .spectrum-Card-title{padding-right:0}[dir=rtl] .spectrum-Card--horizontal .spectrum-Card-title{padding-left:0}.spectrum-Card--horizontal .spectrum-Card-body{-ms-flex-negative:0;-ms-flex-pack:center;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;flex-shrink:0;justify-content:center;padding-bottom:0;padding-left:var(--spectrum-global-dimension-size-200);padding-right:var(--spectrum-global-dimension-size-200);padding-top:0}.spectrum-Card--gallery{min-width:0}.spectrum-Card--gallery .spectrum-Card-preview{border-radius:0;padding:0}.spectrum-Card{background-color:var(--spectrum-global-color-gray-50);border-color:var(--spectrum-global-color-gray-200)}.spectrum-Card:hover{border-color:var(--spectrum-global-color-gray-400)}.spectrum-Card.focus-ring,.spectrum-Card.is-drop-target,.spectrum-Card.is-selected{border-color:var(--spectrum-alias-border-color-key-focus);box-shadow:0 0 0 1px var(--spectrum-alias-border-color-key-focus)}.spectrum-Card.is-drop-target{background-color:var(--spectrum-alias-highlight-selected)}.spectrum-Card .spectrum-Card-subtitle,.spectrum-Card-description{color:var(--spectrum-global-color-gray-700)}.spectrum-Card-coverPhoto{background-color:var(--spectrum-global-color-gray-200);border-bottom-color:var(--spectrum-global-color-gray-200)}.spectrum-Card-footer{border-color:var(--spectrum-global-color-gray-200)}.spectrum-Card--gallery,.spectrum-Card--quiet{background-color:transparent;border-color:transparent}.spectrum-Card--gallery .spectrum-Card-preview,.spectrum-Card--quiet .spectrum-Card-preview{background-color:var(--spectrum-global-color-gray-200)}.spectrum-Card--gallery:hover,.spectrum-Card--quiet:hover{border-color:transparent}.spectrum-Card--gallery:hover .spectrum-Card-preview,.spectrum-Card--quiet:hover .spectrum-Card-preview{background-color:var(--spectrum-global-color-gray-300)}.spectrum-Card--gallery.focus-ring,.spectrum-Card--gallery.is-selected,.spectrum-Card--quiet.focus-ring,.spectrum-Card--quiet.is-selected{border-color:transparent;box-shadow:none}.spectrum-Card--gallery.focus-ring .spectrum-Card-preview,.spectrum-Card--gallery.is-selected .spectrum-Card-preview,.spectrum-Card--quiet.focus-ring .spectrum-Card-preview,.spectrum-Card--quiet.is-selected .spectrum-Card-preview{background-color:var(--spectrum-global-color-gray-200)}.spectrum-Card--gallery.focus-ring .spectrum-Card-preview:before,.spectrum-Card--gallery.is-selected .spectrum-Card-preview:before,.spectrum-Card--quiet.focus-ring .spectrum-Card-preview:before,.spectrum-Card--quiet.is-selected .spectrum-Card-preview:before{border-color:var(--spectrum-global-color-blue-500);box-shadow:0 0 0 1px var(--spectrum-global-color-blue-500)}.spectrum-Card--gallery.is-drop-target,.spectrum-Card--quiet.is-drop-target{background-color:transparent;border-color:transparent;box-shadow:none}.spectrum-Card--gallery.is-drop-target .spectrum-Card-preview,.spectrum-Card--quiet.is-drop-target .spectrum-Card-preview{background-color:var(--spectrum-alias-highlight-selected)}.spectrum-Card--gallery.is-drop-target .spectrum-Card-preview:before,.spectrum-Card--quiet.is-drop-target .spectrum-Card-preview:before{border-color:var(--spectrum-global-color-blue-500);box-shadow:0 0 0 1px var(--spectrum-global-color-blue-500)}.spectrum-Card--gallery.is-drop-target .spectrum-Asset-fileBackground,.spectrum-Card--gallery.is-drop-target .spectrum-Asset-folderBackground,.spectrum-Card--quiet.is-drop-target .spectrum-Asset-fileBackground,.spectrum-Card--quiet.is-drop-target .spectrum-Asset-folderBackground{fill:var(--spectrum-alias-highlight-selected)}.spectrum-Card--gallery.is-drop-target .spectrum-Asset-fileOutline,.spectrum-Card--gallery.is-drop-target .spectrum-Asset-folderOutline,.spectrum-Card--quiet.is-drop-target .spectrum-Asset-fileOutline,.spectrum-Card--quiet.is-drop-target .spectrum-Asset-folderOutline{fill:var(--spectrum-global-color-blue-500)}.spectrum-Card--gallery .spectrum-Card-title,.spectrum-Card--quiet .spectrum-Card-title{color:var(--spectrum-global-color-gray-800)}.spectrum-Card--gallery .spectrum-Card-subtitle,.spectrum-Card--quiet .spectrum-Card-subtitle{color:var(--spectrum-global-color-gray-700)}.spectrum-Card--horizontal:hover .spectrum-Card-preview{border-color:var(--spectrum-global-color-gray-400)}.spectrum-Card--horizontal .spectrum-Card-preview{background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-global-color-gray-200)}.spectrum{font-family:var(--spectrum-global-font-family-base);font-size:var(--spectrum-global-dimension-font-size-100)}.spectrum:lang(ar){font-family:var(--spectrum-global-font-font-family-ar)}.spectrum:lang(he){font-family:var(--spectrum-global-font-font-family-he)}.spectrum:lang(zh-Hans){font-family:var(--spectrum-global-font-font-family-zhhans)}.spectrum:lang(zh),.spectrum:lang(zh-Hant){font-family:var(--spectrum-global-font-font-family-zh)}.spectrum:lang(ko){font-family:var(--spectrum-global-font-font-family-ko)}.spectrum:lang(ja){font-family:var(--spectrum-global-font-font-family-ja)}.spectrum-Heading--sizeXXXL{font-size:var(--spectrum-alias-heading-xxxl-text-size)}.spectrum-Heading--sizeXXL,.spectrum-Heading--sizeXXXL{font-style:var(--spectrum-global-font-style-regular);font-weight:var(--spectrum-alias-heading-text-font-weight-regular);letter-spacing:var(--spectrum-global-font-letter-spacing-none);line-height:var(--spectrum-alias-heading-text-line-height);margin-bottom:0;margin-top:0;text-transform:none}.spectrum-Heading--sizeXXL{font-size:var(--spectrum-alias-heading-xxl-text-size)}.spectrum-Heading--sizeXL{font-size:var(--spectrum-alias-heading-xl-text-size)}.spectrum-Heading--sizeL,.spectrum-Heading--sizeXL{font-style:var(--spectrum-global-font-style-regular);font-weight:var(--spectrum-alias-heading-text-font-weight-regular);letter-spacing:var(--spectrum-global-font-letter-spacing-none);line-height:var(--spectrum-alias-heading-text-line-height);margin-bottom:0;margin-top:0;text-transform:none}.spectrum-Heading--sizeL{font-size:var(--spectrum-alias-heading-l-text-size)}.spectrum-Heading--sizeM{font-size:var(--spectrum-alias-heading-m-text-size)}.spectrum-Heading--sizeM,.spectrum-Heading--sizeS{font-style:var(--spectrum-global-font-style-regular);font-weight:var(--spectrum-alias-heading-text-font-weight-regular);letter-spacing:var(--spectrum-global-font-letter-spacing-none);line-height:var(--spectrum-alias-heading-text-line-height);margin-bottom:0;margin-top:0;text-transform:none}.spectrum-Heading--sizeS{font-size:var(--spectrum-alias-heading-s-text-size)}.spectrum-Heading--sizeXS{font-size:var(--spectrum-alias-heading-xs-text-size)}.spectrum-Heading--sizeXS,.spectrum-Heading--sizeXXS{font-style:var(--spectrum-global-font-style-regular);font-weight:var(--spectrum-alias-heading-text-font-weight-regular);letter-spacing:var(--spectrum-global-font-letter-spacing-none);line-height:var(--spectrum-alias-heading-text-line-height);margin-bottom:0;margin-top:0;text-transform:none}.spectrum-Heading--sizeXXS{font-size:var(--spectrum-alias-heading-xxs-text-size)}.spectrum-Heading{font-family:var(--spectrum-alias-body-text-font-family);font-weight:var(--spectrum-alias-heading-text-font-weight-regular)}.spectrum-Heading .spectrum-Heading-emphasized,.spectrum-Heading em{font-style:var(--spectrum-global-font-style-italic)}.spectrum-Heading .spectrum-Heading-strong,.spectrum-Heading strong{font-weight:var(--spectrum-alias-heading-text-font-weight-regular-strong)}.spectrum-Heading--serif{font-family:var(--spectrum-alias-serif-text-font-family)}.spectrum-Heading--heavy{font-weight:var(--spectrum-alias-heading-text-font-weight-heavy)}.spectrum-Heading--heavy .spectrum-Heading-emphasized,.spectrum-Heading--heavy em{font-style:var(--spectrum-global-font-style-italic)}.spectrum-Heading--heavy .spectrum-Heading-strong,.spectrum-Heading--heavy strong{font-weight:var(--spectrum-alias-heading-text-font-weight-heavy-strong)}.spectrum-Heading--light{font-weight:var(--spectrum-alias-heading-text-font-weight-light)}.spectrum-Heading--light .spectrum-Heading-emphasized,.spectrum-Heading--light em{font-style:var(--spectrum-global-font-style-italic)}.spectrum-Heading--light .spectrum-Heading-strong,.spectrum-Heading--light strong{font-weight:var(--spectrum-alias-heading-text-font-weight-light-strong)}.spectrum-Body--sizeXXXL{font-size:var(--spectrum-global-dimension-font-size-600)}.spectrum-Body--sizeXXL,.spectrum-Body--sizeXXXL{font-style:var(--spectrum-global-font-style-regular);font-weight:var(--spectrum-alias-body-text-font-weight);letter-spacing:var(--spectrum-global-font-letter-spacing-none);line-height:var(--spectrum-alias-body-text-line-height);margin-bottom:0;margin-top:0;text-transform:none}.spectrum-Body--sizeXXL{font-size:var(--spectrum-global-dimension-font-size-500)}.spectrum-Body--sizeXL{font-size:var(--spectrum-global-dimension-font-size-400)}.spectrum-Body--sizeL,.spectrum-Body--sizeXL{font-style:var(--spectrum-global-font-style-regular);font-weight:var(--spectrum-alias-body-text-font-weight);letter-spacing:var(--spectrum-global-font-letter-spacing-none);line-height:var(--spectrum-alias-body-text-line-height);margin-bottom:0;margin-top:0;text-transform:none}.spectrum-Body--sizeL{font-size:var(--spectrum-global-dimension-font-size-300)}.spectrum-Body--sizeM{font-size:var(--spectrum-global-dimension-font-size-200)}.spectrum-Body--sizeM,.spectrum-Body--sizeS{font-style:var(--spectrum-global-font-style-regular);font-weight:var(--spectrum-alias-body-text-font-weight);letter-spacing:var(--spectrum-global-font-letter-spacing-none);line-height:var(--spectrum-alias-body-text-line-height);margin-bottom:0;margin-top:0;text-transform:none}.spectrum-Body--sizeS{font-size:var(--spectrum-global-dimension-font-size-100)}.spectrum-Body--sizeXS{font-size:var(--spectrum-global-dimension-font-size-75);font-style:var(--spectrum-global-font-style-regular);font-weight:var(--spectrum-alias-body-text-font-weight);letter-spacing:var(--spectrum-global-font-letter-spacing-none);line-height:var(--spectrum-alias-body-text-line-height);margin-bottom:0;margin-top:0;text-transform:none}.spectrum-Body{font-family:var(--spectrum-alias-body-text-font-family)}.spectrum-Body .spectrum-Body-strong,.spectrum-Body strong{font-weight:var(--spectrum-global-font-weight-bold)}.spectrum-Body .spectrum-Body-emphasized,.spectrum-Body em{font-style:var(--spectrum-global-font-style-italic)}.spectrum-Body--serif{font-family:var(--spectrum-alias-serif-text-font-family)}.spectrum-Detail{font-family:var(--spectrum-alias-body-text-font-family)}.spectrum-Detail .spectrum-Detail-strong,.spectrum-Detail strong{font-weight:var(--spectrum-alias-detail-text-font-weight-regular)}.spectrum-Detail .spectrum-Detail-emphasized,.spectrum-Detail em{font-style:var(--spectrum-global-font-style-italic)}.spectrum-Detail--light{font-style:var(--spectrum-global-font-style-regular);font-weight:var(--spectrum-alias-detail-text-font-weight-light)}.spectrum-Detail--serif{font-family:var(--spectrum-alias-serif-text-font-family)}.spectrum-Detail--sizeXL{font-style:var(--spectrum-global-font-style-regular)}.spectrum-Detail--sizeXL,.spectrum-Detail--sizeXL em{font-size:var(--spectrum-global-dimension-font-size-200);font-weight:var(--spectrum-alias-detail-text-font-weight-regular);letter-spacing:var(--spectrum-global-font-letter-spacing-medium);line-height:var(--spectrum-alias-heading-text-line-height);margin-bottom:0;margin-top:0;text-transform:uppercase}.spectrum-Detail--sizeXL em{font-style:var(--spectrum-global-font-style-italic)}.spectrum-Detail--sizeXL strong{font-size:var(--spectrum-global-dimension-font-size-200)}.spectrum-Detail--sizeL,.spectrum-Detail--sizeXL strong{font-style:var(--spectrum-global-font-style-regular);font-weight:var(--spectrum-alias-detail-text-font-weight-regular);letter-spacing:var(--spectrum-global-font-letter-spacing-medium);line-height:var(--spectrum-alias-heading-text-line-height);margin-bottom:0;margin-top:0;text-transform:uppercase}.spectrum-Detail--sizeL{font-size:var(--spectrum-global-dimension-font-size-100)}.spectrum-Detail--sizeL em{font-style:var(--spectrum-global-font-style-italic)}.spectrum-Detail--sizeL em,.spectrum-Detail--sizeL strong{font-size:var(--spectrum-global-dimension-font-size-100);font-weight:var(--spectrum-alias-detail-text-font-weight-regular);letter-spacing:var(--spectrum-global-font-letter-spacing-medium);line-height:var(--spectrum-alias-heading-text-line-height);margin-bottom:0;margin-top:0;text-transform:uppercase}.spectrum-Detail--sizeL strong{font-style:var(--spectrum-global-font-style-regular)}.spectrum-Detail--sizeM{font-style:var(--spectrum-global-font-style-regular)}.spectrum-Detail--sizeM,.spectrum-Detail--sizeM em{font-size:var(--spectrum-global-dimension-font-size-75);font-weight:var(--spectrum-alias-detail-text-font-weight-regular);letter-spacing:var(--spectrum-global-font-letter-spacing-medium);line-height:var(--spectrum-alias-heading-text-line-height);margin-bottom:0;margin-top:0;text-transform:uppercase}.spectrum-Detail--sizeM em{font-style:var(--spectrum-global-font-style-italic)}.spectrum-Detail--sizeM strong{font-size:var(--spectrum-global-dimension-font-size-75)}.spectrum-Detail--sizeM strong,.spectrum-Detail--sizeS{font-style:var(--spectrum-global-font-style-regular);font-weight:var(--spectrum-alias-detail-text-font-weight-regular);letter-spacing:var(--spectrum-global-font-letter-spacing-medium);line-height:var(--spectrum-alias-heading-text-line-height);margin-bottom:0;margin-top:0;text-transform:uppercase}.spectrum-Detail--sizeS{font-size:var(--spectrum-global-dimension-font-size-50)}.spectrum-Detail--sizeS em{font-style:var(--spectrum-global-font-style-italic)}.spectrum-Detail--sizeS em,.spectrum-Detail--sizeS strong{font-size:var(--spectrum-global-dimension-font-size-50);font-weight:var(--spectrum-alias-detail-text-font-weight-regular);letter-spacing:var(--spectrum-global-font-letter-spacing-medium);line-height:var(--spectrum-alias-heading-text-line-height);margin-bottom:0;margin-top:0;text-transform:uppercase}.spectrum-Detail--sizeS strong{font-style:var(--spectrum-global-font-style-regular)}.spectrum-Code{font-family:var(--spectrum-alias-body-text-font-family)}.spectrum-Code .spectrum-Code-strong,.spectrum-Code strong{font-weight:var(--spectrum-global-font-weight-bold)}.spectrum-Code .spectrum-Code-emphasized,.spectrum-Code em{font-style:var(--spectrum-global-font-style-italic)}.spectrum-Code--serif{font-family:var(--spectrum-alias-serif-text-font-family)}.spectrum-Code--sizeXL{font-size:var(--spectrum-global-dimension-font-size-400)}.spectrum-Code--sizeL,.spectrum-Code--sizeXL{font-family:var(--spectrum-alias-code-text-font-family);font-style:var(--spectrum-global-font-style-regular);font-weight:var(--spectrum-alias-code-text-font-weight-regular);letter-spacing:var(--spectrum-global-font-letter-spacing-none);line-height:var(--spectrum-alias-body-text-line-height);margin-bottom:0;margin-top:0}.spectrum-Code--sizeL{font-size:var(--spectrum-global-dimension-font-size-300)}.spectrum-Code--sizeM{font-size:var(--spectrum-global-dimension-font-size-200)}.spectrum-Code--sizeM,.spectrum-Code--sizeS{font-family:var(--spectrum-alias-code-text-font-family);font-style:var(--spectrum-global-font-style-regular);font-weight:var(--spectrum-alias-code-text-font-weight-regular);letter-spacing:var(--spectrum-global-font-letter-spacing-none);line-height:var(--spectrum-alias-body-text-line-height);margin-bottom:0;margin-top:0}.spectrum-Code--sizeS{font-size:var(--spectrum-global-dimension-font-size-100)}.spectrum-Code--sizeXS{font-family:var(--spectrum-alias-code-text-font-family);font-size:var(--spectrum-global-dimension-font-size-75);font-style:var(--spectrum-global-font-style-regular);font-weight:var(--spectrum-alias-code-text-font-weight-regular);letter-spacing:var(--spectrum-global-font-letter-spacing-none);line-height:var(--spectrum-alias-body-text-line-height);margin-bottom:0;margin-top:0}.spectrum-Typography .spectrum-Heading--sizeXXXL{margin-bottom:var(--spectrum-global-dimension-size-125);margin-top:var(--spectrum-alias-heading-xxxl-margin-top)}.spectrum-Typography .spectrum-Heading--sizeXXL{margin-bottom:var(--spectrum-global-dimension-size-115);margin-top:var(--spectrum-alias-heading-xxl-margin-top)}.spectrum-Typography .spectrum-Heading--sizeXL{margin-bottom:var(--spectrum-global-dimension-size-100);margin-top:var(--spectrum-alias-heading-xl-margin-top)}.spectrum-Typography .spectrum-Heading--sizeL{margin-bottom:var(--spectrum-global-dimension-size-85);margin-top:var(--spectrum-alias-heading-l-margin-top)}.spectrum-Typography .spectrum-Heading--sizeM{margin-bottom:var(--spectrum-global-dimension-size-75);margin-top:var(--spectrum-alias-heading-m-margin-top)}.spectrum-Typography .spectrum-Heading--sizeS{margin-bottom:var(--spectrum-global-dimension-size-65);margin-top:var(--spectrum-alias-heading-s-margin-top)}.spectrum-Typography .spectrum-Heading--sizeXS{margin-bottom:var(--spectrum-global-dimension-size-50);margin-top:var(--spectrum-alias-heading-xs-margin-top)}.spectrum-Typography .spectrum-Heading--sizeXXS{margin-bottom:var(--spectrum-global-dimension-size-40);margin-top:var(--spectrum-alias-heading-xxs-margin-top)}.spectrum-Typography .spectrum-Body--sizeXXXL{margin-bottom:var(--spectrum-global-dimension-size-400);margin-top:0}.spectrum-Typography .spectrum-Body--sizeXXL{margin-bottom:var(--spectrum-global-dimension-size-300);margin-top:0}.spectrum-Typography .spectrum-Body--sizeXL{margin-bottom:var(--spectrum-global-dimension-size-200);margin-top:0}.spectrum-Typography .spectrum-Body--sizeL{margin-bottom:var(--spectrum-global-dimension-size-160);margin-top:0}.spectrum-Typography .spectrum-Body--sizeM{margin-bottom:var(--spectrum-global-dimension-size-150);margin-top:0}.spectrum-Typography .spectrum-Body--sizeS{margin-bottom:var(--spectrum-global-dimension-size-125);margin-top:0}.spectrum-Typography .spectrum-Body--sizeXS{margin-bottom:var(--spectrum-global-dimension-size-115);margin-top:0}.spectrum:lang(ja) .spectrum-Heading--sizeXXXL,.spectrum:lang(ko) .spectrum-Heading--sizeXXXL,.spectrum:lang(zh) .spectrum-Heading--sizeXXXL{font-size:var(--spectrum-alias-heading-han-xxxl-text-size)}.spectrum:lang(ja) .spectrum-Heading--sizeXXL,.spectrum:lang(ja) .spectrum-Heading--sizeXXXL,.spectrum:lang(ko) .spectrum-Heading--sizeXXL,.spectrum:lang(ko) .spectrum-Heading--sizeXXXL,.spectrum:lang(zh) .spectrum-Heading--sizeXXL,.spectrum:lang(zh) .spectrum-Heading--sizeXXXL{font-style:var(--spectrum-global-font-style-regular);font-weight:var(--spectrum-alias-han-heading-text-font-weight-regular);letter-spacing:var(--spectrum-global-font-letter-spacing-han);line-height:var(--spectrum-alias-han-heading-text-line-height);margin-bottom:0;margin-top:0;text-transform:none}.spectrum:lang(ja) .spectrum-Heading--sizeXXL,.spectrum:lang(ko) .spectrum-Heading--sizeXXL,.spectrum:lang(zh) .spectrum-Heading--sizeXXL{font-size:var(--spectrum-alias-heading-han-xxl-text-size)}.spectrum:lang(ja) .spectrum-Heading--sizeXL,.spectrum:lang(ko) .spectrum-Heading--sizeXL,.spectrum:lang(zh) .spectrum-Heading--sizeXL{font-size:var(--spectrum-alias-heading-han-xl-text-size)}.spectrum:lang(ja) .spectrum-Heading--sizeL,.spectrum:lang(ja) .spectrum-Heading--sizeXL,.spectrum:lang(ko) .spectrum-Heading--sizeL,.spectrum:lang(ko) .spectrum-Heading--sizeXL,.spectrum:lang(zh) .spectrum-Heading--sizeL,.spectrum:lang(zh) .spectrum-Heading--sizeXL{font-style:var(--spectrum-global-font-style-regular);font-weight:var(--spectrum-alias-han-heading-text-font-weight-regular);letter-spacing:var(--spectrum-global-font-letter-spacing-han);line-height:var(--spectrum-alias-han-heading-text-line-height);margin-bottom:0;margin-top:0;text-transform:none}.spectrum:lang(ja) .spectrum-Heading--sizeL,.spectrum:lang(ko) .spectrum-Heading--sizeL,.spectrum:lang(zh) .spectrum-Heading--sizeL{font-size:var(--spectrum-alias-heading-han-l-text-size)}.spectrum:lang(ja) .spectrum-Heading--sizeM,.spectrum:lang(ko) .spectrum-Heading--sizeM,.spectrum:lang(zh) .spectrum-Heading--sizeM{font-size:var(--spectrum-alias-heading-han-m-text-size)}.spectrum:lang(ja) .spectrum-Heading--sizeM,.spectrum:lang(ja) .spectrum-Heading--sizeS,.spectrum:lang(ko) .spectrum-Heading--sizeM,.spectrum:lang(ko) .spectrum-Heading--sizeS,.spectrum:lang(zh) .spectrum-Heading--sizeM,.spectrum:lang(zh) .spectrum-Heading--sizeS{font-style:var(--spectrum-global-font-style-regular);font-weight:var(--spectrum-alias-han-heading-text-font-weight-regular);letter-spacing:var(--spectrum-global-font-letter-spacing-han);line-height:var(--spectrum-alias-han-heading-text-line-height);margin-bottom:0;margin-top:0;text-transform:none}.spectrum:lang(ja) .spectrum-Heading--sizeS,.spectrum:lang(ko) .spectrum-Heading--sizeS,.spectrum:lang(zh) .spectrum-Heading--sizeS{font-size:var(--spectrum-alias-heading-han-s-text-size)}.spectrum:lang(ja) .spectrum-Heading--sizeXS,.spectrum:lang(ko) .spectrum-Heading--sizeXS,.spectrum:lang(zh) .spectrum-Heading--sizeXS{font-size:var(--spectrum-alias-heading-han-xs-text-size)}.spectrum:lang(ja) .spectrum-Heading--sizeXS,.spectrum:lang(ja) .spectrum-Heading--sizeXXS,.spectrum:lang(ko) .spectrum-Heading--sizeXS,.spectrum:lang(ko) .spectrum-Heading--sizeXXS,.spectrum:lang(zh) .spectrum-Heading--sizeXS,.spectrum:lang(zh) .spectrum-Heading--sizeXXS{font-style:var(--spectrum-global-font-style-regular);font-weight:var(--spectrum-alias-han-heading-text-font-weight-regular);letter-spacing:var(--spectrum-global-font-letter-spacing-han);line-height:var(--spectrum-alias-han-heading-text-line-height);margin-bottom:0;margin-top:0;text-transform:none}.spectrum:lang(ja) .spectrum-Heading--sizeXXS,.spectrum:lang(ko) .spectrum-Heading--sizeXXS,.spectrum:lang(zh) .spectrum-Heading--sizeXXS{font-size:var(--spectrum-alias-heading-han-xxs-text-size)}.spectrum:lang(ja) .spectrum-Heading--heavy,.spectrum:lang(ko) .spectrum-Heading--heavy,.spectrum:lang(zh) .spectrum-Heading--heavy{font-weight:var(--spectrum-alias-han-heading-text-font-weight-regular)}.spectrum:lang(ja) .spectrum-Heading--heavy .spectrum-Heading--emphasized,.spectrum:lang(ja) .spectrum-Heading--heavy em,.spectrum:lang(ko) .spectrum-Heading--heavy .spectrum-Heading--emphasized,.spectrum:lang(ko) .spectrum-Heading--heavy em,.spectrum:lang(zh) .spectrum-Heading--heavy .spectrum-Heading--emphasized,.spectrum:lang(zh) .spectrum-Heading--heavy em{font-style:var(
           --spectrum-heading-han-heavy-m-emphasized-text-font-style
         );font-weight:var(
           --spectrum-heading-han-heavy-m-emphasized-text-font-weight
diff --git a/app/code/Magento/AdminAdobeIms/view/adminhtml/web/index.css b/app/code/Magento/AdminAdobeIms/view/adminhtml/web/index.css
index 17951a284a32d..f9538d07f5d80 100644
--- a/app/code/Magento/AdminAdobeIms/view/adminhtml/web/index.css
+++ b/app/code/Magento/AdminAdobeIms/view/adminhtml/web/index.css
@@ -9,6 +9,7 @@
 @import 'node_modules/@spectrum-css/icon/dist/index-vars.css';
 @import 'node_modules/@spectrum-css/button/dist/index-vars.css';
 @import 'node_modules/@spectrum-css/dialog/dist/index-vars.css';
+@import 'node_modules/@spectrum-css/link/dist/index-vars.css';
 @import 'node_modules/@spectrum-css/modal/dist/index-vars.css';
 @import 'node_modules/@spectrum-css/card/dist/index-vars.css';
 @import 'node_modules/@spectrum-css/typography/dist/index-vars.css';
diff --git a/app/code/Magento/AdminAdobeIms/view/adminhtml/web/package-lock.json b/app/code/Magento/AdminAdobeIms/view/adminhtml/web/package-lock.json
index a7e6aa4ec24d7..a90432f4cb6ff 100644
--- a/app/code/Magento/AdminAdobeIms/view/adminhtml/web/package-lock.json
+++ b/app/code/Magento/AdminAdobeIms/view/adminhtml/web/package-lock.json
@@ -93,6 +93,11 @@
       "resolved": "https://registry.npmjs.org/@spectrum-css/inlinealert/-/inlinealert-4.0.3.tgz",
       "integrity": "sha512-EYLDacQHvkdVdyGUmaprytVu4cnBe2AllStsN+7vBT4BfwYugMMS6CMgxNhD5nFlq6NNR+PVBB7OszorRX1QQw=="
     },
+    "@spectrum-css/link": {
+      "version": "3.1.17",
+      "resolved": "https://registry.npmjs.org/@spectrum-css/link/-/link-3.1.17.tgz",
+      "integrity": "sha512-sWWTnDB+Yig9WmLvzcvUgSH6zZtu2tWfobMivFLjRnfQYIhxJSoj87AleLpcTbvIQIwSwytSdnbncsm4rBfDjg=="
+    },
     "@spectrum-css/modal": {
       "version": "3.0.13",
       "resolved": "https://registry.npmjs.org/@spectrum-css/modal/-/modal-3.0.13.tgz",
diff --git a/app/code/Magento/AdminAdobeIms/view/adminhtml/web/package.json b/app/code/Magento/AdminAdobeIms/view/adminhtml/web/package.json
index 9eec668493734..a94d1aaca5713 100644
--- a/app/code/Magento/AdminAdobeIms/view/adminhtml/web/package.json
+++ b/app/code/Magento/AdminAdobeIms/view/adminhtml/web/package.json
@@ -21,6 +21,7 @@
     "@spectrum-css/divider": "^1.0.16",
     "@spectrum-css/icon": "^3.0.14",
     "@spectrum-css/inlinealert": "^4.0.3",
+    "@spectrum-css/link": "^3.1.17",
     "@spectrum-css/modal": "^3.0.13",
     "@spectrum-css/page": "^5.0.2",
     "@spectrum-css/quickaction": "^3.0.16",

From 671f0ed37064d565cf1d9b7a8f7242ae4fc75f04 Mon Sep 17 00:00:00 2001
From: Sebastian Kull <sebastianKull@web.de>
Date: Wed, 9 Mar 2022 17:14:31 +0100
Subject: [PATCH 03/24] CABPI-199: Add styling for email template

---
 .../email/admin_adobe_ims_email_header.html   |  7 ++-
 .../new_admin_adobe_ims_admin_created.html    | 63 ++++++++++++-------
 .../view/adminhtml/web/css/source/_adobe.less | 21 +++++++
 3 files changed, 66 insertions(+), 25 deletions(-)
 create mode 100644 app/code/Magento/AdminAdobeIms/view/adminhtml/web/css/source/_adobe.less

diff --git a/app/code/Magento/AdminAdobeIms/view/adminhtml/email/admin_adobe_ims_email_header.html b/app/code/Magento/AdminAdobeIms/view/adminhtml/email/admin_adobe_ims_email_header.html
index 45e299cb51d17..72b7705c35d60 100644
--- a/app/code/Magento/AdminAdobeIms/view/adminhtml/email/admin_adobe_ims_email_header.html
+++ b/app/code/Magento/AdminAdobeIms/view/adminhtml/email/admin_adobe_ims_email_header.html
@@ -6,7 +6,7 @@
 -->
 <!--@subject {{trans "Header"}} @-->
 <!--@vars {
-"var logo_url":"Email Logo Image URL",
+"var logo_url":"Magento_AdminAdobeIms::images/adobe-commerce-dark.png",
 "var logo_alt":"Email Logo Alt Text",
 "var logo_height":"Email Logo Image Height",
 "var logo_width":"Email Logo Image Width",
@@ -22,10 +22,11 @@
     <style type="text/css">
         {{var template_styles|raw}}
 
-        {{css file="css/email.css"}}
+        {{css file="Magento_AdminAdobeIms::dist/index.min.css"}}
+        {{css file="Magento_AdminAdobeIms::css/adobe.css"}}
     </style>
 </head>
-<body>
+<body class="spectrum spectrum--medium spectrum--light">
 {{inlinecss file="css/email-inline.css"}}
 
 <!-- Begin wrapper table -->
diff --git a/app/code/Magento/AdminAdobeIms/view/adminhtml/email/new_admin_adobe_ims_admin_created.html b/app/code/Magento/AdminAdobeIms/view/adminhtml/email/new_admin_adobe_ims_admin_created.html
index caec3aa5ed3bc..b917eec40e5ac 100644
--- a/app/code/Magento/AdminAdobeIms/view/adminhtml/email/new_admin_adobe_ims_admin_created.html
+++ b/app/code/Magento/AdminAdobeIms/view/adminhtml/email/new_admin_adobe_ims_admin_created.html
@@ -12,27 +12,46 @@
 
 {{template config_path="adobe_ims/email/header_template"}}
 
-<p class="greeting">{{trans "%user_name, you now have access to Adobe Commerce" user_name=$user.firstname}}</p>
-<p>{{trans "Your administrator at %store_name has given you access to Adobe Commerce" store_name=$store.frontend_name}}</p>
-<p>
-    {{trans
-    '<a href="%customer_url">Get started</a>'
-    customer_url=$this.getUrl($store,'customer/account/',[_nosid:1])
-    |raw}}
-</p>
-<p>{{trans "Here are a few links to help you get up and running:"}}</p>
-<p>
-    {{trans
-    '<a href="%customer_url">Documentation</a>'
-    customer_url=$this.getUrl($store,'customer/account/',[_nosid:1])
-    |raw}}
-</p>
-<p>
-    {{trans
-    '<a href="%customer_url">Release notes</a>'
-    customer_url=$this.getUrl($store,'customer/account/',[_nosid:1])
-    |raw}}
-</p>
-<p>{{trans "If you have any questions about access to Adobe Commerce, contact your administrator or your Adobe account team for more information."}}</p>
+<div class="spectrum-Modal-wrapper admin-adobe-ims-email-wrapper">
+    <div class="spectrum-Modal is-open admin-adobe-ims-email-modal">
+        <div class="spectrum-Dialog spectrum-Dialog--large" role="dialog" tabindex="-1" aria-modal="true">
+            <div class="spectrum-Dialog-grid">
+                <h1 class="spectrum-Dialog-heading spectrum-Heading spectrum-Heading--sizeXL">
+                    {{trans "%user_name, you now have access to Adobe Commerce" user_name=$user.firstname}}
+                </h1>
+
+                <section class="adobe-ims-sign-in-dialog spectrum-Dialog-content">
+                    <p class="spectrum-Body spectrum-Body--sizeM adobe-ims-organization-note">
+                        {{trans "Your administrator at %store_name has given you access to Adobe Commerce" store_name=$store.frontend_name}}
+                    </p>
+                    <p class="admin-adobe-ims-email-button-center">
+                        <button onclick="{{trans '%url' url=$this.getUrl($store,'customer/account/',[_nosid:1])|raw}}"
+                                class="spectrum-Button spectrum-Button--fill spectrum-Button--accent spectrum-Button--sizeM">
+                            <span class="spectrum-Button-label">{{trans "Get started"}}</span>
+                        </button>
+                    </p>
+                    <p class="spectrum-Body spectrum-Body--sizeM adobe-ims-organization-note">
+                        {{trans "Here are a few links to help you get up and running:"}}
+                    </p>
+                    <p>
+                        {{trans
+                        '<a href="%customer_url" class="spectrum-Link spectrum-Link--quiet">Documentation</a>'
+                        customer_url=$this.getUrl($store,'customer/account/',[_nosid:1])
+                        |raw}}
+                    </p>
+                    <p>
+                        {{trans
+                        '<a href="%customer_url" class="spectrum-Link spectrum-Link--quiet">Release notes</a>'
+                        customer_url=$this.getUrl($store,'customer/account/',[_nosid:1])
+                        |raw}}
+                    </p>
+                    <p class="spectrum-Body spectrum-Body--sizeM adobe-ims-organization-note">
+                        {{trans "If you have any questions about access to Adobe Commerce, contact your administrator or your Adobe account team for more information."}}
+                    </p>
+                </section>
+            </div>
+        </div>
+    </div>
+</div>
 
 {{template config_path="adobe_ims/email/footer_template"}}
diff --git a/app/code/Magento/AdminAdobeIms/view/adminhtml/web/css/source/_adobe.less b/app/code/Magento/AdminAdobeIms/view/adminhtml/web/css/source/_adobe.less
new file mode 100644
index 0000000000000..5ce81c7e37f14
--- /dev/null
+++ b/app/code/Magento/AdminAdobeIms/view/adminhtml/web/css/source/_adobe.less
@@ -0,0 +1,21 @@
+/**
+ * Copyright © Magento, Inc. All rights reserved.
+ * See COPYING.txt for license details.
+ */
+
+.admin-adobe-ims-email-wrapper {
+    position: unset;
+
+    .admin-adobe-ims-email-modal {
+        background: @color-white;
+
+        .admin-adobe-ims-email-button-center {
+            display: flex;
+            justify-content: center;
+
+            button {
+                padding: 0 50px;
+            }
+        }
+    }
+}

From f98245612d9801ab71d18a0f2b436ef0ee04cd37 Mon Sep 17 00:00:00 2001
From: Sebastian Kull <sebastianKull@web.de>
Date: Thu, 10 Mar 2022 15:54:08 +0100
Subject: [PATCH 04/24] CABPI-199: Use adobe template for admin create email
 and add logo

---
 .../Plugin/SendAdminCreatedMailPlugin.php     |  20 ++-
 .../email/admin_adobe_ims_email_footer.html   |  40 +++++-
 .../email/admin_adobe_ims_email_header.html   | 129 ++++++++++++------
 .../new_admin_adobe_ims_admin_created.html    |  98 +++++++------
 .../web/images/adobe-commerce-light.png       | Bin 0 -> 7301 bytes
 5 files changed, 199 insertions(+), 88 deletions(-)
 create mode 100644 app/code/Magento/AdminAdobeIms/view/adminhtml/web/images/adobe-commerce-light.png

diff --git a/app/code/Magento/AdminAdobeIms/Plugin/SendAdminCreatedMailPlugin.php b/app/code/Magento/AdminAdobeIms/Plugin/SendAdminCreatedMailPlugin.php
index f909aa7295539..732025c7af9a5 100644
--- a/app/code/Magento/AdminAdobeIms/Plugin/SendAdminCreatedMailPlugin.php
+++ b/app/code/Magento/AdminAdobeIms/Plugin/SendAdminCreatedMailPlugin.php
@@ -9,6 +9,7 @@
 use Magento\Framework\Exception\MailException;
 use Magento\Framework\Exception\NoSuchEntityException;
 use Magento\Framework\Mail\Template\TransportBuilder;
+use Magento\Framework\View\Asset\Repository;
 use Magento\Store\Model\Store;
 use Magento\Store\Model\StoreManagerInterface;
 use Magento\User\Api\Data\UserInterface;
@@ -41,22 +42,30 @@ class SendAdminCreatedMailPlugin
      */
     private StoreManagerInterface $storeManager;
 
+    /**
+     * @var Repository
+     */
+    private Repository $assetRepo;
+
     /**
      * @param TransportBuilder $transportBuilder
      * @param ConfigInterface $config
      * @param ImsConfig $imsConfig
      * @param StoreManagerInterface $storeManager
+     * @param Repository $assetRepo
      */
     public function __construct(
         TransportBuilder $transportBuilder,
         ConfigInterface $config,
         ImsConfig $imsConfig,
-        StoreManagerInterface $storeManager
+        StoreManagerInterface $storeManager,
+        Repository $assetRepo
     ) {
         $this->transportBuilder = $transportBuilder;
         $this->config = $config;
         $this->imsConfig = $imsConfig;
         $this->storeManager = $storeManager;
+        $this->assetRepo = $assetRepo;
     }
 
     /**
@@ -73,12 +82,19 @@ public function afterSendCreated(Notificator $subject, $result, UserInterface $u
             return;
         }
 
+        $logo = $this->assetRepo->getUrlWithParams(
+            'Magento_AdminAdobeIms::images/adobe-commerce-light.png',
+            []
+        );
+
         $this->sendNotificationEmail(
             [
                 'user' => $user,
                 'store' => $this->storeManager->getStore(
                     Store::DEFAULT_STORE_ID
-                )
+                ),
+                'logo_url' => $logo,
+                'current_year' => date('Y'),
             ],
             $user->getEmail(),
             $user->getFirstName() . ' ' . $user->getLastName()
diff --git a/app/code/Magento/AdminAdobeIms/view/adminhtml/email/admin_adobe_ims_email_footer.html b/app/code/Magento/AdminAdobeIms/view/adminhtml/email/admin_adobe_ims_email_footer.html
index b9db3b8597cad..ea313e64c5e97 100644
--- a/app/code/Magento/AdminAdobeIms/view/adminhtml/email/admin_adobe_ims_email_footer.html
+++ b/app/code/Magento/AdminAdobeIms/view/adminhtml/email/admin_adobe_ims_email_footer.html
@@ -5,21 +5,47 @@
  */
 -->
 <!--@subject {{trans "Footer"}} @-->
-<!--@vars {
-"var store.frontend_name":"Store Name"
-} @-->
+<!--@vars {} @-->
 
-                    <!-- End Content -->
+                        </table>
+                        <!-- END pod1 -->
+
+                        <!-- END email content -->
                     </td>
                 </tr>
                 <tr>
-                    <td class="footer">
-                        <p class="closing">{{trans "Thank you, %store_name" store_name=$store.frontend_name}}!</p>
+                    <td bgcolor="#F5F5F5" style="background-color:#F5F5F5;">
+
+                        <!-- logo, links & legal-->
+                        <table class="email-width" align="center" width="500" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:500px;">
+                            <tr>
+                                <td style="color:#EB1000; font-family:adobe-clean, Helvetica Neue, Helvetica, Verdana, Arial, sans-serif; font-size:12px; line-height:18px; padding-top:40px;"><img alt="Adobe" src="https://landing.adobe.com/dam/global/images/adobe-logo.classic.160x222.png" width="30" height="auto" border="0" hspace="0" vspace="0" style="color:#EB1000; font-family:adobe-clean, Helvetica Neue, Helvetica, Verdana, Arial, sans-serif; font-size:12px; line-height:18px; display:block; vertical-align:top;"/></td>
+                            </tr>
+                            <tr>
+                                <td class="legal" style="color:#959595; font-family:adobe-clean, Helvetica Neue, Helvetica, Verdana, Arial, sans-serif; font-size:16px; line-height:32px; padding-top:60px;">
+                                    <a href="https://www.adobe.com/go/account" target="_blank" style="color:#959595; text-decoration:underline;">
+                                        {{trans "User Guides"}}
+                                    </a><br/>
+                                    <a href="https://www.adobe.com/go/support" target="_blank" style="color:#959595; text-decoration:underline;">
+                                        {{trans "Customer Support"}}
+                                    </a><br/>
+                                    <a href="https://www.adobe.com/go/forums" target="_blank" style="color:#959595; text-decoration:underline;">
+                                        {{trans "Forums"}}
+                                    </a></td>
+                            </tr>
+                            <tr>
+                                <td class="legal" style="color:#959595; font-family:adobe-clean, Helvetica Neue, Helvetica, Verdana, Arial, sans-serif; font-size:11px; line-height:18px; padding-top:50px; padding-bottom:50px;">
+                                    © Adobe {{var current_year}}. All rights reserved
+                                </td>
+                            </tr>
+                        </table>
+                        <!-- END logo, links & legal-->
+
                     </td>
                 </tr>
             </table>
         </td>
     </tr>
 </table>
-<!-- End wrapper table -->
 </body>
+</html>
diff --git a/app/code/Magento/AdminAdobeIms/view/adminhtml/email/admin_adobe_ims_email_header.html b/app/code/Magento/AdminAdobeIms/view/adminhtml/email/admin_adobe_ims_email_header.html
index 72b7705c35d60..da9156aa504cf 100644
--- a/app/code/Magento/AdminAdobeIms/view/adminhtml/email/admin_adobe_ims_email_header.html
+++ b/app/code/Magento/AdminAdobeIms/view/adminhtml/email/admin_adobe_ims_email_header.html
@@ -6,55 +6,108 @@
 -->
 <!--@subject {{trans "Header"}} @-->
 <!--@vars {
-"var logo_url":"Magento_AdminAdobeIms::images/adobe-commerce-dark.png",
 "var logo_alt":"Email Logo Alt Text",
 "var logo_height":"Email Logo Image Height",
 "var logo_width":"Email Logo Image Width",
 "var template_styles|raw":"Template CSS"
 } @-->
 
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html xmlns="https://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
 <head>
-    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-    <meta name="viewport" content="initial-scale=1.0, width=device-width" />
-    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <link rel="icon" href="https://www.adobe.com/favicon.ico" type="image/x-icon">
+    <link rel="shortcut icon" href="https://www.adobe.com/favicon.ico" type="image/x-icon">
+    <meta name="x-apple-disable-message-reformatting">
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    <meta name="viewport" content="width=device-width,initial-scale=1.0">
+    <meta name="format-detection" content="telephone=no">
+    <meta name="format-detection" content="date=no">
+    <meta name="format-detection" content="address=no">
+    <meta name="format-detection" content="email=no">
+
+    <!--[if mso]>
+    <style type="text/css">
+        body, table, td {
+            font-family:Helvetica Neue, Helvetica, Verdana, Arial, sans-serif !important;
+        }
+    </style>
+    <xml>
+        <o:OfficeDocumentSettings>
+            <o:AllowPNG/>
+            <o:PixelsPerInch>96</o:PixelsPerInch>
+        </o:OfficeDocumentSettings>
+    </xml>
+    <![endif]-->
+
     <style type="text/css">
-        {{var template_styles|raw}}
+        @import url("https://use.typekit.net/onr8tbr.css");
+        @media (prefers-color-scheme: dark)
+            .ReadMsgBody { width:100%;}
+            .ExternalClass {width:100%;}
+            table {border-collapse:collapse; margin:0 auto;}
+            a, a:visited {color:#1473E6; text-decoration:none;}
+            .legal a {text-decoration:underline;}
+            /* iOS BLUE LINKS */
+            a[x-apple-data-detectors] {color:inherit !important; text-decoration:none !important; font-size:inherit !important; font-family:inherit !important; font-weight:inherit !important; line-height:inherit !important;}
+
+            .mobile {border-spacing:0;display:none!important;height:0;max-height:0;mso-hide:all;overflow:hidden;visibility:hidden;width:0;}
+
+            @media only screen and (max-width:480px) {
+                u ~ div {
+                    min-width:100vw;
+                }
+                div > u ~ div {
+                    min-width: 100%;
+                }
+                .web {
+                    display:none !important;
+                }
+
+                .mobile {
+                    display:block !important;
+                    width:auto !important;
+                    overflow:visible !important;
+                    height:auto !important;
+                    max-height:inherit !important;
+                    font-size:18px !important;
+                    line-height:26px !important;
+                    visibility:visible !important;
+                }
 
-        {{css file="Magento_AdminAdobeIms::dist/index.min.css"}}
-        {{css file="Magento_AdminAdobeIms::css/adobe.css"}}
+                .email-width {
+                    width:84% !important;
+                }
+
+                .full-width {
+                    width:100% !important;
+                }
+
+                .mobile-image {
+                    height:auto !important;
+                    width:100% !important;
+                }
+
+                .social {
+                    float:left !important;
+                    padding-top:66px !important;
+                    text-align:left !important;
+                }
+            }
     </style>
 </head>
-<body class="spectrum spectrum--medium spectrum--light">
-{{inlinecss file="css/email-inline.css"}}
 
-<!-- Begin wrapper table -->
-<table class="wrapper" width="100%">
+<body bgcolor="#E4E4E4" style="background-color:#E4E4E4; margin:0; padding:0;-webkit-font-smoothing:antialiased;width:100% !important;-webkit-text-size-adjust:none;" topmargin="0"><div style="font-size:1px; color:#E4E4E4; display:none; overflow:hidden; visibility:hidden;">PREVIEW TEXT HERE &nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;</div>
+
+<table width="100%" bgcolor="#E4E4E4" style="background-color:#E4E4E4;" border="0" cellpadding="0" cellspacing="0" role="presentation">
     <tr>
-        <td class="wrapper-inner" align="center">
-            <table class="main" align="center">
+        <td style="padding-top: 40px;">
+            <table class="full-width" align="center" width="600" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:600px;">
                 <tr>
-                    <td class="header">
-                        <a class="logo" href="{{store url=""}}">
-                            <img
-                                {{if logo_width}}
-                                    width="{{var logo_width}}"
-                                {{else}}
-                                    width="180"
-                                {{/if}}
-
-                                {{if logo_height}}
-                                    height="{{var logo_height}}"
-                                {{/if}}
-
-                                src="{{var logo_url}}"
-                                alt="{{var logo_alt}}"
-                                border="0"
-                            />
-                        </a>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="main-content">
-                    <!-- Begin Content -->
+                    <td bgcolor="#ffffff" style="border-top:4px solid #EB1000; background-color:#ffffff; padding-bottom:60px;">
+
+                        <!-- pod1 -->
+                        <table class="email-width" align="center" width="500" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:500px;">
+                            <tr>
+                                <td style="color:#EB1000; font-family:adobe-clean, Helvetica Neue, Helvetica, Verdana, Arial, sans-serif; font-size:12px; line-height:18px; padding-top:50px;"><img alt="Adobe" src="{{var logo_url}}" border="0" hspace="0" vspace="0" style="color:#EB1000; font-family:adobe-clean, Helvetica Neue, Helvetica, Verdana, Arial, sans-serif; font-size:12px; line-height:18px; display:block; vertical-align:top;"/></td>
+                            </tr>
+
diff --git a/app/code/Magento/AdminAdobeIms/view/adminhtml/email/new_admin_adobe_ims_admin_created.html b/app/code/Magento/AdminAdobeIms/view/adminhtml/email/new_admin_adobe_ims_admin_created.html
index b917eec40e5ac..104d302ed38c5 100644
--- a/app/code/Magento/AdminAdobeIms/view/adminhtml/email/new_admin_adobe_ims_admin_created.html
+++ b/app/code/Magento/AdminAdobeIms/view/adminhtml/email/new_admin_adobe_ims_admin_created.html
@@ -12,46 +12,62 @@
 
 {{template config_path="adobe_ims/email/header_template"}}
 
-<div class="spectrum-Modal-wrapper admin-adobe-ims-email-wrapper">
-    <div class="spectrum-Modal is-open admin-adobe-ims-email-modal">
-        <div class="spectrum-Dialog spectrum-Dialog--large" role="dialog" tabindex="-1" aria-modal="true">
-            <div class="spectrum-Dialog-grid">
-                <h1 class="spectrum-Dialog-heading spectrum-Heading spectrum-Heading--sizeXL">
-                    {{trans "%user_name, you now have access to Adobe Commerce" user_name=$user.firstname}}
-                </h1>
-
-                <section class="adobe-ims-sign-in-dialog spectrum-Dialog-content">
-                    <p class="spectrum-Body spectrum-Body--sizeM adobe-ims-organization-note">
-                        {{trans "Your administrator at %store_name has given you access to Adobe Commerce" store_name=$store.frontend_name}}
-                    </p>
-                    <p class="admin-adobe-ims-email-button-center">
-                        <button onclick="{{trans '%url' url=$this.getUrl($store,'customer/account/',[_nosid:1])|raw}}"
-                                class="spectrum-Button spectrum-Button--fill spectrum-Button--accent spectrum-Button--sizeM">
-                            <span class="spectrum-Button-label">{{trans "Get started"}}</span>
-                        </button>
-                    </p>
-                    <p class="spectrum-Body spectrum-Body--sizeM adobe-ims-organization-note">
-                        {{trans "Here are a few links to help you get up and running:"}}
-                    </p>
-                    <p>
-                        {{trans
-                        '<a href="%customer_url" class="spectrum-Link spectrum-Link--quiet">Documentation</a>'
-                        customer_url=$this.getUrl($store,'customer/account/',[_nosid:1])
-                        |raw}}
-                    </p>
-                    <p>
-                        {{trans
-                        '<a href="%customer_url" class="spectrum-Link spectrum-Link--quiet">Release notes</a>'
-                        customer_url=$this.getUrl($store,'customer/account/',[_nosid:1])
-                        |raw}}
-                    </p>
-                    <p class="spectrum-Body spectrum-Body--sizeM adobe-ims-organization-note">
-                        {{trans "If you have any questions about access to Adobe Commerce, contact your administrator or your Adobe account team for more information."}}
-                    </p>
-                </section>
-            </div>
-        </div>
-    </div>
-</div>
+<tr>
+    <td>
+        <table class="email-width" align="left" width="400" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:400px;">
+            <tr>
+                <td class="header" style="color:#000000; font-family:adobe-clean, Helvetica Neue, Helvetica, Verdana, Arial, sans-serif; font-size:23px; line-height:30px; padding-top:70px;">
+                    <strong>{{trans "%user_name, you now have access to Adobe Commerce" user_name=$user.firstname}}</strong>
+                </td>
+            </tr>
+        </table>
+    </td>
+</tr>
+<tr>
+    <td style="color:#2c2c2c; font-family:adobe-clean, Helvetica Neue, Helvetica, Verdana, Arial, sans-serif; font-size:18px; line-height:26px; padding-top:25px;">
+        {{trans "Your administrator at %store_name has given you access to Adobe Commerce" store_name=$store.frontend_name}}
+    </td>
+</tr>
+<tr>
+    <td style="color:#1473E6; font-family:adobe-clean, Helvetica Neue, Helvetica, Verdana, Arial, sans-serif; font-size:16px; line-height:20px; padding-top:40px; padding-bottom:40px;"><!--[if gte mso 9]>
+        <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" style="height:40px; v-text-anchor:middle; width:200px;" arcsize="50%" stroke="f" fillcolor="#1473E6">
+            <v:textbox style="mso-fit-shape-to-text:t">
+                <center style="color:#ffffff; font-family:Helvetica Neue, Helvetica, Verdana, Arial, sans-serif; font-size:16px;">
+        <![endif]-->
+        <a href="{{trans '%url' url=$this.getUrl($store,'customer/account/',[_nosid:1])|raw}}" target="_blank" style="background-color:#1473E6;border-radius:20px;color:#ffffff;display:inline-block;font-size:16px;line-height:40px;text-align:center;text-decoration:none;width:200px;-webkit-text-size-adjust:none;">
+            <strong>{{trans "Get started"}}</strong>
+        </a>
+        <!--[if gte mso 9]>
+        </center>
+        <p style="margin:0; font-size:0; line-height:0;"><o:p xmlns:o="urn:schemas-microsoft-com:office:office">&nbsp;</o:p></p>
+        </v:textbox>
+        </v:roundrect>
+        <![endif]-->
+    </td>
+</tr>
+<tr>
+    <td style="color:#2c2c2c; font-family:adobe-clean, Helvetica Neue, Helvetica, Verdana, Arial, sans-serif; font-size:18px; line-height:26px;">
+        {{trans "Here are a few links to help you get up and running:"}}
+    </td>
+</tr>
+<tr>
+    <td style="color:#2c2c2c; font-family:adobe-clean, Helvetica Neue, Helvetica, Verdana, Arial, sans-serif; font-size:18px; line-height:26px; padding-top:25px;">
+        <a href="https://experienceleague.adobe.com/docs/commerce.html" target="_blank" style="color:#1473E6; text-decoration:none;">
+            {{trans "Documentation"}}
+        </a>
+    </td>
+</tr>
+<tr>
+    <td style="color:#2c2c2c; font-family:adobe-clean, Helvetica Neue, Helvetica, Verdana, Arial, sans-serif; font-size:18px; line-height:26px; padding-top:25px;">
+        <a href="https://devdocs.magento.com/guides/v2.4/release-notes/bk-release-notes.html" target="_blank" style="color:#1473E6; text-decoration:none;">
+            {{trans "Release notes"}}
+        </a>
+    </td>
+</tr>
+<tr>
+    <td style="color:#2c2c2c; font-family:adobe-clean, Helvetica Neue, Helvetica, Verdana, Arial, sans-serif; font-size:18px; line-height:26px; padding-top:25px;">
+        {{trans "If you have any questions about access to Adobe Commerce, contact your administrator or your Adobe account team for more information."}}
+    </td>
+</tr>
 
 {{template config_path="adobe_ims/email/footer_template"}}
diff --git a/app/code/Magento/AdminAdobeIms/view/adminhtml/web/images/adobe-commerce-light.png b/app/code/Magento/AdminAdobeIms/view/adminhtml/web/images/adobe-commerce-light.png
new file mode 100644
index 0000000000000000000000000000000000000000..e5045d77e15a27db61bf4242e31a2a91f1b7de07
GIT binary patch
literal 7301
zcmXY$bzBtP+s0{@PNf#4L%Nr)r6r^rrJJQerDRD3De3NRNvT!oT3ULgq`T`~pZ7O^
z%+Ac7bFTZG`<i<`^POmIO=SXHYFrc)6arNhunr0eY8LX?27ra!H(W*BAb&8t<W=<m
z$n68bCJF@wD5(mT)AP4DFgK6N>Gyf`HI#W&Fq!e~jrghNj^A87pySAs^+!LiH5$Fy
zOE=>=*HyvKP(}_>ANpSc1oNHsEVv$j6`ACcCTZ*mJSMeO44S%B%JqyJ@Vm+l+v@V0
z_skJ8)kVuWX90G?M<49%#=fuK39jx2y#2j=l<BuMA}F{WFrF^BolU)lh9-*wKtZLS
zKt<D~Z3<-#K_N!@cL`q>l!o!Yzi`m#vozl*G5zmU6mh;B<b+jKjJx)p9t8v0V}fC#
z1$NZ&K(0ogMJ|6$_iw;Fa2{Uxsv^zMp@<2-%`|&f89o3dG&W9l$|kQ|OSc5PB#cqW
zp=-5DPxenS&j%wz?{T5MY18EBgB`kw06b;bh3;4Azi^UbWyywQ^dp}FD?XG*-GUPt
zQ>L$qFUdSnQIYy4a&OEwYZ=H|UX^uvY&uY95gWJWs@r<1mOHk+e(~SfMi_ms&nG(>
zJnM5y4>@qkDD$CF$_nx<7bFeHNKr7v74moxKe;kVJlp(F{=8WAp3<<)&B=M3oSvS}
z8GASPM#0(H+1|j=F!=1G|HYHbVzcYhuAZwZtKCCS=j@tM-b>^ltYo3$P%=iERELP*
z;B&Y#(W?J?>?%{@Z_)JQ0UffNtlNzwt*+p+QPFNIHNO1opXgT$O4Q!xn8;<RCmCSL
zqWrDLmHGAS*KHB^mHX^^7OvKh!>PP7-L}IirNBvq49jVKXGpQ`vA?_!Qf@(!J`&Po
zBj~d^^ffpwJw4#NIefV6VRxpIO~iHKJQWSDQX`_SVhbSR_%ElljM}LXr6qf2!C(=^
zl+i|-<%W~~ek1W!{Y1j5EJ8L=2GR<7K#V3RlVUCbPTxJ`ONsRLT3GGq*w|xJ)}asE
z;N;|_wS@2fbsGb%^B{D|nLhh40*f1&1Z@DC4^BTzhNHUphMI(GO%w04$rjCD^m7aD
z1K%$59FuWuXKof*=+u?6ha&s_3n!2%UIEngb=?G{>)!ov`6zMNx=s=3S2ljR8nB&R
zyMo+xix|YQP({1EL7a<eJJ2AP$%1%-I4-!RL|&+`J^k@~O6$pOZ?-ykMx7Ve@qDsa
zJvjIWf$06WdbbZS)o=}pNxUdj45XR^b|^VQ#ehJ);ZR91SSv~5U~WV6F3k65)@PH!
z>dV{>gGF~hzfbwiq3|Muk$4h+Q#>hB4U4!;0aO!i9c`aMsL-W#>f$O}qFVEZl-9Fz
zrXG^!AfG~bMFtfdEF}1iwCR96y%Gp6MdK9S?T52naKoh@LSWz@3$V}p2+>iM6{Y0*
zOZd->Yl4#ia}Jm>8x1R610)Snb2rQYbYAWmYCE*YL_szPA)!o#q<KfkfI-9N^6kEd
zBX1!5@Qv+5>Q{k5_Ni6`QIKXDyvXRj$DZoh9riqaq#4w}^k9$<HBE<~ZoLZ-X1rSw
zW|;flu16-rd1^dJIPLK?tHgoHHVR^g4qZ1DcY8lS?1&MlhlUX%I|xvLlHHDwYS<q2
z5s%>;gI;(~!Z(Y1hYnY1@c*`KSv9<!+}UM>{g!hzzo?=~b=hC-QlZbT!NNH}L6!|X
zG!B?Y_Z5!)a&}+Q)H6iY<Hq&cP|Fh|Ue)MR&^x|wm6>zLlrWEF$1c;+2o<jv#FFvC
ziR}0oAwA4Yc`QH~@&&)j`tY-0a}<voqAS9PJ5j2+^IU1^`SU+t1P;qAlL6a)XwTy|
zbQbxbUgJ_%`}q|6QhylyPA}#xEz7=?JdT-n_|oQy`KP|e{#Jd~v70HUid>OC**8E~
zeUYHTfgs{oEX$yF=E;cC?B>?+ba7r<V&3yI7z_P&`O<a_QKudo?4l{m;UA*-8!53G
zctxB4D0zUm!{-Qm{C@Fi!QQH|Z9n4R^<ue~UG;D{7Sd6z5wbi86;$+BpvyJ;%6W@`
z)9Bt^ncT9OzLCapBD)+(y}gyJ%&f57L+Lnj#${Z@{_jTn6al&q@YHl^)1dWO(bHEy
zKF5VY1bUqE*kjK$-*NYa39b5O>~4*?uPkkNSQJ!I@aBqn+0}<`X=4&QV1xo;I0pzL
zyzNdUW?a37%f(;4wuH~i0zCZB?V3GJx>Qh?lr)U+lyPHy!?37ZASx$~e-Ic2OcWe>
zv_&D_@aO5EP>29(<?E~$tnA^_a;L07NEEBd)b8%?gR8W|^j|Euwm6bBO4uMyIAQE|
z$%}5Gw4iIaL1c$JtnF&$Jy8NauS#~&crM8AaOp$@1qIO*y8BHW$I{oZAv$M|Vr6wk
z+N1-JcNrTZOA9Lpmy!Txi)Smsf6Nk?imjWOLse*CZ#nz?%5U6+57pM66OxQc4z9Vc
zn9e^}xq*1X`*?{p*W(E}ZRV(qh3|EKw7*TE&+?7H`Zg<@#{om+h59)+)wUOFvU`_V
z`Br{Q4-83uIEZi&X9KQ#dW<W0yu=#&P#2V7dVuG8eIW;`D9_R#_`GfEtvgZ?5Zm?Q
zaPc_b+9Xm!BcS68Hf&IyHhdBMh7l0SGzF5cj&|NM#l{vKkESbSt=OIx=_H9;)09xk
z7GFyw<S6>FJ)SGGpkkk`CJP#6bQ*}b`olcDg*MvAbS@r$GoJ&DjL}UG7op?JIN)~b
zupnm7f%FkPr=%K4Q7F1&2I|~C9lT^u+~mJ~dd-;L&rNuK#Yi$nk&&}TpJhivur^2}
z#1;i6{Pye~?!v20LtMtFEs6L{hD%GmuOV~Y-+L~4)7yPh$qVD}3i9o)vIKrrLQHsp
z1-@g~1<k~o{V8?B{S^qk9Y~<?I!{{Y(aib5?<vUOnf*8=8F@ul8kD8NVYCAzyto4m
zbAY|MC$`Tr-aSykUWdF|!wS226ik@voeN+LvtBnLpEPO!z7ionhtK~MHXyei_feZS
z{rudTGo0`3rvNGP+&cgCY6lwq?JwNcih&3Z+p5_@R)zV=haUm5cVArUv3c9ONwZa5
zflS}GGyr1Q=GR_wRjHDgz8@aMf+B2W)B=aaGZE9<%3S4JEvvk{*tMKFKhRMd|7NV8
ze(zToUxUjQty5LpJrWOmX4y#&3%%RM$-SYJwk6Y4T4_oz&7rF@H`2?Vaufu&^TJM+
z9qr&mY#<E*i|Ip)G5!oa<H$rOCDmfqZjsZNO&RK8AU%oZE3x#W6o>DG&Wu-|PdB`u
zW$^Vgt=ow4;oj%5Jz-XOl@@4KFjB1>W8WpcVi&^x?MM58{q3LM-viFH+tPag2FLY#
z_}#BX&yVE-PtQm^OK=|dRSH(#^2H9O^a_-2Xk)HI0--;&o-yo85{Z5Ewn)_7r9eQE
z$)Bd6`Q359gj3-yYoR-z#TsQ#rC4Ki;ZU!OUxi_ns}Gv*P+b?L=RFUrdtVlRhubka
zaDMXs0zFHSs9z>_kn!a1uNJXOP6pk?7N4UH`qN9b&Z*V?lGoDG!g#)k7HBaj6#v>U
znUd^|!%C3fSl1KouiuwAEJ`)0dGS<6zkkD#8!cqZZ94x^YYi5rkLz^xK1ar7({VFO
zx+z^x-T0<y9+M{_P8P(bsu>iLe0im`<ypg}6A?%4rSt*Bo&jmfpKz;b8n)~TuDcY+
zKKxm`Q!6Dff1VUm%Hi{A_f8tnFWGtgIC{HDcbd#<=HS`kGyS@WPNjgcmOo&wk^oa`
zx(PD77t7%t>^`!yj(PhY&OV|>C#uUTA<wm@Y0Aoyrw@e(P%qHvXdI54i7DSVtXtK(
zNQfDj50k`P3+*K=zn@I|T_(SSh-y@Tkngl-CP;7-YvMNyQEny@819p4+KfTSxn%et
zGRh5^6ZU6%6h};!G!k;2snGq^Nlu*o0AQwL9=z^v)^|rYk-u5QyCU*Mcl5wj%=Pvu
z{}161$C;pz6WVbcFQ_@I@^Wc?2#o_+uAV4;H%Wj2Xe}DL{FE0C>m{sOQetgrnqaa0
zQRGz66oHra4As50LylZ?RsK`9?XlO-Y-TFL*7w4p=q;~<TZ@EWb#rRTKl*RIbTE~M
zO3i82a1(-!gmB~f%NlsC_u?;~<YRKKvW#|!x9klJ4D5D-S7hEua^~MQyYY;tFdS)7
z`jMx;z~LZ3kR*le74u6d)JQbrwgx|@wbz|mkZ=y?1Dizq-So;oM1=$d-R+fFk))IB
zDTlX#ti(6~{V#(o=Jxgk8fH_<fk!R){BJ)Bidzu{HuuL`5lErbhws+}hfR3|cix^A
zBcCNhqAzHw9`83d7Bb$g_4aNVR@^#oo}H^@OfSlo+pSz7a#?GUnfB{dF$jUs>*>{T
zY?3!%plQjGB2+%{|9!`VS-+-bb!%yoY^M43yI_GoC&PNE7hi1xW1<<=J@e2|lR&;F
zx=<5nHob8Y9fR{mn_fQTr}B{crhG~nxU7V?K$y~B-m-vy?MhRhM>UT45j88d{5~rg
zmt8xjG2bwXg|Fq~p{U$eLRUB-vOn(9BQ8RR0+Wu?vQV0CqC|r6K7iLvYDieb0M)bN
zyi?`h!z+bxY}ye50^iCvy6gYVfS?^VCH%-nZ871S(ddaKU)q~sS5q~}=z)(O_n@Ub
zFV2AY!!b6hjhNeNR0b3AIaY|@IzXxvMDp46-@%rt7NA6m!#F&tB>Sp;c@hb?ttzXA
zX7TkSD|#zL??^<OSztIboUzZ=sX4}}Uc7vrH)&B;lxHo5Uo5tjR0IZ<OLg{`&`kTI
zRA5;Bq|>I9LG(5^l*BM+Rcg`FnLWG}LOX2~?(aqGrVWJuZH4OF%PqcdX9d3f_(^LG
z)ph_;$@JPV^j9lTSCd+i3L?RxP+IPGNoHu~3@aF61jfP=lCe9&t<J)diH8vugO6?D
z!pODGMO9~@s-}eK>JNZ*`}VA7jU1!Frei||ECQw9Uto&LYs>dw+lK&@pbdDRcI~f<
z-``xbE?#Uyn`U)v5OWMt`}M<dL(y>W4>G1&L9#LGe-uf_hRn|i1%GiCS@ZB8+|UM*
zu^*ud`}k;pggDYX=0w?k^Qud4uj>R~<D&*zcwnn)S%yYGmqIUioh-K1R+?vYsFqgu
z;yk|6r8OveVCf-0gmE<ErSS6`5~rT4GuCJZmSiF6j2@EFR!u&{2C1dqNhF<>jy2N<
z84-kvbpe&T`?9JRe}{x3nWk>$qfZ!N1N_|WZz6>85#l3?b|<CNw=<ni?dWN6IH>=s
znat;_#V)1`N5BUG!!Q%>G-t#J{2)kM(f2r%caPF$^}2OS8t5?WJS=ur@fwyuH|;c*
zZUBh18H~xmuj<(6d8PqcFjR52ps6NIa65iBO-mNnl%FcWpp=}h)O#1}aF{^;v9Hvu
z<xm{DzM^mtCkfyBsJ__<VB2{ALUhL|#!TU1vQ^G&&+QZCLd6_ISy?zbjKu!6?U!cu
z)CFqVB^wyrEF&yaY<7~*KQGi!+fNY`3V2E2&1Cz*)}VjYGL>9N%beOzyQbkSaS?h7
z9pbZ#LF0Fm_~=)uO>kMa?CDg++f|vlBt^3fY_!-<#jzfvw4AO1u5EGLKxsd+r5`8#
z(X)RFa;a6{9haZ+6&pLRNCNBKely9RMO^9WrxJ8Dhks%OUUUs3-zr>6M$j@U_lS3D
z0HtH0H2{mQJ?FR~yEdQX7}czv^8J|%w!db!Ova>-H-zP59^3?@S;fA}msQu&vBH!U
zGH=S6uOf=BI2|v?t%kV$s+u;xZ7whZYYgcl>zDI=0BmdW8gVTW!9ugucG4ZTLkz&N
z%)VZ<7*4jE5)p8F`Mr}lNn9R4uN00R)0`+L-f%;O=R?atMy>WVE%;*Vd`f~j3G)_F
zrgx-b>CB#)a3=d0WFUL;#nzF%q$O}C;~e~Kl;wG)so>$`0|Vy*kq}&xxYcKlvJ$gh
zCZMmP`W@{@HKk7p_)H{U`A=s?A~T>~AzO{PCXwSS%e5LjruJh+x4QTUhv-m=pS96B
z3oN!ec|WqWboi3isrSUe?Rc>AOtBtg(5G|1U$*NqQrIg%YCV5yynad4xYlwjd)zV$
z)-tuf&Ez*<3tiB(+?d|3qUPR{zWvr6SIPB_QmUBCL`;u0<1hbg#74!ZY%*Np8t-`z
zD6y5Ah<(*aRys4%f8U*C*wY@_qIr(%diIvacjH;q-;7~+QI~A_^Fs?qGgEfs$zN9c
z%m|<0?(zWGu4D_oq!+1tV4>4)Mwi}Kx}ZJLjkhO`Yoa&)so-{dWAstW)rn?x+?7zk
zvm!a6Q8@wV%CzBfEcvH&t_3u8eLQtt=#6_1Hn$QWdRFDI$;O$~kUMZxv>KtBd8)WO
zm6iETT(*hpQpMMqT8nUWtNyf>gp=a=m~fPQq^-hU#F3EK1Bv)pU1Wna@cFE>2!gTz
zw^}&puY{V{wyodce1L)g#B&1i%xLa@MsoS-vrsny);)EStqj?F5@_S?(EZv_ZlFTi
zqOdfnMP14>MyV~%vJQG+21b{J%BE(c0~TYxUg=dQ$=mP&id^)>$<EKMxt|$rTf(|I
z#x9QK>u3_qR&Q?@OU>a#wA$~?DCP#iZApE0r9y?IJLX$|>4Ig3t66823@9sjGkcv9
zq$#|<I2uI8Ka=&mDXSwwV8F`bz+lzIkG{*tPhSIgFwv(y$_Y42t_(4C6ckG}`?5~9
z37*FHepxW>bpv3Ir_UyrbREBxRub<t<0!xTI3#5@K&jeg7cAI%2#wVMJ&qC6@wS^O
zQV(1AUFhH6Q-@dex_w58tq1h86KIxue%D;R4zdjR942M#?WIEvBp&<w3a_;&Nw+~2
z=CMUoOR$5gm0a2@rb~y|*so_+9wv`RLz!lnwC?)Y?h3;xsv=%3B>AD9dCQnMBO(T@
ze?Tp~1}R23F%(5H<eggyc=jzRWTe)5uta$KTe3tl_p<^QQO~AF5Z}ZOKDG7Arw1y$
zNq3pdqJ8hceM<pQR^q9{ex98)>CC=s0%~SBTN`lJxR7N{usF=(cTH6WEj)ZJ@;$?K
zxjj+;v4(b~6R9F|CyDu@OktbTwMhd6`!nWQDwYIcreX-Dh&kGpq8&>B4@Jtwa&#u?
z+2u?wk2@E<#Xq6V6aUqTYv4Q0(|zE@AcBq00Ff$Jyr7;_<~TE!ejOUIz>jwY2pp&U
z8Ra=2kuu`B)jXx;`wKkCmfW}6Y`^;_nr?y3%2N912wb0<vt`Y&q;ms4)pYBIvJ1<s
zv9w+KFHe9VTXAgz{@h-KT@#X};!0?)I@^#UvCV-~6`L`|q@9;r_=clL(SPQWYP;Qj
zHqUjaYh;RY+rRcS-obQUP-*p$FIr^HG6OEKyXW{`Kd?%aKeCu`0o(NV;tRiyx8erm
z+P1p?@VSlbYYMDC^$19TyUYuuD?KZ14&vE<({no33|CU4GsH^5@SN{ns&^p0OCFg!
zyJ97_2eD<Ei29r~H5`9u2#B~VnarQke()Vj`&Lm?Xb7WfpZZIXo#8jPfyUX%7D@Ke
zBFI1ZHa0JmYnqy>1{(%n3laDaw!R3pz_Di{#0J<i#l5`6K;jxQKnNs57G91Ho#M+Y
zBSc~<f-n?7DIy;OA%xFffsQ8o<_A3r%+a4+4n%++vx|fk^LzjyRnU`qnaYJLWgR)K
zF%#^@{H5Q_ebuD<Riv)o@so&tcxFREv|lYd7)*kMCn2&j03k)t6nV^z2*)D#gLmO)
z1CF1N@Kc6mN0o3@Y^ZMEge)$yA+Bs5A>vqSYHS?;LCR}qve?q?cZ01ZYT&L06iG65
zO<UXo+20`QFwyZ!Ti|j(kdr!(m9>U8HZ`3;94xj3R~`{w{C+$=JteZYx9`S=?Rb$-
zh#)apF(VQW&Nd`)W$oyeYD%^G9j&CQ9XL>UW=jX&(%fAhtb5b%tDTuU)%b)-W$|EP
zxFTVcHaS`wbUlgSNyfXp{!{FdQ#XCf!V$&Hk2olU-$HPL#6czDZ$5-kV*Puu*=j7<
zj)U0*K2mIxo{tdGx*^D%-Dp294IW&6EdR$laaf%0&z3v<o^&9kZAIv?9XFK;Qe^XR
z1|+w7o{5gx`rUnV9_1s$&UYjr(OP}CSG~$pm0KNi_IP*nwAQ@n_FjpeMuvGI@yl22
zxA5vX{Fm5B#LA4J1GTpGxpFV+%*t1f#fc2oMd{_orN2%}6kkZ;B4<D5C1;1k@A_T2
zE<Ml$AN5H^uE&IXfm{hlcQKLu0T}Yw!Vlxswq&?KBQ_d!$)m2j!_^7hrzFMm1{Q{a
zjQ1y(i|$XR*1wIMS$!V++Gk`%xMT4u{`Gx@VU>=$bYup@X`89~YCUKl!#GD*kjhP4
zGJ3vj>)V~9M-KG3yuUf))do`^{pJg8WhP?;`aNOQG`*Wx=Rszil`_-=M|ok~Big?8
z=xn#LHfZy(<LI%_)UC~yH(|UpDT*Rt<c3J*{`fr8z3axENb<O+79ZaFUdUv)uLZKE
zmiZG0HT@qiRigiTHxk5a4C24a$c*m6qG^@G<|?b6!p%-(>F^SEKdvSch5lataxyjh
zb8`NAHkSOkxvtp~76#JNY4{jAY8LATc#74k_P%C+8j5tq5p^G=->Tq<c>($_sb)uQ
zs>oDukWNMiY>>vW;4~X7b(?eceRDILtatt0z+a#`I3qj9sjm{V+Txw2&2`g?Ev5io
zS1M#s@Sb9dxcw&r!VrpC_Ng>ZJTZ6aS{zA?d!c!-YKXSuFrefaZA^MH*iRHjNP7wO
z5%d_wL_<eK+6avr=Aqih5=FdoZ4e6<&lm6CQP;gHxr7vX38#F}v9ac6j@QsF41f1;
zd`b*YKtCJJT=CZ9L4?L#@Ev&lh~z6u7J0+IQc5_XXM3)f%m-0w`FwRs^MQYNr8~d@
zr=L_Y%G=DjKUN7(v8C<eD_ESN!GoJ@u=9C?3-c$eSq=9oS^{J&6KrVf#Bo~GLG+={
zqt|f9uHtnvliW0@nG?h0Ni`LREXu4#E>lc1G8OD-q3!=+;Wwe=ly78`xL8_hNM&&n
z!h-48lw^bQLKb<AKrEjHY*3IE@<Im9W)psGlh|M<&(maPynx0T31Oa0SaL8hh}SSJ
zjCl8NNV-sQwUur*auIH0!Tk5?m_uv;QU4y&Pg;C6EEvNj(+S~b$YS6fhlGXE#^Q&5
zT`WxB^jjWkLU6O;s+bhlr@ak3PCqC9A@g61d~q->lBf-F^<`aB?RxZljuslO%tR&9
ze_wC3G5*cdW~T_iauG<9N6BCXMZVx$ZJ-U86p@5;{i`@JJ*`kO&)S)r?}qf`v5^Bz
zS6+&`>`3^Htd0HvAvqAw%ZytgTQ#tWb+yA#^1SE(veF_y8_<T9eC;lg)<~a~uqZ?&
zNOu^TcA#!SY9eog7oj}K!4$6N{G{}$(%Q<INS#+)Xn{#`s|Tf6ghh$+fK_A?P%x4K
z$$7`>@p2#WYzni$?EkrUf?m6#VQwJq|7$!wpB%ELvpUq#zeG+}_Dv!Q3gXr2UpZf7
s?~oo01{7F&Uhl^;qyS2&s?ypMYHdxrjij714GMBoRn!F6$iMmce`=+qqW}N^

literal 0
HcmV?d00001


From 3fb5609057922a4418d16bf64b14ed20d9732f7f Mon Sep 17 00:00:00 2001
From: Sebastian Kull <sebastianKull@web.de>
Date: Thu, 10 Mar 2022 16:41:33 +0100
Subject: [PATCH 05/24] CABPI-199: Add link to CTA-Button for email template

---
 .../Plugin/SendAdminCreatedMailPlugin.php          | 14 +++++++++++++-
 .../email/new_admin_adobe_ims_admin_created.html   |  2 +-
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/app/code/Magento/AdminAdobeIms/Plugin/SendAdminCreatedMailPlugin.php b/app/code/Magento/AdminAdobeIms/Plugin/SendAdminCreatedMailPlugin.php
index 732025c7af9a5..2f7976e26c6f9 100644
--- a/app/code/Magento/AdminAdobeIms/Plugin/SendAdminCreatedMailPlugin.php
+++ b/app/code/Magento/AdminAdobeIms/Plugin/SendAdminCreatedMailPlugin.php
@@ -5,6 +5,7 @@
 use Magento\AdminAdobeIms\Service\ImsConfig;
 use Magento\Backend\App\Area\FrontNameResolver;
 use Magento\Backend\App\ConfigInterface;
+use Magento\Backend\Model\UrlInterface as BackendUrlInterface;
 use Magento\Email\Model\BackendTemplate;
 use Magento\Framework\Exception\MailException;
 use Magento\Framework\Exception\NoSuchEntityException;
@@ -47,25 +48,33 @@ class SendAdminCreatedMailPlugin
      */
     private Repository $assetRepo;
 
+    /**
+     * @var BackendUrlInterface
+     */
+    private BackendUrlInterface $backendUrl;
+
     /**
      * @param TransportBuilder $transportBuilder
      * @param ConfigInterface $config
      * @param ImsConfig $imsConfig
      * @param StoreManagerInterface $storeManager
      * @param Repository $assetRepo
+     * @param BackendUrlInterface $backendUrl
      */
     public function __construct(
         TransportBuilder $transportBuilder,
         ConfigInterface $config,
         ImsConfig $imsConfig,
         StoreManagerInterface $storeManager,
-        Repository $assetRepo
+        Repository $assetRepo,
+        BackendUrlInterface $backendUrl
     ) {
         $this->transportBuilder = $transportBuilder;
         $this->config = $config;
         $this->imsConfig = $imsConfig;
         $this->storeManager = $storeManager;
         $this->assetRepo = $assetRepo;
+        $this->backendUrl = $backendUrl;
     }
 
     /**
@@ -87,12 +96,15 @@ public function afterSendCreated(Notificator $subject, $result, UserInterface $u
             []
         );
 
+        $backendUrl = $this->backendUrl->getUrl('admin');
+
         $this->sendNotificationEmail(
             [
                 'user' => $user,
                 'store' => $this->storeManager->getStore(
                     Store::DEFAULT_STORE_ID
                 ),
+                'cta_link' => $backendUrl,
                 'logo_url' => $logo,
                 'current_year' => date('Y'),
             ],
diff --git a/app/code/Magento/AdminAdobeIms/view/adminhtml/email/new_admin_adobe_ims_admin_created.html b/app/code/Magento/AdminAdobeIms/view/adminhtml/email/new_admin_adobe_ims_admin_created.html
index 104d302ed38c5..2e8c18de05dcc 100644
--- a/app/code/Magento/AdminAdobeIms/view/adminhtml/email/new_admin_adobe_ims_admin_created.html
+++ b/app/code/Magento/AdminAdobeIms/view/adminhtml/email/new_admin_adobe_ims_admin_created.html
@@ -34,7 +34,7 @@
             <v:textbox style="mso-fit-shape-to-text:t">
                 <center style="color:#ffffff; font-family:Helvetica Neue, Helvetica, Verdana, Arial, sans-serif; font-size:16px;">
         <![endif]-->
-        <a href="{{trans '%url' url=$this.getUrl($store,'customer/account/',[_nosid:1])|raw}}" target="_blank" style="background-color:#1473E6;border-radius:20px;color:#ffffff;display:inline-block;font-size:16px;line-height:40px;text-align:center;text-decoration:none;width:200px;-webkit-text-size-adjust:none;">
+        <a href="{{var cta_link}}" target="_blank" style="background-color:#1473E6;border-radius:20px;color:#ffffff;display:inline-block;font-size:16px;line-height:40px;text-align:center;text-decoration:none;width:200px;-webkit-text-size-adjust:none;">
             <strong>{{trans "Get started"}}</strong>
         </a>
         <!--[if gte mso 9]>

From 4de69b60d30320099e60616a55cd0d6ff36a7e13 Mon Sep 17 00:00:00 2001
From: Sebastian Kull <sebastianKull@web.de>
Date: Fri, 11 Mar 2022 09:01:37 +0100
Subject: [PATCH 06/24] CABPI-199: Create Plugins for admin user create methods

---
 .../Plugin/AdminUserInstallerPlugin.php       | 19 +++++++++++++++++++
 .../Plugin/SendAdminCreatedMailPlugin.php     |  5 -----
 app/code/Magento/AdminAdobeIms/etc/di.xml     |  9 +++++++++
 3 files changed, 28 insertions(+), 5 deletions(-)
 create mode 100644 app/code/Magento/AdminAdobeIms/Plugin/AdminUserInstallerPlugin.php

diff --git a/app/code/Magento/AdminAdobeIms/Plugin/AdminUserInstallerPlugin.php b/app/code/Magento/AdminAdobeIms/Plugin/AdminUserInstallerPlugin.php
new file mode 100644
index 0000000000000..bf68d0eaa20a7
--- /dev/null
+++ b/app/code/Magento/AdminAdobeIms/Plugin/AdminUserInstallerPlugin.php
@@ -0,0 +1,19 @@
+<?php
+
+namespace Magento\AdminAdobeIms\Plugin;
+
+use Magento\Setup\Model\Installer;
+
+class AdminUserInstallerPlugin
+{
+    /**
+     * @param Installer $subject
+     * @param null $result
+     * @param array|\ArrayObject $data
+     * @return void
+     */
+    public function afterInstallAdminUser(Installer $subject, $result, $data): void
+    {
+        // TODO: Implement plugin method.
+    }
+}
diff --git a/app/code/Magento/AdminAdobeIms/Plugin/SendAdminCreatedMailPlugin.php b/app/code/Magento/AdminAdobeIms/Plugin/SendAdminCreatedMailPlugin.php
index 2f7976e26c6f9..cad8e6125215b 100644
--- a/app/code/Magento/AdminAdobeIms/Plugin/SendAdminCreatedMailPlugin.php
+++ b/app/code/Magento/AdminAdobeIms/Plugin/SendAdminCreatedMailPlugin.php
@@ -16,11 +16,6 @@
 use Magento\User\Api\Data\UserInterface;
 use Magento\User\Model\Notificator;
 
-/**
- * @copyright  Copyright (c) 2021 TechDivision GmbH (https://www.techdivision.com)
- * @author     TechDivision Team Allstars <allstars@techdivision.com>
- * @link       https://www.techdivision.com/
- */
 class SendAdminCreatedMailPlugin
 {
     /**
diff --git a/app/code/Magento/AdminAdobeIms/etc/di.xml b/app/code/Magento/AdminAdobeIms/etc/di.xml
index 145a4f3818b06..1b06f224315ab 100644
--- a/app/code/Magento/AdminAdobeIms/etc/di.xml
+++ b/app/code/Magento/AdminAdobeIms/etc/di.xml
@@ -38,4 +38,13 @@
         <plugin name="captcha_reset_attempt_for_backend_observer_plugin"
                 type="Magento\AdminAdobeIms\Plugin\ResetAttemptForBackendObserverPlugin"/>
     </type>
+
+    <type name="Magento\Setup\Model\AdminAccount">
+        <plugin name="admin_user_create_cli"
+                type="Magento\AdminAdobeIms\Plugin\AdminUserCreateCliPlugin"/>
+    </type>
+    <type name="Magento\Setup\Model\Installer">
+        <plugin name="admin_user_installer"
+                type="Magento\AdminAdobeIms\Plugin\AdminUserInstallerPlugin"/>
+    </type>
 </config>

From 087c7f0fca572123a9d83d0fc4450d1b32694caf Mon Sep 17 00:00:00 2001
From: Sebastian Kull <sebastianKull@web.de>
Date: Mon, 14 Mar 2022 10:34:50 +0100
Subject: [PATCH 07/24] CABPI-199: Use Observer to send email to created user

---
 .../Observer/AdminAccountCreatedObserver.php  | 44 +++++++++++
 .../Plugin/AdminUserInstallerPlugin.php       | 19 -----
 .../AdminNotificationService.php}             | 78 +++++++++----------
 .../AdminAdobeIms/etc/adminhtml/di.xml        |  9 +--
 .../AdminAdobeIms/etc/adminhtml/events.xml    | 13 ++++
 app/code/Magento/AdminAdobeIms/etc/di.xml     |  9 ---
 6 files changed, 97 insertions(+), 75 deletions(-)
 create mode 100644 app/code/Magento/AdminAdobeIms/Observer/AdminAccountCreatedObserver.php
 delete mode 100644 app/code/Magento/AdminAdobeIms/Plugin/AdminUserInstallerPlugin.php
 rename app/code/Magento/AdminAdobeIms/{Plugin/SendAdminCreatedMailPlugin.php => Service/AdminNotificationService.php} (80%)
 create mode 100644 app/code/Magento/AdminAdobeIms/etc/adminhtml/events.xml

diff --git a/app/code/Magento/AdminAdobeIms/Observer/AdminAccountCreatedObserver.php b/app/code/Magento/AdminAdobeIms/Observer/AdminAccountCreatedObserver.php
new file mode 100644
index 0000000000000..6bc8d04ed687f
--- /dev/null
+++ b/app/code/Magento/AdminAdobeIms/Observer/AdminAccountCreatedObserver.php
@@ -0,0 +1,44 @@
+<?php
+/**
+ * Copyright © Magento, Inc. All rights reserved.
+ * See COPYING.txt for license details.
+ */
+
+declare(strict_types=1);
+
+namespace Magento\AdminAdobeIms\Observer;
+
+use Magento\AdminAdobeIms\Service\AdminNotificationService;
+use Magento\Framework\Event\Observer;
+use Magento\Framework\Event\ObserverInterface;
+use Magento\User\Model\User;
+
+class AdminAccountCreatedObserver implements ObserverInterface
+{
+    /**
+     * @var AdminNotificationService
+     */
+    private AdminNotificationService $adminNotificationService;
+
+    /**
+     * @param AdminNotificationService $adminNotificationService
+     */
+    public function __construct(
+        AdminNotificationService $adminNotificationService
+    ) {
+        $this->adminNotificationService = $adminNotificationService;
+    }
+
+    /**
+     * @inheritDoc
+     */
+    public function execute(Observer $observer)
+    {
+        /** @var User $user */
+        $user = $observer->getObject();
+
+        if ($user->isObjectNew()) {
+            $this->adminNotificationService->sendWelcomeMailToAdminUser($user);
+        }
+    }
+}
diff --git a/app/code/Magento/AdminAdobeIms/Plugin/AdminUserInstallerPlugin.php b/app/code/Magento/AdminAdobeIms/Plugin/AdminUserInstallerPlugin.php
deleted file mode 100644
index bf68d0eaa20a7..0000000000000
--- a/app/code/Magento/AdminAdobeIms/Plugin/AdminUserInstallerPlugin.php
+++ /dev/null
@@ -1,19 +0,0 @@
-<?php
-
-namespace Magento\AdminAdobeIms\Plugin;
-
-use Magento\Setup\Model\Installer;
-
-class AdminUserInstallerPlugin
-{
-    /**
-     * @param Installer $subject
-     * @param null $result
-     * @param array|\ArrayObject $data
-     * @return void
-     */
-    public function afterInstallAdminUser(Installer $subject, $result, $data): void
-    {
-        // TODO: Implement plugin method.
-    }
-}
diff --git a/app/code/Magento/AdminAdobeIms/Plugin/SendAdminCreatedMailPlugin.php b/app/code/Magento/AdminAdobeIms/Service/AdminNotificationService.php
similarity index 80%
rename from app/code/Magento/AdminAdobeIms/Plugin/SendAdminCreatedMailPlugin.php
rename to app/code/Magento/AdminAdobeIms/Service/AdminNotificationService.php
index cad8e6125215b..8cd24a4fcdfb8 100644
--- a/app/code/Magento/AdminAdobeIms/Plugin/SendAdminCreatedMailPlugin.php
+++ b/app/code/Magento/AdminAdobeIms/Service/AdminNotificationService.php
@@ -1,37 +1,41 @@
 <?php
+/**
+ * Copyright © Magento, Inc. All rights reserved.
+ * See COPYING.txt for license details.
+ */
 
-namespace Magento\AdminAdobeIms\Plugin;
+declare(strict_types=1);
+
+namespace Magento\AdminAdobeIms\Service;
 
-use Magento\AdminAdobeIms\Service\ImsConfig;
 use Magento\Backend\App\Area\FrontNameResolver;
 use Magento\Backend\App\ConfigInterface;
 use Magento\Backend\Model\UrlInterface as BackendUrlInterface;
 use Magento\Email\Model\BackendTemplate;
+use Magento\Framework\Exception\LocalizedException;
 use Magento\Framework\Exception\MailException;
-use Magento\Framework\Exception\NoSuchEntityException;
 use Magento\Framework\Mail\Template\TransportBuilder;
-use Magento\Framework\View\Asset\Repository;
+use Magento\Framework\View\Asset\Repository as AssetRepo;
 use Magento\Store\Model\Store;
 use Magento\Store\Model\StoreManagerInterface;
 use Magento\User\Api\Data\UserInterface;
-use Magento\User\Model\Notificator;
 
-class SendAdminCreatedMailPlugin
+class AdminNotificationService
 {
     /**
-     * @var TransportBuilder
+     * @var ImsConfig
      */
-    private TransportBuilder $transportBuilder;
+    private ImsConfig $imsConfig;
 
     /**
-     * @var ConfigInterface
+     * @var AssetRepo
      */
-    private ConfigInterface $config;
+    private AssetRepo $assetRepo;
 
     /**
-     * @var ImsConfig
+     * @var BackendUrlInterface
      */
-    private ImsConfig $imsConfig;
+    private BackendUrlInterface $backendUrl;
 
     /**
      * @var StoreManagerInterface
@@ -39,48 +43,40 @@ class SendAdminCreatedMailPlugin
     private StoreManagerInterface $storeManager;
 
     /**
-     * @var Repository
+     * @var TransportBuilder
      */
-    private Repository $assetRepo;
+    private TransportBuilder $transportBuilder;
 
     /**
-     * @var BackendUrlInterface
+     * @var ConfigInterface
      */
-    private BackendUrlInterface $backendUrl;
+    private ConfigInterface $config;
 
     /**
-     * @param TransportBuilder $transportBuilder
-     * @param ConfigInterface $config
      * @param ImsConfig $imsConfig
-     * @param StoreManagerInterface $storeManager
-     * @param Repository $assetRepo
+     * @param AssetRepo $assetRepo
      * @param BackendUrlInterface $backendUrl
+     * @param StoreManagerInterface $storeManager
+     * @param TransportBuilder $transportBuilder
+     * @param ConfigInterface $config
      */
     public function __construct(
-        TransportBuilder $transportBuilder,
-        ConfigInterface $config,
         ImsConfig $imsConfig,
+        AssetRepo $assetRepo,
+        BackendUrlInterface $backendUrl,
         StoreManagerInterface $storeManager,
-        Repository $assetRepo,
-        BackendUrlInterface $backendUrl
+        TransportBuilder $transportBuilder,
+        ConfigInterface $config
     ) {
-        $this->transportBuilder = $transportBuilder;
-        $this->config = $config;
         $this->imsConfig = $imsConfig;
-        $this->storeManager = $storeManager;
         $this->assetRepo = $assetRepo;
         $this->backendUrl = $backendUrl;
+        $this->storeManager = $storeManager;
+        $this->transportBuilder = $transportBuilder;
+        $this->config = $config;
     }
 
-    /**
-     * @param Notificator $subject
-     * @param null $result
-     * @param UserInterface $user
-     * @return void
-     * @throws MailException
-     * @throws NoSuchEntityException
-     */
-    public function afterSendCreated(Notificator $subject, $result, UserInterface $user): void
+    public function sendWelcomeMailToAdminUser(UserInterface $user)
     {
         if (!$this->imsConfig->enabled()) {
             return;
@@ -114,9 +110,10 @@ public function afterSendCreated(Notificator $subject, $result, UserInterface $u
      * @param array $templateVars
      * @param string $toEmail
      * @param string $toName
-     * @throws MailException
-     *
      * @return void
+     * @throws LocalizedException
+     *
+     * @throws MailException
      */
     private function sendNotificationEmail(
         array $templateVars,
@@ -131,8 +128,9 @@ private function sendNotificationEmail(
                 'store' => Store::DEFAULT_STORE_ID
             ])
             ->setTemplateVars($templateVars)
-            ->setFrom(
-                $this->config->getValue('admin/emails/forgot_email_identity')
+            ->setFromByScope(
+                $this->config->getValue('admin/emails/forgot_email_identity'),
+                Store::DEFAULT_STORE_ID
             )
             ->addTo($toEmail, $toName)
             ->getTransport();
diff --git a/app/code/Magento/AdminAdobeIms/etc/adminhtml/di.xml b/app/code/Magento/AdminAdobeIms/etc/adminhtml/di.xml
index 4345bdf79e017..4a4eab783ae32 100644
--- a/app/code/Magento/AdminAdobeIms/etc/adminhtml/di.xml
+++ b/app/code/Magento/AdminAdobeIms/etc/adminhtml/di.xml
@@ -3,14 +3,14 @@
         xsi:noNamespaceSchemaLocation="urn:magento:framework:ObjectManager/etc/config.xsd">
     <preference for="Magento\Backend\App\Action\Plugin\Authentication"
                 type="Magento\AdminAdobeIms\App\Action\Plugin\Authentication"/>
-    <preference for="Magento\Backend\Model\Auth\Credential\StorageInterface" 
+    <preference for="Magento\Backend\Model\Auth\Credential\StorageInterface"
                 type="Magento\AdminAdobeIms\Model\User" />
 
     <type name="Magento\Framework\View\Result\Layout">
         <plugin name="add_adobe_ims_layout_handle"
                 type="Magento\AdminAdobeIms\Plugin\AddAdobeImsLayoutHandlePlugin" />
     </type>
-  
+
     <type name="Magento\Framework\View\Element\Message\MessageConfigurationsPool">
         <arguments>
             <argument name="configurationsMap" xsi:type="array">
@@ -23,9 +23,4 @@
             </argument>
         </arguments>
     </type>
-
-    <type name="Magento\User\Model\Notificator">
-        <plugin name="send_admin_created_mail"
-                type="Magento\AdminAdobeIms\Plugin\SendAdminCreatedMailPlugin"/>
-    </type>
 </config>
diff --git a/app/code/Magento/AdminAdobeIms/etc/adminhtml/events.xml b/app/code/Magento/AdminAdobeIms/etc/adminhtml/events.xml
new file mode 100644
index 0000000000000..0bbdd5a58a162
--- /dev/null
+++ b/app/code/Magento/AdminAdobeIms/etc/adminhtml/events.xml
@@ -0,0 +1,13 @@
+<?xml version="1.0"?>
+<!--
+/**
+ * Copyright © Magento, Inc. All rights reserved.
+ * See COPYING.txt for license details.
+ */
+-->
+<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Event/etc/events.xsd">
+    <event name="admin_user_save_after">
+        <observer name="new_admin_user_created"
+                  instance="Magento\AdminAdobeIms\Observer\AdminAccountCreatedObserver"/>
+    </event>
+</config>
diff --git a/app/code/Magento/AdminAdobeIms/etc/di.xml b/app/code/Magento/AdminAdobeIms/etc/di.xml
index 1b06f224315ab..145a4f3818b06 100644
--- a/app/code/Magento/AdminAdobeIms/etc/di.xml
+++ b/app/code/Magento/AdminAdobeIms/etc/di.xml
@@ -38,13 +38,4 @@
         <plugin name="captcha_reset_attempt_for_backend_observer_plugin"
                 type="Magento\AdminAdobeIms\Plugin\ResetAttemptForBackendObserverPlugin"/>
     </type>
-
-    <type name="Magento\Setup\Model\AdminAccount">
-        <plugin name="admin_user_create_cli"
-                type="Magento\AdminAdobeIms\Plugin\AdminUserCreateCliPlugin"/>
-    </type>
-    <type name="Magento\Setup\Model\Installer">
-        <plugin name="admin_user_installer"
-                type="Magento\AdminAdobeIms\Plugin\AdminUserInstallerPlugin"/>
-    </type>
 </config>

From 46c4fd39df7641a62c71315c443c99b9c8ca6be9 Mon Sep 17 00:00:00 2001
From: Sebastian Kull <sebastianKull@web.de>
Date: Mon, 14 Mar 2022 13:15:07 +0100
Subject: [PATCH 08/24] CABPI-199: Update README

---
 app/code/Magento/AdminAdobeIms/README.md | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/app/code/Magento/AdminAdobeIms/README.md b/app/code/Magento/AdminAdobeIms/README.md
index 25cb682fd38fb..520238cf43b99 100644
--- a/app/code/Magento/AdminAdobeIms/README.md
+++ b/app/code/Magento/AdminAdobeIms/README.md
@@ -74,3 +74,14 @@ The layout file `view/adminhtml/layout/adobe_ims_login.xml` adds:
 
 We have included the minified css and the used svgs from Spectrum CSS with our module, but you can also use npm to install the latest versions.
 To rebuild the minified css run the command `./node_modules/.bin/postcss -o dist/index.min.css index.css` after npm install from inside the web directory.
+
+# Admin Created Email
+
+We created an Observer for the `admin_user_save_after` event. \
+There we check if the customer object is newly created or not. \
+When a new admin user got created in Magento, he will then receive an email with further information on how to login.
+
+We use the `admin_emails_new_user_created_template` Template for the content, and also created a new header and footer template for the Admin Adobe IMS module templates.
+They are called `admin_adobe_ims_email_header_template` and `admin_adobe_ims_email_footer_template`.
+
+The notification mail will be sent inside our `AdminNotificationService` where we can add and modify the template variables.

From 3ce2df9a15a2c574a9350440809344795a823d27 Mon Sep 17 00:00:00 2001
From: Sebastian Kull <sebastianKull@web.de>
Date: Mon, 14 Mar 2022 15:00:43 +0100
Subject: [PATCH 09/24] CABPI-199: Add check if AdminAdobeIMS module is enabled

---
 .../Observer/AdminAccountCreatedObserver.php        | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/app/code/Magento/AdminAdobeIms/Observer/AdminAccountCreatedObserver.php b/app/code/Magento/AdminAdobeIms/Observer/AdminAccountCreatedObserver.php
index 6bc8d04ed687f..bc2008e1a258b 100644
--- a/app/code/Magento/AdminAdobeIms/Observer/AdminAccountCreatedObserver.php
+++ b/app/code/Magento/AdminAdobeIms/Observer/AdminAccountCreatedObserver.php
@@ -9,23 +9,32 @@
 namespace Magento\AdminAdobeIms\Observer;
 
 use Magento\AdminAdobeIms\Service\AdminNotificationService;
+use Magento\AdminAdobeIms\Service\ImsConfig;
 use Magento\Framework\Event\Observer;
 use Magento\Framework\Event\ObserverInterface;
 use Magento\User\Model\User;
 
 class AdminAccountCreatedObserver implements ObserverInterface
 {
+    /**
+     * @var ImsConfig
+     */
+    private ImsConfig $imsConfig;
+
     /**
      * @var AdminNotificationService
      */
     private AdminNotificationService $adminNotificationService;
 
     /**
+     * @param ImsConfig $imsConfig
      * @param AdminNotificationService $adminNotificationService
      */
     public function __construct(
+        ImsConfig $imsConfig,
         AdminNotificationService $adminNotificationService
     ) {
+        $this->imsConfig = $imsConfig;
         $this->adminNotificationService = $adminNotificationService;
     }
 
@@ -34,6 +43,10 @@ public function __construct(
      */
     public function execute(Observer $observer)
     {
+        if (!$this->imsConfig->enabled()) {
+            return;
+        }
+
         /** @var User $user */
         $user = $observer->getObject();
 

From 538c02ac82d3aee473fed0654ad51b497c657434 Mon Sep 17 00:00:00 2001
From: Sebastian Kull <sebastianKull@web.de>
Date: Mon, 14 Mar 2022 15:01:09 +0100
Subject: [PATCH 10/24] CABPI-199: Fix static-tests

---
 .../Service/AdminNotificationService.php             | 10 ++++++++++
 app/code/Magento/AdminAdobeIms/etc/adminhtml/di.xml  |  6 ++++++
 .../Magento/AdminAdobeIms/etc/adminhtml/routes.xml   |  2 +-
 app/code/Magento/AdminAdobeIms/etc/di.xml            | 12 ++++++------
 .../email/admin_adobe_ims_email_footer.html          | 11 +++++------
 .../email/admin_adobe_ims_email_header.html          |  3 ++-
 .../email/new_admin_adobe_ims_admin_created.html     |  2 +-
 7 files changed, 31 insertions(+), 15 deletions(-)

diff --git a/app/code/Magento/AdminAdobeIms/Service/AdminNotificationService.php b/app/code/Magento/AdminAdobeIms/Service/AdminNotificationService.php
index 8cd24a4fcdfb8..89dbf4eb295af 100644
--- a/app/code/Magento/AdminAdobeIms/Service/AdminNotificationService.php
+++ b/app/code/Magento/AdminAdobeIms/Service/AdminNotificationService.php
@@ -14,6 +14,7 @@
 use Magento\Email\Model\BackendTemplate;
 use Magento\Framework\Exception\LocalizedException;
 use Magento\Framework\Exception\MailException;
+use Magento\Framework\Exception\NoSuchEntityException;
 use Magento\Framework\Mail\Template\TransportBuilder;
 use Magento\Framework\View\Asset\Repository as AssetRepo;
 use Magento\Store\Model\Store;
@@ -76,6 +77,15 @@ public function __construct(
         $this->config = $config;
     }
 
+    /**
+     * Send a welcome mail to created admin user
+     *
+     * @param UserInterface $user
+     * @return void
+     * @throws LocalizedException
+     * @throws MailException
+     * @throws NoSuchEntityException
+     */
     public function sendWelcomeMailToAdminUser(UserInterface $user)
     {
         if (!$this->imsConfig->enabled()) {
diff --git a/app/code/Magento/AdminAdobeIms/etc/adminhtml/di.xml b/app/code/Magento/AdminAdobeIms/etc/adminhtml/di.xml
index 4a4eab783ae32..9278571218e2f 100644
--- a/app/code/Magento/AdminAdobeIms/etc/adminhtml/di.xml
+++ b/app/code/Magento/AdminAdobeIms/etc/adminhtml/di.xml
@@ -1,4 +1,10 @@
 <?xml version="1.0"?>
+<!--
+/**
+ * Copyright © Magento, Inc. All rights reserved.
+ * See COPYING.txt for license details.
+ */
+-->
 <config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:noNamespaceSchemaLocation="urn:magento:framework:ObjectManager/etc/config.xsd">
     <preference for="Magento\Backend\App\Action\Plugin\Authentication"
diff --git a/app/code/Magento/AdminAdobeIms/etc/adminhtml/routes.xml b/app/code/Magento/AdminAdobeIms/etc/adminhtml/routes.xml
index 6f767a4c5057e..a01a8bd4921d8 100644
--- a/app/code/Magento/AdminAdobeIms/etc/adminhtml/routes.xml
+++ b/app/code/Magento/AdminAdobeIms/etc/adminhtml/routes.xml
@@ -2,7 +2,7 @@
 <!--
 /**
  * Copyright © Magento, Inc. All rights reserved.
- * * See COPYING.txt for license details.
+ * See COPYING.txt for license details.
  */
 -->
 <config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:App/etc/routes.xsd">
diff --git a/app/code/Magento/AdminAdobeIms/etc/di.xml b/app/code/Magento/AdminAdobeIms/etc/di.xml
index 145a4f3818b06..9afdaef52ea3d 100644
--- a/app/code/Magento/AdminAdobeIms/etc/di.xml
+++ b/app/code/Magento/AdminAdobeIms/etc/di.xml
@@ -1,10 +1,10 @@
 <?xml version="1.0"?>
-    <!--
-    /**
-     * Copyright © Magento, Inc. All rights reserved.
-     * See COPYING.txt for license details.
-     */
-    -->
+<!--
+/**
+ * Copyright © Magento, Inc. All rights reserved.
+ * See COPYING.txt for license details.
+ */
+-->
 <config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:ObjectManager/etc/config.xsd">
     <type name="Magento\Framework\Console\CommandListInterface">
         <arguments>
diff --git a/app/code/Magento/AdminAdobeIms/view/adminhtml/email/admin_adobe_ims_email_footer.html b/app/code/Magento/AdminAdobeIms/view/adminhtml/email/admin_adobe_ims_email_footer.html
index ea313e64c5e97..18172c411bd3c 100644
--- a/app/code/Magento/AdminAdobeIms/view/adminhtml/email/admin_adobe_ims_email_footer.html
+++ b/app/code/Magento/AdminAdobeIms/view/adminhtml/email/admin_adobe_ims_email_footer.html
@@ -5,17 +5,16 @@
  */
 -->
 <!--@subject {{trans "Footer"}} @-->
-<!--@vars {} @-->
+<!--@vars {
+"var current_year":"Current Year"
+} @-->
 
                         </table>
-                        <!-- END pod1 -->
-
                         <!-- END email content -->
                     </td>
                 </tr>
                 <tr>
                     <td bgcolor="#F5F5F5" style="background-color:#F5F5F5;">
-
                         <!-- logo, links & legal-->
                         <table class="email-width" align="center" width="500" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:500px;">
                             <tr>
@@ -31,7 +30,8 @@
                                     </a><br/>
                                     <a href="https://www.adobe.com/go/forums" target="_blank" style="color:#959595; text-decoration:underline;">
                                         {{trans "Forums"}}
-                                    </a></td>
+                                    </a>
+                                </td>
                             </tr>
                             <tr>
                                 <td class="legal" style="color:#959595; font-family:adobe-clean, Helvetica Neue, Helvetica, Verdana, Arial, sans-serif; font-size:11px; line-height:18px; padding-top:50px; padding-bottom:50px;">
@@ -40,7 +40,6 @@
                             </tr>
                         </table>
                         <!-- END logo, links & legal-->
-
                     </td>
                 </tr>
             </table>
diff --git a/app/code/Magento/AdminAdobeIms/view/adminhtml/email/admin_adobe_ims_email_header.html b/app/code/Magento/AdminAdobeIms/view/adminhtml/email/admin_adobe_ims_email_header.html
index da9156aa504cf..cd46a16e3e9b1 100644
--- a/app/code/Magento/AdminAdobeIms/view/adminhtml/email/admin_adobe_ims_email_header.html
+++ b/app/code/Magento/AdminAdobeIms/view/adminhtml/email/admin_adobe_ims_email_header.html
@@ -6,6 +6,7 @@
 -->
 <!--@subject {{trans "Header"}} @-->
 <!--@vars {
+"var logo_url":"Email Logo Image URL",
 "var logo_alt":"Email Logo Alt Text",
 "var logo_height":"Email Logo Image Height",
 "var logo_width":"Email Logo Image Width",
@@ -105,7 +106,7 @@
                 <tr>
                     <td bgcolor="#ffffff" style="border-top:4px solid #EB1000; background-color:#ffffff; padding-bottom:60px;">
 
-                        <!-- pod1 -->
+                        <!-- START email content -->
                         <table class="email-width" align="center" width="500" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:500px;">
                             <tr>
                                 <td style="color:#EB1000; font-family:adobe-clean, Helvetica Neue, Helvetica, Verdana, Arial, sans-serif; font-size:12px; line-height:18px; padding-top:50px;"><img alt="Adobe" src="{{var logo_url}}" border="0" hspace="0" vspace="0" style="color:#EB1000; font-family:adobe-clean, Helvetica Neue, Helvetica, Verdana, Arial, sans-serif; font-size:12px; line-height:18px; display:block; vertical-align:top;"/></td>
diff --git a/app/code/Magento/AdminAdobeIms/view/adminhtml/email/new_admin_adobe_ims_admin_created.html b/app/code/Magento/AdminAdobeIms/view/adminhtml/email/new_admin_adobe_ims_admin_created.html
index 2e8c18de05dcc..bc1ba65b17821 100644
--- a/app/code/Magento/AdminAdobeIms/view/adminhtml/email/new_admin_adobe_ims_admin_created.html
+++ b/app/code/Magento/AdminAdobeIms/view/adminhtml/email/new_admin_adobe_ims_admin_created.html
@@ -7,7 +7,7 @@
 <!--@subject {{trans "%user_name, you now have access to Adobe Commerce" user_name=$user.firstname}} @-->
 <!--@vars {
 "var store.frontend_name":"Store Name",
-"var this.getUrl($store,'customer/account/',[_nosid:1])":"Customer Account URL",
+"var this.getUrl($store,'customer/account/',[_nosid:1])":"Customer Account URL"
 } @-->
 
 {{template config_path="adobe_ims/email/header_template"}}

From f4a731e28e109c21864368d55bd9d7529445344a Mon Sep 17 00:00:00 2001
From: Sebastian Kull <sebastianKull@web.de>
Date: Mon, 14 Mar 2022 15:29:29 +0100
Subject: [PATCH 11/24] CABPI-199: Add config for email-template

---
 .../Service/AdminNotificationService.php         | 16 ++++++++++++++--
 .../Magento/AdminAdobeIms/Service/ImsConfig.php  | 14 ++++++++++++++
 app/code/Magento/AdminAdobeIms/etc/config.xml    |  1 +
 3 files changed, 29 insertions(+), 2 deletions(-)

diff --git a/app/code/Magento/AdminAdobeIms/Service/AdminNotificationService.php b/app/code/Magento/AdminAdobeIms/Service/AdminNotificationService.php
index 89dbf4eb295af..a7ad777e00a74 100644
--- a/app/code/Magento/AdminAdobeIms/Service/AdminNotificationService.php
+++ b/app/code/Magento/AdminAdobeIms/Service/AdminNotificationService.php
@@ -86,7 +86,7 @@ public function __construct(
      * @throws MailException
      * @throws NoSuchEntityException
      */
-    public function sendWelcomeMailToAdminUser(UserInterface $user)
+    public function sendWelcomeMailToAdminUser(UserInterface $user): void
     {
         if (!$this->imsConfig->enabled()) {
             return;
@@ -130,8 +130,10 @@ private function sendNotificationEmail(
         string $toEmail,
         string $toName
     ): void {
+        $emailTemplate = $this->getEmailTemplate();
+
         $transport = $this->transportBuilder
-            ->setTemplateIdentifier('admin_emails_new_user_created_template')
+            ->setTemplateIdentifier($emailTemplate)
             ->setTemplateModel(BackendTemplate::class)
             ->setTemplateOptions([
                 'area' => FrontNameResolver::AREA_CODE,
@@ -146,4 +148,14 @@ private function sendNotificationEmail(
             ->getTransport();
         $transport->sendMessage();
     }
+
+    /**
+     * Get Email Template
+     *
+     * @return string
+     */
+    private function getEmailTemplate(): string
+    {
+        return $this->imsConfig->getEmailTemplateForNewAdminUsers();
+    }
 }
diff --git a/app/code/Magento/AdminAdobeIms/Service/ImsConfig.php b/app/code/Magento/AdminAdobeIms/Service/ImsConfig.php
index 9de581e2e2774..f1bce434adc26 100644
--- a/app/code/Magento/AdminAdobeIms/Service/ImsConfig.php
+++ b/app/code/Magento/AdminAdobeIms/Service/ImsConfig.php
@@ -25,6 +25,8 @@ class ImsConfig extends Config
     public const XML_PATH_PRIVATE_KEY = 'adobe_ims/integration/private_key';
     public const XML_PATH_AUTH_URL_PATTERN = 'adobe_ims/integration/auth_url_pattern';
     public const XML_PATH_PROFILE_URL = 'adobe_ims/integration/profile_url';
+    public const XML_PATH_NEW_ADMIN_EMAIL_TEMPLATE = 'adobe_ims/email/content_template';
+
     private const OAUTH_CALLBACK_URL = 'adobe_ims_auth/oauth/';
 
     /**
@@ -210,6 +212,18 @@ public function getAdminAdobeImsAuthUrl(?string $clientId): string
         );
     }
 
+    /**
+     * Get email template for new created admin users
+     *
+     * @return string
+     */
+    public function getEmailTemplateForNewAdminUsers()
+    {
+        return (string) $this->scopeConfig->getValue(
+            self::XML_PATH_ENABLED
+        );
+    }
+
     /**
      * Get callback url for AdminAdobeIms Module
      *
diff --git a/app/code/Magento/AdminAdobeIms/etc/config.xml b/app/code/Magento/AdminAdobeIms/etc/config.xml
index 60788ee551f9f..1f4353a450af3 100644
--- a/app/code/Magento/AdminAdobeIms/etc/config.xml
+++ b/app/code/Magento/AdminAdobeIms/etc/config.xml
@@ -18,6 +18,7 @@
             <email>
                 <header_template>admin_adobe_ims_email_header_template</header_template>
                 <footer_template>admin_adobe_ims_email_footer_template</footer_template>
+                <content_template>admin_emails_new_user_created_template</content_template>
             </email>
         </adobe_ims>
     </default>

From 0d4bbe8ced14fa1cf351f8969d44131a9f99c920 Mon Sep 17 00:00:00 2001
From: Sebastian Kull <sebastianKull@web.de>
Date: Mon, 14 Mar 2022 16:49:18 +0100
Subject: [PATCH 12/24] CABPI-199: Fix static-tests

---
 .../view/adminhtml/email/new_admin_adobe_ims_admin_created.html | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/app/code/Magento/AdminAdobeIms/view/adminhtml/email/new_admin_adobe_ims_admin_created.html b/app/code/Magento/AdminAdobeIms/view/adminhtml/email/new_admin_adobe_ims_admin_created.html
index bc1ba65b17821..faf2e4dac439c 100644
--- a/app/code/Magento/AdminAdobeIms/view/adminhtml/email/new_admin_adobe_ims_admin_created.html
+++ b/app/code/Magento/AdminAdobeIms/view/adminhtml/email/new_admin_adobe_ims_admin_created.html
@@ -6,6 +6,8 @@
 -->
 <!--@subject {{trans "%user_name, you now have access to Adobe Commerce" user_name=$user.firstname}} @-->
 <!--@vars {
+"var user.firstname":"Firstname",
+"var cta_link":"Link for the Get started button",
 "var store.frontend_name":"Store Name",
 "var this.getUrl($store,'customer/account/',[_nosid:1])":"Customer Account URL"
 } @-->

From b11d5e59ed84ee79827a76cdd66d6534bb1fbaed Mon Sep 17 00:00:00 2001
From: Sebastian Kull <sebastianKull@web.de>
Date: Tue, 15 Mar 2022 09:45:47 +0100
Subject: [PATCH 13/24] CABPI-199: Create model for email notifications

---
 .../Model/ImsEmailNotification.php            | 113 ++++++++++++++++++
 .../Service/AdminNotificationService.php      |  91 ++------------
 .../AdminAdobeIms/Service/ImsConfig.php       |   7 +-
 3 files changed, 128 insertions(+), 83 deletions(-)
 create mode 100644 app/code/Magento/AdminAdobeIms/Model/ImsEmailNotification.php

diff --git a/app/code/Magento/AdminAdobeIms/Model/ImsEmailNotification.php b/app/code/Magento/AdminAdobeIms/Model/ImsEmailNotification.php
new file mode 100644
index 0000000000000..63b6a5b5ff5fe
--- /dev/null
+++ b/app/code/Magento/AdminAdobeIms/Model/ImsEmailNotification.php
@@ -0,0 +1,113 @@
+<?php
+/**
+ * Copyright © Magento, Inc. All rights reserved.
+ * See COPYING.txt for license details.
+ */
+
+declare(strict_types=1);
+
+namespace Magento\AdminAdobeIms\Model;
+
+use Magento\Backend\App\Area\FrontNameResolver;
+use Magento\Backend\App\ConfigInterface;
+use Magento\Email\Model\BackendTemplate;
+use Magento\Framework\Exception\LocalizedException;
+use Magento\Framework\Exception\MailException;
+use Magento\Framework\Mail\Template\TransportBuilder;
+use Magento\Framework\View\Asset\Repository as AssetRepo;
+use Magento\Store\Model\Store;
+
+class ImsEmailNotification
+{
+    /**
+     * @var TransportBuilder
+     */
+    private TransportBuilder $transportBuilder;
+
+    /**
+     * @var ConfigInterface
+     */
+    private ConfigInterface $config;
+
+    /**
+     * @var AssetRepo
+     */
+    private AssetRepo $assetRepo;
+
+    /**
+     * @param TransportBuilder $transportBuilder
+     * @param ConfigInterface $config
+     * @param AssetRepo $assetRepo
+     */
+    public function __construct(
+        TransportBuilder $transportBuilder,
+        ConfigInterface $config,
+        AssetRepo $assetRepo
+    ) {
+        $this->transportBuilder = $transportBuilder;
+        $this->config = $config;
+        $this->assetRepo = $assetRepo;
+    }
+
+    /**
+     * Send email notification
+     *
+     * @param string $emailTemplate
+     * @param array $templateVars
+     * @param string $toEmail
+     * @param string $toName
+     * @return void
+     * @throws LocalizedException
+     *
+     * @throws MailException
+     */
+    public function sendNotificationEmail(
+        string $emailTemplate,
+        array $templateVars,
+        string $toEmail,
+        string $toName
+    ): void {
+
+        $templateVars = $this->addTemplateVars($templateVars);
+
+        $transport = $this->transportBuilder
+            ->setTemplateIdentifier($emailTemplate)
+            ->setTemplateModel(BackendTemplate::class)
+            ->setTemplateOptions([
+                'area' => FrontNameResolver::AREA_CODE,
+                'store' => Store::DEFAULT_STORE_ID
+            ])
+            ->setTemplateVars($templateVars)
+            ->setFromByScope(
+                $this->config->getValue('admin/emails/forgot_email_identity'),
+                Store::DEFAULT_STORE_ID
+            )
+            ->addTo($toEmail, $toName)
+            ->getTransport();
+        $transport->sendMessage();
+    }
+
+    /**
+     * Add additional (default) template variables like current_year and logo if not already set
+     *
+     * @param array $templateVars
+     * @return array
+     */
+    private function addTemplateVars(array $templateVars): array
+    {
+        if (!isset($templateVars['current_year'])) {
+            $templateVars['current_year'] = date('Y');
+        }
+
+        if (!isset($templateVars['logo_url'])) {
+            $logo = $this->assetRepo->getUrlWithParams(
+                'Magento_AdminAdobeIms::images/adobe-commerce-light.png',
+                []
+            );
+
+            $templateVars['logo_url'] = $logo;
+        }
+
+        return $templateVars;
+    }
+}
diff --git a/app/code/Magento/AdminAdobeIms/Service/AdminNotificationService.php b/app/code/Magento/AdminAdobeIms/Service/AdminNotificationService.php
index a7ad777e00a74..714a2c699bd5f 100644
--- a/app/code/Magento/AdminAdobeIms/Service/AdminNotificationService.php
+++ b/app/code/Magento/AdminAdobeIms/Service/AdminNotificationService.php
@@ -8,15 +8,11 @@
 
 namespace Magento\AdminAdobeIms\Service;
 
-use Magento\Backend\App\Area\FrontNameResolver;
-use Magento\Backend\App\ConfigInterface;
+use Magento\AdminAdobeIms\Model\ImsEmailNotification;
 use Magento\Backend\Model\UrlInterface as BackendUrlInterface;
-use Magento\Email\Model\BackendTemplate;
 use Magento\Framework\Exception\LocalizedException;
 use Magento\Framework\Exception\MailException;
 use Magento\Framework\Exception\NoSuchEntityException;
-use Magento\Framework\Mail\Template\TransportBuilder;
-use Magento\Framework\View\Asset\Repository as AssetRepo;
 use Magento\Store\Model\Store;
 use Magento\Store\Model\StoreManagerInterface;
 use Magento\User\Api\Data\UserInterface;
@@ -28,11 +24,6 @@ class AdminNotificationService
      */
     private ImsConfig $imsConfig;
 
-    /**
-     * @var AssetRepo
-     */
-    private AssetRepo $assetRepo;
-
     /**
      * @var BackendUrlInterface
      */
@@ -44,37 +35,26 @@ class AdminNotificationService
     private StoreManagerInterface $storeManager;
 
     /**
-     * @var TransportBuilder
+     * @var ImsEmailNotification
      */
-    private TransportBuilder $transportBuilder;
-
-    /**
-     * @var ConfigInterface
-     */
-    private ConfigInterface $config;
+    private ImsEmailNotification $emailNotification;
 
     /**
      * @param ImsConfig $imsConfig
-     * @param AssetRepo $assetRepo
      * @param BackendUrlInterface $backendUrl
      * @param StoreManagerInterface $storeManager
-     * @param TransportBuilder $transportBuilder
-     * @param ConfigInterface $config
+     * @param ImsEmailNotification $emailNotification
      */
     public function __construct(
         ImsConfig $imsConfig,
-        AssetRepo $assetRepo,
         BackendUrlInterface $backendUrl,
         StoreManagerInterface $storeManager,
-        TransportBuilder $transportBuilder,
-        ConfigInterface $config
+        ImsEmailNotification $emailNotification
     ) {
         $this->imsConfig = $imsConfig;
-        $this->assetRepo = $assetRepo;
         $this->backendUrl = $backendUrl;
         $this->storeManager = $storeManager;
-        $this->transportBuilder = $transportBuilder;
-        $this->config = $config;
+        $this->emailNotification = $emailNotification;
     }
 
     /**
@@ -92,70 +72,21 @@ public function sendWelcomeMailToAdminUser(UserInterface $user): void
             return;
         }
 
-        $logo = $this->assetRepo->getUrlWithParams(
-            'Magento_AdminAdobeIms::images/adobe-commerce-light.png',
-            []
-        );
-
         $backendUrl = $this->backendUrl->getUrl('admin');
 
-        $this->sendNotificationEmail(
+        $emailTemplate = $this->imsConfig->getEmailTemplateForNewAdminUsers();
+
+        $this->emailNotification->sendNotificationEmail(
+            $emailTemplate,
             [
                 'user' => $user,
                 'store' => $this->storeManager->getStore(
                     Store::DEFAULT_STORE_ID
                 ),
-                'cta_link' => $backendUrl,
-                'logo_url' => $logo,
-                'current_year' => date('Y'),
+                'cta_link' => $backendUrl
             ],
             $user->getEmail(),
             $user->getFirstName() . ' ' . $user->getLastName()
         );
     }
-
-    /**
-     * Send welcome e-mail to created user.
-     *
-     * @param array $templateVars
-     * @param string $toEmail
-     * @param string $toName
-     * @return void
-     * @throws LocalizedException
-     *
-     * @throws MailException
-     */
-    private function sendNotificationEmail(
-        array $templateVars,
-        string $toEmail,
-        string $toName
-    ): void {
-        $emailTemplate = $this->getEmailTemplate();
-
-        $transport = $this->transportBuilder
-            ->setTemplateIdentifier($emailTemplate)
-            ->setTemplateModel(BackendTemplate::class)
-            ->setTemplateOptions([
-                'area' => FrontNameResolver::AREA_CODE,
-                'store' => Store::DEFAULT_STORE_ID
-            ])
-            ->setTemplateVars($templateVars)
-            ->setFromByScope(
-                $this->config->getValue('admin/emails/forgot_email_identity'),
-                Store::DEFAULT_STORE_ID
-            )
-            ->addTo($toEmail, $toName)
-            ->getTransport();
-        $transport->sendMessage();
-    }
-
-    /**
-     * Get Email Template
-     *
-     * @return string
-     */
-    private function getEmailTemplate(): string
-    {
-        return $this->imsConfig->getEmailTemplateForNewAdminUsers();
-    }
 }
diff --git a/app/code/Magento/AdminAdobeIms/Service/ImsConfig.php b/app/code/Magento/AdminAdobeIms/Service/ImsConfig.php
index f1bce434adc26..c00644a451b3c 100644
--- a/app/code/Magento/AdminAdobeIms/Service/ImsConfig.php
+++ b/app/code/Magento/AdminAdobeIms/Service/ImsConfig.php
@@ -134,7 +134,6 @@ public function disableModule(): void
     }
 
     /**
-     * Update config
      * Get Profile URL
      *
      * @return string
@@ -149,6 +148,8 @@ public function getProfileUrl(): string
     }
 
     /**
+     * Update config using config writer
+     *
      * @param string $path
      * @param string $value
      * @return void
@@ -217,10 +218,10 @@ public function getAdminAdobeImsAuthUrl(?string $clientId): string
      *
      * @return string
      */
-    public function getEmailTemplateForNewAdminUsers()
+    public function getEmailTemplateForNewAdminUsers(): string
     {
         return (string) $this->scopeConfig->getValue(
-            self::XML_PATH_ENABLED
+            self::XML_PATH_NEW_ADMIN_EMAIL_TEMPLATE
         );
     }
 

From 2bc25797e66a4b4920319ce79d6ae6b326fac2b7 Mon Sep 17 00:00:00 2001
From: Sebastian Kull <sebastianKull@web.de>
Date: Tue, 15 Mar 2022 13:37:12 +0100
Subject: [PATCH 14/24] CABPI-205: Update error-message containers for MFTF
 Tests

---
 .../Test/Mftf/Section/AdminSignInErrorMessageSection.xml      | 4 ++--
 .../Test/CallbackWithoutCodeRedirectsToAdminLoginTest.xml     | 2 ++
 .../view/adminhtml/email/admin_adobe_ims_email_footer.html    | 2 +-
 .../templates/messages/admin_adobe_ims_messages.phtml         | 4 ++--
 4 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/app/code/Magento/AdminAdobeIms/Test/Mftf/Section/AdminSignInErrorMessageSection.xml b/app/code/Magento/AdminAdobeIms/Test/Mftf/Section/AdminSignInErrorMessageSection.xml
index c8e1e43e62f01..93ab4fe47be38 100644
--- a/app/code/Magento/AdminAdobeIms/Test/Mftf/Section/AdminSignInErrorMessageSection.xml
+++ b/app/code/Magento/AdminAdobeIms/Test/Mftf/Section/AdminSignInErrorMessageSection.xml
@@ -11,9 +11,9 @@
     <section name="AdminSignInErrorMessageSection">
         <element name="generalHeadline"
                  type="text"
-                 selector=".admin-adobe-ims-message-wrapper .admin-adobe-ims-message-header"/>
+                 selector=".adobe-ims-error-message-wrapper .admin-adobe-ims-message-header"/>
         <element name="generalMessage"
                  type="text"
-                 selector=".admin-adobe-ims-message-wrapper .admin-adobe-ims-message-message"/>
+                 selector=".adobe-ims-error-message-wrapper .admin-adobe-ims-message-message"/>
     </section>
 </sections>
diff --git a/app/code/Magento/AdminAdobeIms/Test/Mftf/Test/CallbackWithoutCodeRedirectsToAdminLoginTest.xml b/app/code/Magento/AdminAdobeIms/Test/Mftf/Test/CallbackWithoutCodeRedirectsToAdminLoginTest.xml
index 905128624c3e3..5d80dd294cedc 100644
--- a/app/code/Magento/AdminAdobeIms/Test/Mftf/Test/CallbackWithoutCodeRedirectsToAdminLoginTest.xml
+++ b/app/code/Magento/AdminAdobeIms/Test/Mftf/Test/CallbackWithoutCodeRedirectsToAdminLoginTest.xml
@@ -21,6 +21,8 @@
             <amOnPage url="{{AdminAdobeImsCallbackPage.url}}" stepKey="openCallbackUrl"/>
         </before>
 
+        <waitForPageLoad stepKey="waitForAdminLoginPageLoad"/>
+
         <!-- Check for Sign in with error message -->
         <actionGroup ref="AssertAdminSignInEmptyCodeErrorMessageTestActionGroup"
                      stepKey="assertAdminLoginShowsErrorMessage"/>
diff --git a/app/code/Magento/AdminAdobeIms/view/adminhtml/email/admin_adobe_ims_email_footer.html b/app/code/Magento/AdminAdobeIms/view/adminhtml/email/admin_adobe_ims_email_footer.html
index 18172c411bd3c..1f9bf098febf1 100644
--- a/app/code/Magento/AdminAdobeIms/view/adminhtml/email/admin_adobe_ims_email_footer.html
+++ b/app/code/Magento/AdminAdobeIms/view/adminhtml/email/admin_adobe_ims_email_footer.html
@@ -35,7 +35,7 @@
                             </tr>
                             <tr>
                                 <td class="legal" style="color:#959595; font-family:adobe-clean, Helvetica Neue, Helvetica, Verdana, Arial, sans-serif; font-size:11px; line-height:18px; padding-top:50px; padding-bottom:50px;">
-                                    © Adobe {{var current_year}}. All rights reserved
+                                    {{trans "© Adobe %current_year. All rights reserved", current_year=$current_year}}
                                 </td>
                             </tr>
                         </table>
diff --git a/app/code/Magento/AdminAdobeIms/view/adminhtml/templates/messages/admin_adobe_ims_messages.phtml b/app/code/Magento/AdminAdobeIms/view/adminhtml/templates/messages/admin_adobe_ims_messages.phtml
index f454c4c598cec..ecc82fc5a11ca 100644
--- a/app/code/Magento/AdminAdobeIms/view/adminhtml/templates/messages/admin_adobe_ims_messages.phtml
+++ b/app/code/Magento/AdminAdobeIms/view/adminhtml/templates/messages/admin_adobe_ims_messages.phtml
@@ -16,6 +16,6 @@ use Magento\Framework\Escaper;
     <svg class="spectrum-Icon spectrum-Icon--sizeM spectrum-InLineAlert-icon" focusable="false" aria-hidden="true">
         <use xlink:href="#spectrum-icon-18-Alert" />
     </svg>
-    <div class="spectrum-InLineAlert-header"><?= $escaper->escapeHtml($block->getData('headline')) ?></div>
-    <div class="spectrum-InLineAlert-content"><?= $escaper->escapeHtml($block->getData('message')) ?></div>
+    <div class="spectrum-InLineAlert-header admin-adobe-ims-message-header"><?= $escaper->escapeHtml($block->getData('headline')) ?></div>
+    <div class="spectrum-InLineAlert-content admin-adobe-ims-message-message"><?= $escaper->escapeHtml($block->getData('message')) ?></div>
 </div>

From 57cd30df7b2690d240f0ef634f9179d7c1dd5079 Mon Sep 17 00:00:00 2001
From: Sebastian Kull <sebastianKull@web.de>
Date: Tue, 15 Mar 2022 15:28:58 +0100
Subject: [PATCH 15/24] CABPI-199: Fix static-tests

---
 .../templates/messages/admin_adobe_ims_messages.phtml     | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/app/code/Magento/AdminAdobeIms/view/adminhtml/templates/messages/admin_adobe_ims_messages.phtml b/app/code/Magento/AdminAdobeIms/view/adminhtml/templates/messages/admin_adobe_ims_messages.phtml
index ecc82fc5a11ca..14c350e83163d 100644
--- a/app/code/Magento/AdminAdobeIms/view/adminhtml/templates/messages/admin_adobe_ims_messages.phtml
+++ b/app/code/Magento/AdminAdobeIms/view/adminhtml/templates/messages/admin_adobe_ims_messages.phtml
@@ -16,6 +16,10 @@ use Magento\Framework\Escaper;
     <svg class="spectrum-Icon spectrum-Icon--sizeM spectrum-InLineAlert-icon" focusable="false" aria-hidden="true">
         <use xlink:href="#spectrum-icon-18-Alert" />
     </svg>
-    <div class="spectrum-InLineAlert-header admin-adobe-ims-message-header"><?= $escaper->escapeHtml($block->getData('headline')) ?></div>
-    <div class="spectrum-InLineAlert-content admin-adobe-ims-message-message"><?= $escaper->escapeHtml($block->getData('message')) ?></div>
+    <div class="spectrum-InLineAlert-header admin-adobe-ims-message-header">
+        <?= $escaper->escapeHtml($block->getData('headline')) ?>
+    </div>
+    <div class="spectrum-InLineAlert-content admin-adobe-ims-message-message">
+        <?= $escaper->escapeHtml($block->getData('message')) ?>
+    </div>
 </div>

From 83c4441dc1918253a9c566a5595e3872c9e6d6e1 Mon Sep 17 00:00:00 2001
From: Sebastian Kull <sebastianKull@web.de>
Date: Wed, 16 Mar 2022 09:44:21 +0100
Subject: [PATCH 16/24] CABPI-199: Fix static tests for email-footer

---
 .../view/adminhtml/email/admin_adobe_ims_email_footer.html    | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/code/Magento/AdminAdobeIms/view/adminhtml/email/admin_adobe_ims_email_footer.html b/app/code/Magento/AdminAdobeIms/view/adminhtml/email/admin_adobe_ims_email_footer.html
index 1f9bf098febf1..716978f566d86 100644
--- a/app/code/Magento/AdminAdobeIms/view/adminhtml/email/admin_adobe_ims_email_footer.html
+++ b/app/code/Magento/AdminAdobeIms/view/adminhtml/email/admin_adobe_ims_email_footer.html
@@ -24,10 +24,10 @@
                                 <td class="legal" style="color:#959595; font-family:adobe-clean, Helvetica Neue, Helvetica, Verdana, Arial, sans-serif; font-size:16px; line-height:32px; padding-top:60px;">
                                     <a href="https://www.adobe.com/go/account" target="_blank" style="color:#959595; text-decoration:underline;">
                                         {{trans "User Guides"}}
-                                    </a><br/>
+                                    </a><br>
                                     <a href="https://www.adobe.com/go/support" target="_blank" style="color:#959595; text-decoration:underline;">
                                         {{trans "Customer Support"}}
-                                    </a><br/>
+                                    </a><br>
                                     <a href="https://www.adobe.com/go/forums" target="_blank" style="color:#959595; text-decoration:underline;">
                                         {{trans "Forums"}}
                                     </a>

From 4ff24c6540bd428217894ea80a0522dfd49056b4 Mon Sep 17 00:00:00 2001
From: Sebastian Kull <sebastianKull@web.de>
Date: Mon, 21 Mar 2022 08:26:36 +0100
Subject: [PATCH 17/24] CABPI-199: Update getting the backendUrl for the email
 notification

---
 .../Magento/AdminAdobeIms/Service/AdminNotificationService.php  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/code/Magento/AdminAdobeIms/Service/AdminNotificationService.php b/app/code/Magento/AdminAdobeIms/Service/AdminNotificationService.php
index 714a2c699bd5f..243e3a579f452 100644
--- a/app/code/Magento/AdminAdobeIms/Service/AdminNotificationService.php
+++ b/app/code/Magento/AdminAdobeIms/Service/AdminNotificationService.php
@@ -72,7 +72,7 @@ public function sendWelcomeMailToAdminUser(UserInterface $user): void
             return;
         }
 
-        $backendUrl = $this->backendUrl->getUrl('admin');
+        $backendUrl = $this->backendUrl->getRouteUrl('adminhtml');
 
         $emailTemplate = $this->imsConfig->getEmailTemplateForNewAdminUsers();
 

From cb522b9705d41d34cb26bf6cf6be5790e6a10090 Mon Sep 17 00:00:00 2001
From: Sebastian Kull <sebastianKull@web.de>
Date: Mon, 21 Mar 2022 10:31:32 +0100
Subject: [PATCH 18/24] CABPI-199: Move adobe email template stylings into
 separate file

---
 .../email/admin_adobe_ims_email_header.html   | 66 ++-----------------
 .../view/adminhtml/web/css/adobe_email.less   | 54 +++++++++++++++
 .../view/adminhtml/web/css/source/_adobe.less | 21 ------
 3 files changed, 61 insertions(+), 80 deletions(-)
 create mode 100644 app/code/Magento/AdminAdobeIms/view/adminhtml/web/css/adobe_email.less
 delete mode 100644 app/code/Magento/AdminAdobeIms/view/adminhtml/web/css/source/_adobe.less

diff --git a/app/code/Magento/AdminAdobeIms/view/adminhtml/email/admin_adobe_ims_email_header.html b/app/code/Magento/AdminAdobeIms/view/adminhtml/email/admin_adobe_ims_email_header.html
index cd46a16e3e9b1..70ba876dcad59 100644
--- a/app/code/Magento/AdminAdobeIms/view/adminhtml/email/admin_adobe_ims_email_header.html
+++ b/app/code/Magento/AdminAdobeIms/view/adminhtml/email/admin_adobe_ims_email_header.html
@@ -6,11 +6,11 @@
 -->
 <!--@subject {{trans "Header"}} @-->
 <!--@vars {
+"var user.firstname":"Firstname",
 "var logo_url":"Email Logo Image URL",
 "var logo_alt":"Email Logo Alt Text",
 "var logo_height":"Email Logo Image Height",
-"var logo_width":"Email Logo Image Width",
-"var template_styles|raw":"Template CSS"
+"var logo_width":"Email Logo Image Width"
 } @-->
 
 <!DOCTYPE html>
@@ -26,6 +26,10 @@
     <meta name="format-detection" content="address=no">
     <meta name="format-detection" content="email=no">
 
+    <style type="text/css">
+        {{css file="Magento_AdminAdobeIms::css/adobe_email.css"}}
+    </style>
+
     <!--[if mso]>
     <style type="text/css">
         body, table, td {
@@ -39,65 +43,9 @@
         </o:OfficeDocumentSettings>
     </xml>
     <![endif]-->
-
-    <style type="text/css">
-        @import url("https://use.typekit.net/onr8tbr.css");
-        @media (prefers-color-scheme: dark)
-            .ReadMsgBody { width:100%;}
-            .ExternalClass {width:100%;}
-            table {border-collapse:collapse; margin:0 auto;}
-            a, a:visited {color:#1473E6; text-decoration:none;}
-            .legal a {text-decoration:underline;}
-            /* iOS BLUE LINKS */
-            a[x-apple-data-detectors] {color:inherit !important; text-decoration:none !important; font-size:inherit !important; font-family:inherit !important; font-weight:inherit !important; line-height:inherit !important;}
-
-            .mobile {border-spacing:0;display:none!important;height:0;max-height:0;mso-hide:all;overflow:hidden;visibility:hidden;width:0;}
-
-            @media only screen and (max-width:480px) {
-                u ~ div {
-                    min-width:100vw;
-                }
-                div > u ~ div {
-                    min-width: 100%;
-                }
-                .web {
-                    display:none !important;
-                }
-
-                .mobile {
-                    display:block !important;
-                    width:auto !important;
-                    overflow:visible !important;
-                    height:auto !important;
-                    max-height:inherit !important;
-                    font-size:18px !important;
-                    line-height:26px !important;
-                    visibility:visible !important;
-                }
-
-                .email-width {
-                    width:84% !important;
-                }
-
-                .full-width {
-                    width:100% !important;
-                }
-
-                .mobile-image {
-                    height:auto !important;
-                    width:100% !important;
-                }
-
-                .social {
-                    float:left !important;
-                    padding-top:66px !important;
-                    text-align:left !important;
-                }
-            }
-    </style>
 </head>
 
-<body bgcolor="#E4E4E4" style="background-color:#E4E4E4; margin:0; padding:0;-webkit-font-smoothing:antialiased;width:100% !important;-webkit-text-size-adjust:none;" topmargin="0"><div style="font-size:1px; color:#E4E4E4; display:none; overflow:hidden; visibility:hidden;">PREVIEW TEXT HERE &nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;</div>
+<body bgcolor="#E4E4E4" style="background-color:#E4E4E4; margin:0; padding:0;-webkit-font-smoothing:antialiased;width:100% !important;-webkit-text-size-adjust:none;" topmargin="0"><div style="font-size:1px; color:#E4E4E4; display:none; overflow:hidden; visibility:hidden;">{{trans "%user_name, you now have access to Adobe Commerce" user_name=$user.firstname}} &nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;</div>
 
 <table width="100%" bgcolor="#E4E4E4" style="background-color:#E4E4E4;" border="0" cellpadding="0" cellspacing="0" role="presentation">
     <tr>
diff --git a/app/code/Magento/AdminAdobeIms/view/adminhtml/web/css/adobe_email.less b/app/code/Magento/AdminAdobeIms/view/adminhtml/web/css/adobe_email.less
new file mode 100644
index 0000000000000..474d324007117
--- /dev/null
+++ b/app/code/Magento/AdminAdobeIms/view/adminhtml/web/css/adobe_email.less
@@ -0,0 +1,54 @@
+@import url("https://use.typekit.net/onr8tbr.css");
+@media (prefers-color-scheme: dark) {
+    .ReadMsgBody { width:100%;}
+    .ExternalClass {width:100%;}
+    table {border-collapse:collapse; margin:0 auto;}
+    a, a:visited {color:#1473E6; text-decoration:none;}
+    .legal a {text-decoration:underline;}
+    /* iOS BLUE LINKS */
+    a[x-apple-data-detectors] {color:inherit !important; text-decoration:none !important; font-size:inherit !important; font-family:inherit !important; font-weight:inherit !important; line-height:inherit !important;}
+
+    .mobile {border-spacing:0;display:none!important;height:0;max-height:0;mso-hide:all;overflow:hidden;visibility:hidden;width:0;}
+}
+
+@media only screen and (max-width:480px) {
+    u ~ div {
+        min-width:100vw;
+    }
+    div > u ~ div {
+        min-width: 100%;
+    }
+    .web {
+        display:none !important;
+    }
+
+    .mobile {
+        display:block !important;
+        width:auto !important;
+        overflow:visible !important;
+        height:auto !important;
+        max-height:inherit !important;
+        font-size:18px !important;
+        line-height:26px !important;
+        visibility:visible !important;
+    }
+
+    .email-width {
+        width:84% !important;
+    }
+
+    .full-width {
+        width:100% !important;
+    }
+
+    .mobile-image {
+        height:auto !important;
+        width:100% !important;
+    }
+
+    .social {
+        float:left !important;
+        padding-top:66px !important;
+        text-align:left !important;
+    }
+}
diff --git a/app/code/Magento/AdminAdobeIms/view/adminhtml/web/css/source/_adobe.less b/app/code/Magento/AdminAdobeIms/view/adminhtml/web/css/source/_adobe.less
deleted file mode 100644
index 5ce81c7e37f14..0000000000000
--- a/app/code/Magento/AdminAdobeIms/view/adminhtml/web/css/source/_adobe.less
+++ /dev/null
@@ -1,21 +0,0 @@
-/**
- * Copyright © Magento, Inc. All rights reserved.
- * See COPYING.txt for license details.
- */
-
-.admin-adobe-ims-email-wrapper {
-    position: unset;
-
-    .admin-adobe-ims-email-modal {
-        background: @color-white;
-
-        .admin-adobe-ims-email-button-center {
-            display: flex;
-            justify-content: center;
-
-            button {
-                padding: 0 50px;
-            }
-        }
-    }
-}

From a9b60e2f67b2df31b4ccddb07662134cbf907f6a Mon Sep 17 00:00:00 2001
From: Sebastian Kull <sebastianKull@web.de>
Date: Mon, 21 Mar 2022 13:07:13 +0100
Subject: [PATCH 19/24] CABPI-199: Fix static tests

---
 app/code/Magento/AdminAdobeIms/composer.json  |  4 +-
 app/code/Magento/AdminAdobeIms/etc/module.xml |  2 +
 .../view/adminhtml/web/css/adobe_email.less   | 84 ++++++++++++++-----
 3 files changed, 67 insertions(+), 23 deletions(-)

diff --git a/app/code/Magento/AdminAdobeIms/composer.json b/app/code/Magento/AdminAdobeIms/composer.json
index 325427e83cb5c..d62441957ffbc 100644
--- a/app/code/Magento/AdminAdobeIms/composer.json
+++ b/app/code/Magento/AdminAdobeIms/composer.json
@@ -15,7 +15,9 @@
         "magento/module-captcha": "*",
         "magento/module-config": "*",
         "magento/module-user": "*",
-        "magento/module-backend": "*"
+        "magento/module-backend": "*",
+        "magento/module-store": "*",
+        "magento/module-email": "*"
     },
     "suggest": {
         "magento/module-theme": "*"
diff --git a/app/code/Magento/AdminAdobeIms/etc/module.xml b/app/code/Magento/AdminAdobeIms/etc/module.xml
index a587a72701c24..45ac5f1e97715 100644
--- a/app/code/Magento/AdminAdobeIms/etc/module.xml
+++ b/app/code/Magento/AdminAdobeIms/etc/module.xml
@@ -14,6 +14,8 @@
             <module name="Magento_Backend"/>
             <module name="Magento_User"/>
             <module name="Magento_Captcha"/>
+            <module name="Magento_Store"/>
+            <module name="Magento_Email"/>
         </sequence>
     </module>
 </config>
diff --git a/app/code/Magento/AdminAdobeIms/view/adminhtml/web/css/adobe_email.less b/app/code/Magento/AdminAdobeIms/view/adminhtml/web/css/adobe_email.less
index 474d324007117..747ad881862d6 100644
--- a/app/code/Magento/AdminAdobeIms/view/adminhtml/web/css/adobe_email.less
+++ b/app/code/Magento/AdminAdobeIms/view/adminhtml/web/css/adobe_email.less
@@ -1,14 +1,54 @@
+/**
+ * Copyright © Magento, Inc. All rights reserved.
+ * See COPYING.txt for license details.
+ */
+
+@color-blue: #1473e6;
+
 @import url("https://use.typekit.net/onr8tbr.css");
 @media (prefers-color-scheme: dark) {
-    .ReadMsgBody { width:100%;}
-    .ExternalClass {width:100%;}
-    table {border-collapse:collapse; margin:0 auto;}
-    a, a:visited {color:#1473E6; text-decoration:none;}
-    .legal a {text-decoration:underline;}
+    .ReadMsgBody {
+        width: 100%;
+    }
+
+    .ExternalClass {
+        width: 100%;
+    }
+
+    table {
+        border-collapse: collapse;
+        margin: 0 auto;
+    }
+
+    a, a:visited {
+        color: @color-blue;
+        text-decoration:none;
+    }
+
+    .legal a {
+        text-decoration: underline;
+    }
+
     /* iOS BLUE LINKS */
-    a[x-apple-data-detectors] {color:inherit !important; text-decoration:none !important; font-size:inherit !important; font-family:inherit !important; font-weight:inherit !important; line-height:inherit !important;}
+    a[x-apple-data-detectors] {
+        color: inherit !important;
+        text-decoration: none !important;
+        font-size: inherit !important;
+        font-family: inherit !important;
+        font-weight: inherit !important;
+        line-height: inherit !important;
+    }
 
-    .mobile {border-spacing:0;display:none!important;height:0;max-height:0;mso-hide:all;overflow:hidden;visibility:hidden;width:0;}
+    .mobile {
+        border-spacing: 0;
+        display: none !important;
+        height: 0;
+        max-height: 0;
+        mso-hide: all;
+        overflow: hidden;
+        visibility: hidden;
+        width: 0;
+    }
 }
 
 @media only screen and (max-width:480px) {
@@ -23,32 +63,32 @@
     }
 
     .mobile {
-        display:block !important;
-        width:auto !important;
-        overflow:visible !important;
-        height:auto !important;
-        max-height:inherit !important;
-        font-size:18px !important;
-        line-height:26px !important;
-        visibility:visible !important;
+        display: block !important;
+        font-size: 18px !important;
+        height: auto !important;
+        line-height: 26px !important;
+        max-height: inherit !important;
+        overflow: visible !important;
+        visibility: visible !important;
+        width: auto !important;
     }
 
     .email-width {
-        width:84% !important;
+        width: 84% !important;
     }
 
     .full-width {
-        width:100% !important;
+        width: 100% !important;
     }
 
     .mobile-image {
-        height:auto !important;
-        width:100% !important;
+        height: auto !important;
+        width: 100% !important;
     }
 
     .social {
-        float:left !important;
-        padding-top:66px !important;
-        text-align:left !important;
+        float: left !important;
+        padding-top: 66px !important;
+        text-align: left !important;
     }
 }

From a6cb275da7dbd07828cd0c4c5294bc71eed4a588 Mon Sep 17 00:00:00 2001
From: Sebastian Kull <sebastianKull@web.de>
Date: Tue, 22 Mar 2022 09:20:10 +0100
Subject: [PATCH 20/24] CABPI-199: Move inline styling of email template into
 separate css file

---
 .../email/admin_adobe_ims_email_footer.html   |  76 +++----
 .../email/admin_adobe_ims_email_header.html   |  28 +--
 .../new_admin_adobe_ims_admin_created.html    |  33 +--
 .../view/adminhtml/web/css/adobe_email.less   | 202 ++++++++++++++----
 4 files changed, 229 insertions(+), 110 deletions(-)

diff --git a/app/code/Magento/AdminAdobeIms/view/adminhtml/email/admin_adobe_ims_email_footer.html b/app/code/Magento/AdminAdobeIms/view/adminhtml/email/admin_adobe_ims_email_footer.html
index 716978f566d86..d6ccc2c6ab160 100644
--- a/app/code/Magento/AdminAdobeIms/view/adminhtml/email/admin_adobe_ims_email_footer.html
+++ b/app/code/Magento/AdminAdobeIms/view/adminhtml/email/admin_adobe_ims_email_footer.html
@@ -9,42 +9,44 @@
 "var current_year":"Current Year"
 } @-->
 
-                        </table>
-                        <!-- END email content -->
-                    </td>
-                </tr>
-                <tr>
-                    <td bgcolor="#F5F5F5" style="background-color:#F5F5F5;">
-                        <!-- logo, links & legal-->
-                        <table class="email-width" align="center" width="500" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:500px;">
-                            <tr>
-                                <td style="color:#EB1000; font-family:adobe-clean, Helvetica Neue, Helvetica, Verdana, Arial, sans-serif; font-size:12px; line-height:18px; padding-top:40px;"><img alt="Adobe" src="https://landing.adobe.com/dam/global/images/adobe-logo.classic.160x222.png" width="30" height="auto" border="0" hspace="0" vspace="0" style="color:#EB1000; font-family:adobe-clean, Helvetica Neue, Helvetica, Verdana, Arial, sans-serif; font-size:12px; line-height:18px; display:block; vertical-align:top;"/></td>
-                            </tr>
-                            <tr>
-                                <td class="legal" style="color:#959595; font-family:adobe-clean, Helvetica Neue, Helvetica, Verdana, Arial, sans-serif; font-size:16px; line-height:32px; padding-top:60px;">
-                                    <a href="https://www.adobe.com/go/account" target="_blank" style="color:#959595; text-decoration:underline;">
-                                        {{trans "User Guides"}}
-                                    </a><br>
-                                    <a href="https://www.adobe.com/go/support" target="_blank" style="color:#959595; text-decoration:underline;">
-                                        {{trans "Customer Support"}}
-                                    </a><br>
-                                    <a href="https://www.adobe.com/go/forums" target="_blank" style="color:#959595; text-decoration:underline;">
-                                        {{trans "Forums"}}
-                                    </a>
-                                </td>
-                            </tr>
-                            <tr>
-                                <td class="legal" style="color:#959595; font-family:adobe-clean, Helvetica Neue, Helvetica, Verdana, Arial, sans-serif; font-size:11px; line-height:18px; padding-top:50px; padding-bottom:50px;">
-                                    {{trans "© Adobe %current_year. All rights reserved", current_year=$current_year}}
-                                </td>
-                            </tr>
-                        </table>
-                        <!-- END logo, links & legal-->
-                    </td>
-                </tr>
-            </table>
-        </td>
-    </tr>
-</table>
+                            </table>
+                            <!-- END email content -->
+                        </td>
+                    </tr>
+                    <tr>
+                        <td class="background-light">
+                            <!-- logo, links & legal-->
+                            <table class="email-width" align="center" border="0" cellpadding="0" cellspacing="0" role="presentation">
+                                <tr>
+                                    <td class="email-logo padding-top-40">
+                                        <img alt="Adobe" src="https://landing.adobe.com/dam/global/images/adobe-logo.classic.160x222.png" width="30" height="auto" border="0" hspace="0" vspace="0"/>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td class="legal email-footer-legal">
+                                        <a href="https://www.adobe.com/go/account" target="_blank">
+                                            {{trans "User Guides"}}
+                                        </a><br>
+                                        <a href="https://www.adobe.com/go/support" target="_blank">
+                                            {{trans "Customer Support"}}
+                                        </a><br>
+                                        <a href="https://www.adobe.com/go/forums" target="_blank">
+                                            {{trans "Forums"}}
+                                        </a>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td class="legal email-footer-copyright">
+                                        {{trans "© Adobe %current_year. All rights reserved", current_year=$current_year}}
+                                    </td>
+                                </tr>
+                            </table>
+                            <!-- END logo, links & legal-->
+                        </td>
+                    </tr>
+                </table>
+            </td>
+        </tr>
+    </table>
 </body>
 </html>
diff --git a/app/code/Magento/AdminAdobeIms/view/adminhtml/email/admin_adobe_ims_email_header.html b/app/code/Magento/AdminAdobeIms/view/adminhtml/email/admin_adobe_ims_email_header.html
index 70ba876dcad59..3207291322cf5 100644
--- a/app/code/Magento/AdminAdobeIms/view/adminhtml/email/admin_adobe_ims_email_header.html
+++ b/app/code/Magento/AdminAdobeIms/view/adminhtml/email/admin_adobe_ims_email_header.html
@@ -45,18 +45,20 @@
     <![endif]-->
 </head>
 
-<body bgcolor="#E4E4E4" style="background-color:#E4E4E4; margin:0; padding:0;-webkit-font-smoothing:antialiased;width:100% !important;-webkit-text-size-adjust:none;" topmargin="0"><div style="font-size:1px; color:#E4E4E4; display:none; overflow:hidden; visibility:hidden;">{{trans "%user_name, you now have access to Adobe Commerce" user_name=$user.firstname}} &nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;</div>
+<body class="email-body">
+    <div class="email-preview">{{trans "%user_name, you now have access to Adobe Commerce" user_name=$user.firstname}} &nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;</div>
 
-<table width="100%" bgcolor="#E4E4E4" style="background-color:#E4E4E4;" border="0" cellpadding="0" cellspacing="0" role="presentation">
-    <tr>
-        <td style="padding-top: 40px;">
-            <table class="full-width" align="center" width="600" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:600px;">
-                <tr>
-                    <td bgcolor="#ffffff" style="border-top:4px solid #EB1000; background-color:#ffffff; padding-bottom:60px;">
-
-                        <!-- START email content -->
-                        <table class="email-width" align="center" width="500" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:500px;">
-                            <tr>
-                                <td style="color:#EB1000; font-family:adobe-clean, Helvetica Neue, Helvetica, Verdana, Arial, sans-serif; font-size:12px; line-height:18px; padding-top:50px;"><img alt="Adobe" src="{{var logo_url}}" border="0" hspace="0" vspace="0" style="color:#EB1000; font-family:adobe-clean, Helvetica Neue, Helvetica, Verdana, Arial, sans-serif; font-size:12px; line-height:18px; display:block; vertical-align:top;"/></td>
-                            </tr>
+    <table class="background-grey width-100" border="0" cellpadding="0" cellspacing="0" role="presentation">
+        <tr>
+            <td class="padding-top-40">
+                <table class="full-width" align="center" border="0" cellpadding="0" cellspacing="0" role="presentation">
+                    <tr>
+                        <td class="email-container email-header-container">
 
+                            <!-- START email content -->
+                            <table class="email-width" align="center" border="0" cellpadding="0" cellspacing="0" role="presentation">
+                                <tr>
+                                    <td class="email-logo padding-top-50">
+                                        <img alt="Adobe" src="{{var logo_url}}" border="0" hspace="0" vspace="0"/>
+                                    </td>
+                                </tr>
diff --git a/app/code/Magento/AdminAdobeIms/view/adminhtml/email/new_admin_adobe_ims_admin_created.html b/app/code/Magento/AdminAdobeIms/view/adminhtml/email/new_admin_adobe_ims_admin_created.html
index faf2e4dac439c..9e24887140f12 100644
--- a/app/code/Magento/AdminAdobeIms/view/adminhtml/email/new_admin_adobe_ims_admin_created.html
+++ b/app/code/Magento/AdminAdobeIms/view/adminhtml/email/new_admin_adobe_ims_admin_created.html
@@ -16,9 +16,9 @@
 
 <tr>
     <td>
-        <table class="email-width" align="left" width="400" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:400px;">
+        <table class="email-width-400" align="left" width="400" border="0" cellpadding="0" cellspacing="0" role="presentation">
             <tr>
-                <td class="header" style="color:#000000; font-family:adobe-clean, Helvetica Neue, Helvetica, Verdana, Arial, sans-serif; font-size:23px; line-height:30px; padding-top:70px;">
+                <td class="header email-subject">
                     <strong>{{trans "%user_name, you now have access to Adobe Commerce" user_name=$user.firstname}}</strong>
                 </td>
             </tr>
@@ -26,48 +26,49 @@
     </td>
 </tr>
 <tr>
-    <td style="color:#2c2c2c; font-family:adobe-clean, Helvetica Neue, Helvetica, Verdana, Arial, sans-serif; font-size:18px; line-height:26px; padding-top:25px;">
+    <td class="email-text padding-top-25">
         {{trans "Your administrator at %store_name has given you access to Adobe Commerce" store_name=$store.frontend_name}}
     </td>
 </tr>
 <tr>
-    <td style="color:#1473E6; font-family:adobe-clean, Helvetica Neue, Helvetica, Verdana, Arial, sans-serif; font-size:16px; line-height:20px; padding-top:40px; padding-bottom:40px;"><!--[if gte mso 9]>
+    <td class="cta-button-container">
+        <!--[if gte mso 9]>
         <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" style="height:40px; v-text-anchor:middle; width:200px;" arcsize="50%" stroke="f" fillcolor="#1473E6">
             <v:textbox style="mso-fit-shape-to-text:t">
                 <center style="color:#ffffff; font-family:Helvetica Neue, Helvetica, Verdana, Arial, sans-serif; font-size:16px;">
-        <![endif]-->
-        <a href="{{var cta_link}}" target="_blank" style="background-color:#1473E6;border-radius:20px;color:#ffffff;display:inline-block;font-size:16px;line-height:40px;text-align:center;text-decoration:none;width:200px;-webkit-text-size-adjust:none;">
+                <![endif]-->
+        <a class="cta-button" href="{{var cta_link}}" target="_blank">
             <strong>{{trans "Get started"}}</strong>
         </a>
-        <!--[if gte mso 9]>
-        </center>
-        <p style="margin:0; font-size:0; line-height:0;"><o:p xmlns:o="urn:schemas-microsoft-com:office:office">&nbsp;</o:p></p>
-        </v:textbox>
+                <!--[if gte mso 9]>
+                </center>
+                <p class="cta-button-mso"><o:p xmlns:o="urn:schemas-microsoft-com:office:office">&nbsp;</o:p></p>
+            </v:textbox>
         </v:roundrect>
         <![endif]-->
     </td>
 </tr>
 <tr>
-    <td style="color:#2c2c2c; font-family:adobe-clean, Helvetica Neue, Helvetica, Verdana, Arial, sans-serif; font-size:18px; line-height:26px;">
+    <td class="email-text padding-top-0">
         {{trans "Here are a few links to help you get up and running:"}}
     </td>
 </tr>
 <tr>
-    <td style="color:#2c2c2c; font-family:adobe-clean, Helvetica Neue, Helvetica, Verdana, Arial, sans-serif; font-size:18px; line-height:26px; padding-top:25px;">
-        <a href="https://experienceleague.adobe.com/docs/commerce.html" target="_blank" style="color:#1473E6; text-decoration:none;">
+    <td class="email-text">
+        <a class="email-information-link" href="https://experienceleague.adobe.com/docs/commerce.html" target="_blank">
             {{trans "Documentation"}}
         </a>
     </td>
 </tr>
 <tr>
-    <td style="color:#2c2c2c; font-family:adobe-clean, Helvetica Neue, Helvetica, Verdana, Arial, sans-serif; font-size:18px; line-height:26px; padding-top:25px;">
-        <a href="https://devdocs.magento.com/guides/v2.4/release-notes/bk-release-notes.html" target="_blank" style="color:#1473E6; text-decoration:none;">
+    <td class="email-text">
+        <a class="email-information-link" href="https://devdocs.magento.com/guides/v2.4/release-notes/bk-release-notes.html" target="_blank">
             {{trans "Release notes"}}
         </a>
     </td>
 </tr>
 <tr>
-    <td style="color:#2c2c2c; font-family:adobe-clean, Helvetica Neue, Helvetica, Verdana, Arial, sans-serif; font-size:18px; line-height:26px; padding-top:25px;">
+    <td class="email-text">
         {{trans "If you have any questions about access to Adobe Commerce, contact your administrator or your Adobe account team for more information."}}
     </td>
 </tr>
diff --git a/app/code/Magento/AdminAdobeIms/view/adminhtml/web/css/adobe_email.less b/app/code/Magento/AdminAdobeIms/view/adminhtml/web/css/adobe_email.less
index 747ad881862d6..24167dfc701a4 100644
--- a/app/code/Magento/AdminAdobeIms/view/adminhtml/web/css/adobe_email.less
+++ b/app/code/Magento/AdminAdobeIms/view/adminhtml/web/css/adobe_email.less
@@ -4,17 +4,16 @@
  */
 
 @color-blue: #1473e6;
+@color-red: #eB1000;
+@color-light-grey: #e4e4e4;
+@color-grey: #959595;
+@color-dark-grey: #2c2c2c;
+@color-white-smoke: #f5f5f5;
+@color-white: #ffffff;
+@color-black: #000000;
 
 @import url("https://use.typekit.net/onr8tbr.css");
 @media (prefers-color-scheme: dark) {
-    .ReadMsgBody {
-        width: 100%;
-    }
-
-    .ExternalClass {
-        width: 100%;
-    }
-
     table {
         border-collapse: collapse;
         margin: 0 auto;
@@ -22,7 +21,7 @@
 
     a, a:visited {
         color: @color-blue;
-        text-decoration:none;
+        text-decoration: none;
     }
 
     .legal a {
@@ -32,63 +31,178 @@
     /* iOS BLUE LINKS */
     a[x-apple-data-detectors] {
         color: inherit !important;
-        text-decoration: none !important;
         font-size: inherit !important;
         font-family: inherit !important;
         font-weight: inherit !important;
         line-height: inherit !important;
-    }
-
-    .mobile {
-        border-spacing: 0;
-        display: none !important;
-        height: 0;
-        max-height: 0;
-        mso-hide: all;
-        overflow: hidden;
-        visibility: hidden;
-        width: 0;
+        text-decoration: none !important;
     }
 }
 
 @media only screen and (max-width:480px) {
     u ~ div {
-        min-width:100vw;
+        min-width: 100vw;
     }
     div > u ~ div {
         min-width: 100%;
     }
-    .web {
-        display:none !important;
-    }
-
-    .mobile {
-        display: block !important;
-        font-size: 18px !important;
-        height: auto !important;
-        line-height: 26px !important;
-        max-height: inherit !important;
-        overflow: visible !important;
-        visibility: visible !important;
-        width: auto !important;
-    }
 
-    .email-width {
+    .email-width,
+    .email-width-400 {
         width: 84% !important;
     }
 
     .full-width {
         width: 100% !important;
     }
+}
 
-    .mobile-image {
-        height: auto !important;
-        width: 100% !important;
+.full-width {
+    width: 600px;
+}
+
+.email-width {
+    width: 500px;
+}
+
+.email-width-400 {
+    width: 400px;
+}
+
+.width-100 {
+    width: 100%;
+}
+
+.background-grey {
+    background-color: @color-light-grey;
+}
+
+.background-light {
+    background-color: @color-white-smoke;
+}
+
+.padding-top-0 {
+    padding-top: 0 !important;
+}
+
+.padding-top-25 {
+    padding-top: 25px;
+}
+
+.padding-top-40 {
+    padding-top: 40px;
+}
+
+.padding-top-50 {
+    padding-top: 40px;
+}
+
+.email-body {
+    background-color: @color-light-grey;
+    margin: 0;
+    padding: 0;
+    -webkit-font-smoothing: antialiased;
+    width: 100% !important;
+    -webkit-text-size-adjust: none;
+}
+
+.email-preview {
+    font-size: 1px;
+    color: @color-light-grey;
+    display: none;
+    overflow: hidden;
+    visibility: hidden;
+}
+
+.email-header-container {
+    border-top: 4px solid @color-red;
+    background-color: @color-white;
+    padding-bottom: 60px;
+}
+
+.email-logo {
+    color: @color-red;
+    font-family: adobe-clean, Helvetica Neue, Helvetica, Verdana, Arial, sans-serif;
+    font-size: 12px;
+    line-height: 18px;
+
+    img {
+        color: @color-red;
+        display: block;
+        font-family: adobe-clean, Helvetica Neue, Helvetica, Verdana, Arial, sans-serif;
+        font-size: 12px;
+        line-height: 18px;
+        vertical-align: top;
     }
+}
+
+.email-footer-legal {
+    color: @color-grey;
+    font-family: adobe-clean, Helvetica Neue, Helvetica, Verdana, Arial, sans-serif;
+    font-size: 16px;
+    line-height: 32px;
+    padding-top: 60px;
 
-    .social {
-        float: left !important;
-        padding-top: 66px !important;
-        text-align: left !important;
+    a {
+        color: @color-grey;
+        text-decoration: underline;
     }
 }
+
+.email-footer-copyright {
+    color: @color-grey;
+    font-family: adobe-clean, Helvetica Neue, Helvetica, Verdana, Arial, sans-serif;
+    font-size: 11px;
+    line-height: 18px;
+    padding-top: 50px;
+    padding-bottom: 50px;
+}
+
+.email-subject {
+    color: @color-black;
+    font-family: adobe-clean, Helvetica Neue, Helvetica, Verdana, Arial, sans-serif;
+    font-size: 23px;
+    line-height: 30px;
+    padding-top: 70px;
+}
+
+.email-text {
+    color: @color-dark-grey;
+    font-family: adobe-clean, Helvetica Neue, Helvetica, Verdana, Arial, sans-serif;
+    font-size: 18px;
+    line-height: 26px;
+    padding-top: 25px;
+}
+
+.cta-button-container {
+    color: @color-blue;
+    font-family: adobe-clean, Helvetica Neue, Helvetica, Verdana, Arial, sans-serif;
+    font-size: 16px;
+    line-height: 20px;
+    padding-top: 40px;
+    padding-bottom: 40px;
+}
+
+.cta-button {
+    background-color:@color-blue;
+    border-radius:20px;
+    color:@color-white;
+    display:inline-block;
+    font-size:16px;
+    line-height:40px;
+    text-align:center;
+    text-decoration:none;
+    width:200px;
+    -webkit-text-size-adjust:none;
+}
+
+.cta-button-mso {
+    font-size: 0;
+    line-height: 0;
+    margin: 0;
+}
+
+.email-information-link {
+    color: @color-blue;
+    text-decoration: none;
+}

From 701c6398d7c3f73c2e0a55e0a3562dcf11c88530 Mon Sep 17 00:00:00 2001
From: Sebastian Kull <sebastianKull@web.de>
Date: Tue, 22 Mar 2022 10:17:51 +0100
Subject: [PATCH 21/24] CABPI-199: Fix static tests

---
 .../view/adminhtml/web/css/adobe_email.less   | 41 ++++++++++---------
 1 file changed, 21 insertions(+), 20 deletions(-)

diff --git a/app/code/Magento/AdminAdobeIms/view/adminhtml/web/css/adobe_email.less b/app/code/Magento/AdminAdobeIms/view/adminhtml/web/css/adobe_email.less
index 24167dfc701a4..6cbc0d1492e61 100644
--- a/app/code/Magento/AdminAdobeIms/view/adminhtml/web/css/adobe_email.less
+++ b/app/code/Magento/AdminAdobeIms/view/adminhtml/web/css/adobe_email.less
@@ -4,13 +4,13 @@
  */
 
 @color-blue: #1473e6;
-@color-red: #eB1000;
+@color-red: #eb1000;
 @color-light-grey: #e4e4e4;
 @color-grey: #959595;
 @color-dark-grey: #2c2c2c;
 @color-white-smoke: #f5f5f5;
-@color-white: #ffffff;
-@color-black: #000000;
+@color-white: #fff;
+@color-black: #000;
 
 @import url("https://use.typekit.net/onr8tbr.css");
 @media (prefers-color-scheme: dark) {
@@ -19,7 +19,8 @@
         margin: 0 auto;
     }
 
-    a, a:visited {
+    a,
+    a:visited {
         color: @color-blue;
         text-decoration: none;
     }
@@ -31,8 +32,8 @@
     /* iOS BLUE LINKS */
     a[x-apple-data-detectors] {
         color: inherit !important;
-        font-size: inherit !important;
         font-family: inherit !important;
+        font-size: inherit !important;
         font-weight: inherit !important;
         line-height: inherit !important;
         text-decoration: none !important;
@@ -102,21 +103,21 @@
     margin: 0;
     padding: 0;
     -webkit-font-smoothing: antialiased;
-    width: 100% !important;
     -webkit-text-size-adjust: none;
+    width: 100% !important;
 }
 
 .email-preview {
-    font-size: 1px;
     color: @color-light-grey;
     display: none;
+    font-size: 1px;
     overflow: hidden;
     visibility: hidden;
 }
 
 .email-header-container {
-    border-top: 4px solid @color-red;
     background-color: @color-white;
+    border-top: 4px solid @color-red;
     padding-bottom: 60px;
 }
 
@@ -154,8 +155,8 @@
     font-family: adobe-clean, Helvetica Neue, Helvetica, Verdana, Arial, sans-serif;
     font-size: 11px;
     line-height: 18px;
-    padding-top: 50px;
     padding-bottom: 50px;
+    padding-top: 50px;
 }
 
 .email-subject {
@@ -179,21 +180,21 @@
     font-family: adobe-clean, Helvetica Neue, Helvetica, Verdana, Arial, sans-serif;
     font-size: 16px;
     line-height: 20px;
-    padding-top: 40px;
     padding-bottom: 40px;
+    padding-top: 40px;
 }
 
 .cta-button {
-    background-color:@color-blue;
-    border-radius:20px;
-    color:@color-white;
-    display:inline-block;
-    font-size:16px;
-    line-height:40px;
-    text-align:center;
-    text-decoration:none;
-    width:200px;
-    -webkit-text-size-adjust:none;
+    background-color: @color-blue;
+    border-radius: 20px;
+    color: @color-white;
+    display: inline-block;
+    font-size: 16px;
+    line-height: 40px;
+    text-align: center;
+    text-decoration: none;
+    -webkit-text-size-adjust: none;
+    width: 200px;
 }
 
 .cta-button-mso {

From 946c9610b5af391e448e961ba60a45fffd82f40a Mon Sep 17 00:00:00 2001
From: Sebastian Kull <sebastianKull@web.de>
Date: Tue, 22 Mar 2022 15:51:04 +0100
Subject: [PATCH 22/24] CABPI-199: Fix static tests

---
 .../AdminAdobeIms/view/adminhtml/web/css/adobe_email.less     | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/code/Magento/AdminAdobeIms/view/adminhtml/web/css/adobe_email.less b/app/code/Magento/AdminAdobeIms/view/adminhtml/web/css/adobe_email.less
index 6cbc0d1492e61..1e5885410345c 100644
--- a/app/code/Magento/AdminAdobeIms/view/adminhtml/web/css/adobe_email.less
+++ b/app/code/Magento/AdminAdobeIms/view/adminhtml/web/css/adobe_email.less
@@ -102,9 +102,9 @@
     background-color: @color-light-grey;
     margin: 0;
     padding: 0;
+    width: 100% !important;
     -webkit-font-smoothing: antialiased;
     -webkit-text-size-adjust: none;
-    width: 100% !important;
 }
 
 .email-preview {
@@ -193,8 +193,8 @@
     line-height: 40px;
     text-align: center;
     text-decoration: none;
-    -webkit-text-size-adjust: none;
     width: 200px;
+    -webkit-text-size-adjust: none;
 }
 
 .cta-button-mso {

From d2a6424e658462d7ed35bc9bdc5274af8f1a1112 Mon Sep 17 00:00:00 2001
From: Sebastian Kull <sebastianKull@web.de>
Date: Wed, 23 Mar 2022 08:19:34 +0100
Subject: [PATCH 23/24] CABPI-199: Update order of css attributes

---
 .../AdminAdobeIms/view/adminhtml/web/css/adobe_email.less   | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/code/Magento/AdminAdobeIms/view/adminhtml/web/css/adobe_email.less b/app/code/Magento/AdminAdobeIms/view/adminhtml/web/css/adobe_email.less
index 1e5885410345c..863f4bd90cefa 100644
--- a/app/code/Magento/AdminAdobeIms/view/adminhtml/web/css/adobe_email.less
+++ b/app/code/Magento/AdminAdobeIms/view/adminhtml/web/css/adobe_email.less
@@ -99,12 +99,12 @@
 }
 
 .email-body {
+    -webkit-font-smoothing: antialiased;
+    -webkit-text-size-adjust: none;
     background-color: @color-light-grey;
     margin: 0;
     padding: 0;
     width: 100% !important;
-    -webkit-font-smoothing: antialiased;
-    -webkit-text-size-adjust: none;
 }
 
 .email-preview {
@@ -185,6 +185,7 @@
 }
 
 .cta-button {
+    -webkit-text-size-adjust: none;
     background-color: @color-blue;
     border-radius: 20px;
     color: @color-white;
@@ -194,7 +195,6 @@
     text-align: center;
     text-decoration: none;
     width: 200px;
-    -webkit-text-size-adjust: none;
 }
 
 .cta-button-mso {

From 5f7fa64b39ac13c12d0d6d087200499521802c13 Mon Sep 17 00:00:00 2001
From: Sebastian Kull <sebastianKull@web.de>
Date: Wed, 23 Mar 2022 08:43:40 +0100
Subject: [PATCH 24/24] CABPI-199: Create new config value for notification
 email sender

---
 app/code/Magento/AdminAdobeIms/Model/ImsEmailNotification.php | 2 +-
 app/code/Magento/AdminAdobeIms/etc/config.xml                 | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/app/code/Magento/AdminAdobeIms/Model/ImsEmailNotification.php b/app/code/Magento/AdminAdobeIms/Model/ImsEmailNotification.php
index 63b6a5b5ff5fe..d5276b414a997 100644
--- a/app/code/Magento/AdminAdobeIms/Model/ImsEmailNotification.php
+++ b/app/code/Magento/AdminAdobeIms/Model/ImsEmailNotification.php
@@ -79,7 +79,7 @@ public function sendNotificationEmail(
             ])
             ->setTemplateVars($templateVars)
             ->setFromByScope(
-                $this->config->getValue('admin/emails/forgot_email_identity'),
+                $this->config->getValue('adobe_ims/email/new_user_email_identity'),
                 Store::DEFAULT_STORE_ID
             )
             ->addTo($toEmail, $toName)
diff --git a/app/code/Magento/AdminAdobeIms/etc/config.xml b/app/code/Magento/AdminAdobeIms/etc/config.xml
index 2114dca8933be..e543f7fa069ca 100644
--- a/app/code/Magento/AdminAdobeIms/etc/config.xml
+++ b/app/code/Magento/AdminAdobeIms/etc/config.xml
@@ -21,6 +21,7 @@
                 <header_template>admin_adobe_ims_email_header_template</header_template>
                 <footer_template>admin_adobe_ims_email_footer_template</footer_template>
                 <content_template>admin_emails_new_user_created_template</content_template>
+                <new_user_email_identity>general</new_user_email_identity>
             </email>
         </adobe_ims>
     </default>