diff --git a/discord/sidebar-notice/import.css b/discord/sidebar-notice/import.css index 27b1feb..c51cd58 100644 --- a/discord/sidebar-notice/import.css +++ b/discord/sidebar-notice/import.css @@ -1 +1 @@ -:root{--notice-margin-top: 48px;--notice-margin-bottom: auto;--notice-margin-left: 0px;--notice-margin-right: auto;--notice-background: var(--background-secondary);--notice-enable-height-adjust: true;--notice-icon-join: transparent;--notice-icon-welcome: "";--notice-icon-premium: "";--notice-height-join: 145px;--notice-height-welcome: 155px;--notice-height-premium: 150px;--notice-height-add: 0px;--notice-text-heading: "";--notice-text-join: "";}:is(html:not(:has(.artwork_d8215a))):is([lang="en-GB"]), :is(html:not(:has(.artwork_d8215a))):is([lang="en-US"]){--notice-text-heading: "Notice";--notice-text-join: "Join Server";}:is(html:not(:has(.artwork_d8215a))):is([lang="de"]){--notice-text-heading: "Hinweis";--notice-text-join: "Server beitreten";}:is(html:not(:has(.artwork_d8215a))):is([lang="es-ES"]){--notice-text-heading: "Aviso";--notice-text-join: "Unirse al servidor";}:is(html:not(:has(.artwork_d8215a))):is([lang="fr"]){--notice-text-heading: "Avis";--notice-text-join: "Rejoindre le serveur";}@container style(--notice-enable-height-adjust: true){:is(:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)) .thin_eed6a8>ul):has(> div[style="height: 16px;"]){margin-top:-17px}:is(:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)) .thin_eed6a8>ul):has(> div[style="height: 84px;"]){margin-top:-85px}:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)) .container_fa295b:before{content:"";display:flex;height:calc(var(--notice-height) + var(--notice-height-add));position:relative;width:100%}:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)) .header_fd6364{background:var(--background-secondary);box-shadow:none}}:is(:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)):not(:has(.colorPremium_be03aa))):has(.notice_dd5a33){--notice-height: var(--notice-height-join);--notice-icon: var(--notice-icon-join);}:is(:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)):not(:has(.colorPremium_be03aa))):has(.notice_a50047){--notice-height: var(--notice-height-welcome);--notice-icon: var(--notice-icon-welcome);}:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)):has(.colorPremium_be03aa){--notice-height: var(--notice-height-premium);--notice-icon: var(--notice-icon-premium);}:is(:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)):not(:has(.colorPremium_be03aa)))>div.notice_be03aa{align-content:space-between;align-items:start;background:var(--notice-background);border-bottom:1px solid var(--background-secondary);border-radius:0;bottom:var(--notice-margin-bottom);box-shadow:none;box-sizing:border-box;display:grid;gap:12px 8px;grid-template-columns:80px 1fr;grid-template-rows:auto 32px;height:var(--notice-height);left:var(--notice-margin-left);overflow:hidden;padding:16px 0;position:absolute;right:var(--notice-margin-right);top:var(--notice-margin-top);width:240px}:is(:is(:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)):not(:has(.colorPremium_be03aa)))>div.notice_be03aa):before{box-shadow:var(--elevation-low);content:"";display:block;height:1px;left:0;pointer-events:none;position:absolute;right:0;top:-1px;z-index:1}:is(:is(:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)):not(:has(.colorPremium_be03aa)))>div.notice_be03aa):after{border-bottom:1px solid var(--background-modifier-accent);bottom:0;content:"";height:1px;left:8px;position:absolute;width:calc(100% - 8px)}:is(:is(:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)):not(:has(.colorPremium_be03aa)))>div.notice_be03aa)>*{align-self:stretch;box-sizing:border-box;width:100%}:is(:is(:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)):not(:has(.colorPremium_be03aa)))>div.notice_be03aa)>div{align-items:flex-start;display:flex;flex-direction:column;grid-column:1 / -1;margin:0;padding:0 16px;text-align:left;font-weight:400;font-size:small}:is(:is(:is(:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)):not(:has(.colorPremium_be03aa)))>div.notice_be03aa)>div):before{content:var(--notice-text-heading);font-family:var(--font-primary);font-size:16px;font-weight:600;line-height:1.25;padding-bottom:4px;position:relative;top:0;z-index:2}:is(:is(:is(:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)):not(:has(.colorPremium_be03aa)))>div.notice_be03aa)>div):after{background:linear-gradient(158deg, transparent 0%, var(--notice-background) 80%), linear-gradient(5deg, transparent 60%, var(--notice-background) 90%), linear-gradient(74deg, transparent 3%, var(--notice-background) 85%), var(--notice-icon);background-position:top center;background-repeat:no-repeat;content:"";height:100px;opacity:0.5;position:absolute;right:0;top:0;transform:rotate(19deg);width:100px;z-index:-1}:is(:is(:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)):not(:has(.colorPremium_be03aa)))>div.notice_be03aa)>button{border:0 solid transparent;box-sizing:border-box;grid-row:2;height:var(--custom-button-button-sm-height);left:0;min-height:var(--custom-button-button-sm-height);padding:0px;position:relative;right:0;top:0}:is(:is(:is(:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)):not(:has(.colorPremium_be03aa)))>div.notice_be03aa)>button):first-of-type{grid-column:1 / 2;padding-left:12px}:is(:is(:is(:is(:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)):not(:has(.colorPremium_be03aa)))>div.notice_be03aa)>button):first-of-type)>div>svg{display:none}:is(:is(:is(:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)):not(:has(.colorPremium_be03aa)))>div.notice_be03aa)>button):last-of-type:not(:first-of-type){grid-column:2 / 3;padding-right:12px}:is(:is(:is(:is(:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)):not(:has(.colorPremium_be03aa)))>div.notice_be03aa)>button):last-of-type:not(:first-of-type)):not(:has([aria-label="Loading"])):before{align-items:center;content:var(--notice-text-join);display:flex;font-family:var(--font-primary);font-size:14px;font-weight:500;height:100%;line-height:16px;position:absolute;top:0;user-select:none;z-index:2}:is(:is(:is(:is(:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)):not(:has(.colorPremium_be03aa)))>div.notice_be03aa)>button):last-of-type:not(:first-of-type))>*{overflow:hidden;text-indent:-9999px;white-space:nowrap}:is(:is(:is(:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)):not(:has(.colorPremium_be03aa)))>div.notice_be03aa)>button):only-of-type{grid-column:1 / -1;padding:0 12px}:is(:is(:is(:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)):not(:has(.colorPremium_be03aa)))>div.notice_be03aa)>button):hover{background:transparent}:is(:is(:is(:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)):not(:has(.colorPremium_be03aa)))>div.notice_be03aa)>button)>*{align-items:center;background-color:var(--brand-500);border:none;border-radius:3px;box-sizing:border-box;color:var(--white-500);display:flex;font-size:14px;font-weight:500;height:100%;justify-content:center;line-height:16px;padding:0 16px;position:relative;transition:background-color var(--custom-button-transition-duration) ease, color var(--custom-button-transition-duration) ease;user-select:none;width:100%;z-index:1}:is(:is(:is(:is(:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)):not(:has(.colorPremium_be03aa)))>div.notice_be03aa)>button)>*):hover{background-color:var(--brand-560)}:is(:is(:is(:is(:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)):not(:has(.colorPremium_be03aa)))>div.notice_be03aa)>button)>*):has([class^="spinner"]){background:var(--brand-560)}:is(:is(:is(:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)):not(:has(.colorPremium_be03aa)))>div.notice_be03aa)>button):has([class^="spinner"]){display:block}:is(:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)):has(.colorPremium_be03aa))>div.notice_be03aa{background:var(--notice-background);border-radius:0;bottom:var(--notice-margin-bottom);box-shadow:none;box-sizing:border-box;display:grid;grid-template-columns:1fr;grid-template-rows:27px 50px 32px;left:var(--notice-margin-left);padding:16px;position:absolute;right:var(--notice-margin-right);top:var(--notice-margin-top);width:240px;font-family:var(--font-primary);font-size:14px;line-height:1.2857142857142858;font-weight:400;color:var(--white-500);text-align:left;align-items:start}:is(:is(:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)):has(.colorPremium_be03aa))>div.notice_be03aa):before{box-shadow:var(--elevation-low);content:"";display:block;height:1px;left:0;pointer-events:none;position:absolute;right:0;top:-1px;z-index:1}:is(:is(:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)):has(.colorPremium_be03aa))>div.notice_be03aa):after{border-bottom:1px solid var(--background-modifier-accent);bottom:0;content:"";height:1px;left:8px;position:absolute;width:calc(100% - 16px)}:is(:is(:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)):has(.colorPremium_be03aa))>div.notice_be03aa)>svg{display:none}:is(:is(:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)):has(.colorPremium_be03aa))>div.notice_be03aa)>[aria-label="Dismiss"]{position:relative;height:100%;width:100%;display:flex;justify-content:space-between}:is(:is(:is(:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)):has(.colorPremium_be03aa))>div.notice_be03aa)>[aria-label="Dismiss"]):before{display:flex;align-items:center;content:"Nitro";position:relative;top:0;width:100%;height:100%;z-index:10;text-indent:0;font-family:var(--font-primary);font-size:12px;line-height:1.3333333333333333;font-weight:700;color:var(--white-500);text-transform:uppercase}:is(:is(:is(:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)):has(.colorPremium_be03aa))>div.notice_be03aa)>[aria-label="Dismiss"]):after{background:linear-gradient(158deg, transparent 0%, var(--notice-background) 80%), linear-gradient(5deg, transparent 60%, var(--notice-background) 100%), linear-gradient(74deg, transparent 3%, var(--notice-background) 90%), var(--notice-icon);background-position:top center;background-repeat:no-repeat;content:"";height:100px;opacity:0.5;position:absolute;right:0;top:0;transform:rotate(19deg);width:100px;z-index:-1}:is(:is(:is(:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)):has(.colorPremium_be03aa))>div.notice_be03aa)>[aria-label="Dismiss"])>svg{position:absolute;right:-2px;width:16px!important;height:16px!important}:is(:is(:is(:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)):has(.colorPremium_be03aa))>div.notice_be03aa)>[aria-label="Dismiss"]) path{fill:var(--header-secondary)}:is(:is(:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)):has(.colorPremium_be03aa))>div.notice_be03aa)>button{margin:0;align-items:center;background:var(--premium-tier-2-purple);border:1px solid transparent;border-color:transparent;border-radius:3px;box-sizing:border-box;color:var(--white-500);display:flex;font-size:14px;font-weight:500;height:100%;justify-content:center;line-height:16px;padding:0 16px;position:relative;transition:background var(--custom-button-transition-duration) ease, border-color var(--custom-button-transition-duration) ease;user-select:none;width:100%;z-index:1;top:0}:is(:is(:is(:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)):has(.colorPremium_be03aa))>div.notice_be03aa)>button):hover{background:transparent;border-color:var(--white-50)}:is(:is(:is(:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)):has(.colorPremium_be03aa))>div.notice_be03aa)>button):before{position:absolute;align-items:center;background-color:var(--brand-500);border:none;border-radius:3px;box-sizing:border-box;color:var(--white-500);display:flex;font-size:14px;font-weight:500;height:100%;justify-content:center;line-height:16px;margin:0 16px;transition:background-color var(--custom-button-transition-duration) ease, color var(--custom-button-transition-duration) ease;user-select:none;width:100%;z-index:1} +:root{--notice-margin-top: 48px;--notice-margin-bottom: auto;--notice-margin-left: 0px;--notice-margin-right: auto;--notice-background: var(--background-secondary);--notice-enable-height-adjust: true;--notice-icon-join: transparent;--notice-icon-welcome: "";--notice-icon-premium: "";--notice-height-join: 145px;--notice-height-welcome: 155px;--notice-height-premium: 150px;--notice-height-warning: 160px;--notice-height-add: 0px;--notice-text-heading: "";--notice-text-join: "";}:is(html:not(:has(.artwork_d8215a))):is([lang="en-GB"]), :is(html:not(:has(.artwork_d8215a))):is([lang="en-US"]){--notice-text-heading: "Notice";--notice-text-join: "Join Server";}:is(html:not(:has(.artwork_d8215a))):is([lang="de"]){--notice-text-heading: "Hinweis";--notice-text-join: "Server beitreten";}:is(html:not(:has(.artwork_d8215a))):is([lang="es-ES"]){--notice-text-heading: "Aviso";--notice-text-join: "Unirse al servidor";}:is(html:not(:has(.artwork_d8215a))):is([lang="fr"]){--notice-text-heading: "Avis";--notice-text-join: "Rejoindre le serveur";}:is(:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)):not(:has(.colorPremium_be03aa), :has(.colorWarning_be03aa))):has(.notice_dd5a33){--notice-height: var(--notice-height-join);--notice-icon: var(--notice-icon-join);}:is(:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)):not(:has(.colorPremium_be03aa), :has(.colorWarning_be03aa))):has(.notice_a50047){--notice-height: var(--notice-height-welcome);--notice-icon: var(--notice-icon-welcome);}:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)):has(.colorPremium_be03aa){--notice-height: var(--notice-height-premium);}:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)):has(.colorWarning_be03aa){--notice-height: var(--notice-height-warning);}@container style(--notice-enable-height-adjust: true){:is(:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)) .thin_eed6a8>ul):has(> div[style="height: 16px;"]){margin-top:-17px}:is(:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)) .thin_eed6a8>ul):has(> div[style="height: 84px;"]){margin-top:-85px}:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)) .container_fa295b:before{content:"";display:flex;height:calc(var(--notice-height) + var(--notice-height-add));position:relative;width:100%}:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)) .header_fd6364{background:var(--background-secondary);box-shadow:none}}:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa))>div.notice_be03aa{height:var(--notice-height);border-radius:0;background:var(--notice-background);padding:16px 0;position:absolute;left:var(--notice-margin-left);overflow:hidden;bottom:var(--notice-margin-bottom);box-shadow:none;box-sizing:border-box;right:var(--notice-margin-right);top:var(--notice-margin-top);width:240px}:is(:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)):not(:has(.colorPremium_be03aa), :has(.colorWarning_be03aa)))>div.notice_be03aa{align-content:space-between;align-items:start;border-bottom:1px solid var(--background-secondary);display:grid;gap:12px 8px;grid-template-columns:80px 1fr;grid-template-rows:auto 32px}:is(:is(:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)):not(:has(.colorPremium_be03aa), :has(.colorWarning_be03aa)))>div.notice_be03aa):before{box-shadow:var(--elevation-low);content:"";display:block;height:1px;left:0;pointer-events:none;position:absolute;right:0;top:-1px;z-index:1}:is(:is(:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)):not(:has(.colorPremium_be03aa), :has(.colorWarning_be03aa)))>div.notice_be03aa):after{border-bottom:1px solid var(--background-modifier-accent);bottom:0;content:"";height:1px;left:8px;position:absolute;width:calc(100% - 8px)}:is(:is(:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)):not(:has(.colorPremium_be03aa), :has(.colorWarning_be03aa)))>div.notice_be03aa)>*{align-self:stretch;box-sizing:border-box;width:100%}:is(:is(:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)):not(:has(.colorPremium_be03aa), :has(.colorWarning_be03aa)))>div.notice_be03aa)>div{align-items:flex-start;display:flex;flex-direction:column;grid-column:1 / -1;margin:0;padding:0 16px;text-align:left;font-weight:400;font-size:small}:is(:is(:is(:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)):not(:has(.colorPremium_be03aa), :has(.colorWarning_be03aa)))>div.notice_be03aa)>div):before{content:var(--notice-text-heading);font-family:var(--font-primary);font-size:16px;font-weight:600;line-height:1.25;padding-bottom:4px;position:relative;top:0;z-index:2}:is(:is(:is(:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)):not(:has(.colorPremium_be03aa), :has(.colorWarning_be03aa)))>div.notice_be03aa)>div):after{background:linear-gradient(158deg, transparent 0%, var(--notice-background) 80%), linear-gradient(5deg, transparent 60%, var(--notice-background) 90%), linear-gradient(74deg, transparent 3%, var(--notice-background) 85%), var(--notice-icon);background-position:top center;background-repeat:no-repeat;content:"";height:100px;opacity:0.5;position:absolute;right:0;top:0;transform:rotate(19deg);width:100px;z-index:-1}:is(:is(:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)):not(:has(.colorPremium_be03aa), :has(.colorWarning_be03aa)))>div.notice_be03aa)>button{border:0 solid transparent;box-sizing:border-box;grid-row:2;height:var(--custom-button-button-sm-height);left:0;min-height:var(--custom-button-button-sm-height);padding:0px;position:relative;right:0;top:0}:is(:is(:is(:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)):not(:has(.colorPremium_be03aa), :has(.colorWarning_be03aa)))>div.notice_be03aa)>button):first-of-type{grid-column:1 / 2;padding-left:12px}:is(:is(:is(:is(:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)):not(:has(.colorPremium_be03aa), :has(.colorWarning_be03aa)))>div.notice_be03aa)>button):first-of-type)>div>svg{display:none}:is(:is(:is(:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)):not(:has(.colorPremium_be03aa), :has(.colorWarning_be03aa)))>div.notice_be03aa)>button):last-of-type:not(:first-of-type){grid-column:2 / 3;padding-right:12px}:is(:is(:is(:is(:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)):not(:has(.colorPremium_be03aa), :has(.colorWarning_be03aa)))>div.notice_be03aa)>button):last-of-type:not(:first-of-type)):not(:has([aria-label="Loading"])):before{align-items:center;content:var(--notice-text-join);display:flex;font-family:var(--font-primary);font-size:14px;font-weight:500;height:100%;line-height:16px;position:absolute;top:0;user-select:none;z-index:2}:is(:is(:is(:is(:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)):not(:has(.colorPremium_be03aa), :has(.colorWarning_be03aa)))>div.notice_be03aa)>button):last-of-type:not(:first-of-type))>*{overflow:hidden;text-indent:-9999px;white-space:nowrap}:is(:is(:is(:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)):not(:has(.colorPremium_be03aa), :has(.colorWarning_be03aa)))>div.notice_be03aa)>button):only-of-type{grid-column:1 / -1;padding:0 12px}:is(:is(:is(:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)):not(:has(.colorPremium_be03aa), :has(.colorWarning_be03aa)))>div.notice_be03aa)>button):hover{background:transparent}:is(:is(:is(:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)):not(:has(.colorPremium_be03aa), :has(.colorWarning_be03aa)))>div.notice_be03aa)>button)>*{align-items:center;background-color:var(--brand-500);border:none;border-radius:3px;box-sizing:border-box;color:var(--white-500);display:flex;font-size:14px;font-weight:500;height:100%;justify-content:center;line-height:16px;padding:0 16px;position:relative;transition:background-color var(--custom-button-transition-duration) ease, color var(--custom-button-transition-duration) ease;user-select:none;width:100%;z-index:1}:is(:is(:is(:is(:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)):not(:has(.colorPremium_be03aa), :has(.colorWarning_be03aa)))>div.notice_be03aa)>button)>*):hover{background-color:var(--brand-560)}:is(:is(:is(:is(:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)):not(:has(.colorPremium_be03aa), :has(.colorWarning_be03aa)))>div.notice_be03aa)>button)>*):has([class^="spinner"]){background:var(--brand-560)}:is(:is(:is(:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)):not(:has(.colorPremium_be03aa), :has(.colorWarning_be03aa)))>div.notice_be03aa)>button):has([class^="spinner"]){display:block}:is(:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)):has(.colorPremium_be03aa))>div.notice_be03aa{display:grid;grid-template-columns:1fr;grid-template-rows:27px 50px 32px;padding:16px;font-family:var(--font-primary);font-size:14px;line-height:1.2857142857142858;font-weight:400;color:var(--white-500);text-align:left;align-items:start}:is(:is(:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)):has(.colorPremium_be03aa))>div.notice_be03aa):before{box-shadow:var(--elevation-low);content:"";display:block;height:1px;left:0;pointer-events:none;position:absolute;right:0;top:-1px;z-index:1}:is(:is(:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)):has(.colorPremium_be03aa))>div.notice_be03aa):after{border-bottom:1px solid var(--background-modifier-accent);bottom:0;content:"";height:1px;left:8px;position:absolute;width:calc(100% - 16px)}:is(:is(:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)):has(.colorPremium_be03aa))>div.notice_be03aa)>svg{display:none}:is(:is(:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)):has(.colorPremium_be03aa))>div.notice_be03aa)>[aria-label="Dismiss"]{position:relative;height:100%;width:100%;display:flex;justify-content:space-between}:is(:is(:is(:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)):has(.colorPremium_be03aa))>div.notice_be03aa)>[aria-label="Dismiss"]):before{display:flex;align-items:center;content:"Nitro";position:relative;top:0;width:100%;height:100%;z-index:10;text-indent:0;font-family:var(--font-primary);font-size:12px;line-height:1.3333333333333333;font-weight:700;color:var(--white-500);text-transform:uppercase}:is(:is(:is(:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)):has(.colorPremium_be03aa))>div.notice_be03aa)>[aria-label="Dismiss"]):after{background:linear-gradient(158deg, transparent 0%, var(--notice-background) 80%), linear-gradient(5deg, transparent 60%, var(--notice-background) 100%), linear-gradient(74deg, transparent 3%, var(--notice-background) 90%), var(--notice-icon);background-position:top center;background-repeat:no-repeat;content:"";height:100px;opacity:0.5;position:absolute;right:0;top:0;transform:rotate(19deg);width:100px;z-index:-1}:is(:is(:is(:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)):has(.colorPremium_be03aa))>div.notice_be03aa)>[aria-label="Dismiss"])>svg{position:absolute;right:-2px;width:16px!important;height:16px!important}:is(:is(:is(:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)):has(.colorPremium_be03aa))>div.notice_be03aa)>[aria-label="Dismiss"]) path{fill:var(--header-secondary)}:is(:is(:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)):has(.colorPremium_be03aa))>div.notice_be03aa)>button{margin:0;align-items:center;background:var(--premium-tier-2-purple);border:1px solid transparent;border-color:transparent;border-radius:3px;box-sizing:border-box;color:var(--white-500);display:flex;font-size:14px;font-weight:500;height:100%;justify-content:center;line-height:16px;padding:0 16px;position:relative;transition:background var(--custom-button-transition-duration) ease, border-color var(--custom-button-transition-duration) ease;user-select:none;width:100%;z-index:1;top:0}:is(:is(:is(:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)):has(.colorPremium_be03aa))>div.notice_be03aa)>button):hover{background:transparent;border-color:var(--white-50)}:is(:is(:is(:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)):has(.colorPremium_be03aa))>div.notice_be03aa)>button):before{position:absolute;align-items:center;background-color:var(--brand-500);border:none;border-radius:3px;box-sizing:border-box;color:var(--white-500);display:flex;font-size:14px;font-weight:500;height:100%;justify-content:center;line-height:16px;margin:0 16px;transition:background-color var(--custom-button-transition-duration) ease, color var(--custom-button-transition-duration) ease;user-select:none;width:100%;z-index:1}:is(:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)):has(.colorWarning_be03aa))>div.notice_be03aa{display:grid;padding:16px;grid-template-columns:1fr;grid-template-rows:27px 50px 32px;font-family:var(--font-primary);font-size:14px;line-height:1.2857142857142858;font-weight:400;color:var(--white-500);text-align:left;align-items:start}:is(:is(:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)):has(.colorWarning_be03aa))>div.notice_be03aa):before{box-shadow:var(--elevation-low);content:"";display:block;height:1px;left:0;pointer-events:none;position:absolute;right:0;top:-1px;z-index:1}:is(:is(:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)):has(.colorWarning_be03aa))>div.notice_be03aa):after{border-bottom:1px solid var(--background-modifier-accent);bottom:0;content:"";height:1px;left:8px;position:absolute;width:calc(100% - 16px)}:is(:is(:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)):has(.colorWarning_be03aa))>div.notice_be03aa)>[aria-label="Dismiss"]{position:relative;height:100%;width:100%;display:flex;justify-content:space-between}:is(:is(:is(:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)):has(.colorWarning_be03aa))>div.notice_be03aa)>[aria-label="Dismiss"]):before{display:flex;align-items:center;content:"Warning";position:relative;top:0;width:100%;height:100%;z-index:10;text-indent:0;font-family:var(--font-primary);font-size:12px;line-height:1.3333333333333333;font-weight:700;color:var(--white-500);text-transform:uppercase}:is(:is(:is(:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)):has(.colorWarning_be03aa))>div.notice_be03aa)>[aria-label="Dismiss"]):after{background:linear-gradient(158deg, transparent 0%, var(--notice-background) 80%), linear-gradient(5deg, transparent 60%, var(--notice-background) 100%), linear-gradient(74deg, transparent 3%, var(--notice-background) 90%), var(--notice-icon);background-position:top center;background-repeat:no-repeat;content:"";height:100px;opacity:0.5;position:absolute;right:0;top:0;transform:rotate(19deg);width:100px;z-index:-1}:is(:is(:is(:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)):has(.colorWarning_be03aa))>div.notice_be03aa)>[aria-label="Dismiss"])>svg{position:absolute;right:-2px;width:16px!important;height:16px!important}:is(:is(:is(:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)):has(.colorWarning_be03aa))>div.notice_be03aa)>[aria-label="Dismiss"]) path{fill:var(--header-secondary)}:is(:is(:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)):has(.colorWarning_be03aa))>div.notice_be03aa)>button{margin:0;margin-top:12px;align-items:center;border-radius:3px;box-sizing:border-box;color:var(--white-500);display:flex;font-size:14px;font-weight:500;height:100%;justify-content:center;border-width:0;background:var(--status-warning-background);line-height:16px;padding:0 16px;position:relative;transition:background var(--custom-button-transition-duration) ease;user-select:none;width:100%;z-index:1;top:0}:is(:is(:is(:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)):has(.colorWarning_be03aa))>div.notice_be03aa)>button):hover{background:transparent;border-color:var(--white-50)}:is(:is(:is(:is(:is(html:not(:has(.artwork_d8215a))) .base_a4d4d9:has(.notice_be03aa)):has(.colorWarning_be03aa))>div.notice_be03aa)>button):before{position:absolute;align-items:center;background-color:var(--brand-500);border:none;border-radius:3px;box-sizing:border-box;color:var(--white-500);display:flex;font-size:14px;font-weight:500;height:100%;justify-content:center;line-height:16px;margin:0 16px;transition:background-color var(--custom-button-transition-duration) ease, color var(--custom-button-transition-duration) ease;user-select:none;width:100%;z-index:1}