#__ba_launchpad { font-size: 10px; } .BALaunchPad { background-color: #666a70; padding: 0; margin: 4px; -moz-border-radius: 50% !important; -webkit-border-radius: 50% !important; border-radius: 50% !important; -moz-box-shadow: 0 0 4px #333; -webkit-box-shadow: 0 0 4px #333; box-shadow: 0 0 4px #333; width: 72px; height: 72px; border: none; } .BALaunchImage { height: auto; width: auto; top: 15px; left: 12px; position: relative; float: none; } .BALaunchPad { padding: 0; border-radius: 50% !important; box-shadow: 0 0 4px #333; width: 72px; height: 72px; } .__ba_hidden { opacity: 0; cursor: default !important; } #__ba_panel { border: 0 !important; text-align: left; } #__ba_panel._launchpad { position: fixed !important; z-index: 100000 !important; height: 72px !important; width: 72px !important; } #_ba_corner { width: 72px !important; height: 72px !important; padding: 0 !important; -moz-border-radius: 50% !important; -webkit-border-radius: 50% !important; border-radius: 50% !important; -moz-box-shadow: 0 0 4px #333 !important; -webkit-box-shadow: 0 0 4px #333 !important; box-shadow: 0 0 4px #333 !important; } #_ba_corner a { display: block !important; width: 100% !important; height: 100% !important; text-decoration: none !important; margin: 0 !important; padding: 0 !important; background: none !important; } #_ba_corner a::before { background: none; } #_ba_corner img { height: auto !important; width: auto !important; top: 15px !important; left: 12px !important; position: relative !important; padding: 0 !important; margin: 0 !important; float: none !important; } .imgDiv { border: 0; text-align: left; width: 120px; height: 52px; } .imgOnlyDiv { border: 0; text-align: left; width: fit-content; padding: 0; background: transparent; } .customImg { outline: none !important; } .pillButton:focus>.outerSpan { outline: -webkit-focus-ring-color auto 5px; } .outerSpan { outline: none !important; display: inline-block; width: fit-content; height: 50px; min-width: 135px; } .pillButton { background-color: #cc4518; border-radius: 30px; color: transparent; border: 1px solid transparent; position: relative; display: inline-block; font-size: 13px; font-weight: 700; text-transform: uppercase; color: #cc4518; height: 50px; min-width: 135px; margin: 0 auto; line-height: 50px; text-align: center; border-radius: 30px; border: 1px solid transparent; text-decoration: none; transition: all ease-in-out .1s; cursor: pointer; color: #FFF; } .launchIconLeft { top: 2px; height: 14px; margin: 0 4px 0 0; background-size: 20px 14px; background-image: url(https://www.browsealoud.com/modules/3.8.0/images/8fdf8fd0975844a539c27fa6e76d8a1f.png); position: relative; display: inline-block; width: 20px; background-repeat: round; outline: none !important; } .launchTextSpan { background-color: #cc4518; border-radius: 30px; color: transparent; border: 1px solid transparent; color: #FFF; outline: none !important; } .launchIconRight { top: 5px; height: 20px; margin: 0 0 0 5px; background-size: 20px 20px; background-image: url(https://www.browsealoud.com/modules/3.8.0/images/afdb968f0e1355b8c383daf38242b757.png); position: relative; display: inline-block; width: 20px; background-repeat: round; outline: none !important; } .textDiv { border: 0; background-color: transparent; text-align: left; cursor: pointer; padding: 0; } .customText { outline: none !important; } .baButton:focus>.imgStyle { outline: -webkit-focus-ring-color auto 5px; } .baButton { margin: 0; background: 0 0; width: fit-content; height: 100%; display: block; border: 0; background-color: transparent; padding: 0; } .imgStyle { border: 0; padding: 0; margin: 0; background: 0 0; vertical-align: middle; outline: none !important; } .BALaunchImage { height: 48px; width: 48px; left: 0px; top: 6px; display: inline-block; background-repeat: no-repeat; outline: none !important; } #__ba_panel.topRight { top: 7px; } #__ba_panel.topLeft { top: 7px; left: 7px; } #__ba_panel.bottomLeft { left: 7px; bottom: 7px; } #__ba_panel.bottomRight { bottom: 7px; } #_ba__button { width: 100% !important; height: 100% !important; background: none !important; margin: auto !important; display: block !important; } #_ba__button.logo { background: none !important; margin: auto !important; max-height: 48px !important; } #_ba__button img { border: 0 !important; padding: 0 !important; margin: 0 !important; background: transparent !important; } /* browsealoud Buttons */ .browsealoud-button { position: relative; display: inline-block; font-family: "Open Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; text-transform: uppercase; color: #cc4518; height: 50px !important; min-width: 135px !important; margin: 0 auto; padding: 0 20px; line-height: 50px !important; text-align: center; background-color: transparent; border-radius: 30px; border: 1px solid transparent; text-decoration: none; transition: all ease-in-out 0.1s; cursor: pointer; } .browsealoud-button:hover:enabled { background-color: #cc4518; } /* Primary Button */ .browsealoud-button--primary { border: 1px solid #cc4518 !important; } .browsealoud-button--primary:hover:enabled { color: #FFFFFF; } /*-------------------------------- Import Launchpad Button --------------------------------*/ /* stylelint-disable */ /* stylelint-enable */ .browsealoud-button--launchpad-icon-left { position: relative !important; display: inline-block !important; top: 2px !important; height: 14px !important; margin: 0 4px 0 0 !important; width: 20px; background-size: 20px 14px; background-repeat: round; /* background-image: url("data:image/svg+xml,%3Cpath d='M10.489.7V13.572a.7.7,0,0,1-1.129.552L4.874,10.632h-4A.874.874,0,0,1,0,9.758V4.514A.874.874,0,0,1,.874,3.64h4L9.36.148A.7.7,0,0,1,10.489.7ZM14.53,3.639a.875.875,0,0,0-1.325-.093l-.5.5a.886.886,0,0,0-.091,1.122,3.593,3.593,0,0,1,0,3.933.886.886,0,0,0,.091,1.122l.5.5a.875.875,0,0,0,1.325-.093,6.036,6.036,0,0,0,0-6.994ZM17.618.491a.881.881,0,0,0-1.3-.061l-.5.5a.863.863,0,0,0-.065,1.157,7.959,7.959,0,0,1,0,10.1.863.863,0,0,0,.065,1.157l.5.5a.881.881,0,0,0,1.3-.061,10.4,10.4,0,0,0,0-13.29Z' transform='translate(0 -0.001)' fill='%23fff'/%3E") !important; */ } .browsealoud-button--launchpad-icon-right { position: relative !important; display: inline-block !important; top: 5px !important; height: 20px !important; margin: 0 0 0 5px !important; width: 20px; background-size: 20px 20px; background-repeat: round; /* background-image: url("data:image/svg+xml,%3Cg transform='translate(-1284 -174)'%3E%3Cg transform='translate(1284 174)' fill='none' stroke='%23fff' stroke-width='2'%3E%3Ccircle cx='10.53' cy='10.53' r='10.53' stroke='none'/%3E%3Ccircle cx='10.53' cy='10.53' r='9.53' fill='none'/%3E%3C/g%3E%3Cpath d='M521.331,809.857l6.326-3.6-6.326-3.949Z' transform='translate(770.475 -621.642)' fill='%23fff'/%3E%3C/g%3E") !important; */ } .positionStyle { z-index: 2147483645; position: fixed; top: 0px; left: 0px; width: 55px; height: 55px; border: 0; text-align: left; display: null } /* New RD buttons */ :root { --transparent: rgba(255, 255, 255, 0); --white: hsl(0, 0%, 100%); --th-white: hsl(0, 0%, 100%); --th-black: hsl(0, 0%, 0%); --lightGrey: hsl(0, 0%, 94%); --th-grey-white: hsl(210, 10%, 97%); --th-grey-light: hsl(210, 10%, 94.8%); --th-grey-medium: hsl(212, 10%, 94%); --th-grey: hsl(216, 22%, 91%); --th-grey-dark: hsl(220, 19%, 78%); --th-slate: hsl(221, 20%, 33%); --th-slate-light: hsl(222, 20%, 45%); --th-slate-dark: hsl(222, 22%, 18%); --th-slate-dark-hover800: hsl(220, 22%, 24%); --th-slate-dark-active800: hsl(219, 24%, 26%); --th-slate-dark-hover600: hsl(222, 22%, 21%); --th-slate-dark-active600: hsl(221, 24%, 23%); --th-cool-grey-600: hsl(203, 16%, 44%); --th-cool-grey-600: hsl(204, 16%, 38%); --th-cool-grey-700: hsl(204, 18%, 30%); --th-cool-grey-750: hsl(204, 18%, 32%); --th-cool-grey-800: hsl(209, 20%, 25%); --th-cool-grey-850: hsl(209, 20%, 21%); --th-cool-grey-900: hsl(210, 24%, 16%); --fontColorDark: var(--th-slate-dark); --fontColorWhite: hsl(0, 0%, 100%); --list-item-hover: hsl(225, 20%, 96%); --list-item-light-hover: hsl(210, 20%, 98%); --list-item-hover-dark: hsla(222, 22%, 18%, 0.50); --list-item-light-hover-dark: hsla(222, 20%, 33%, 0.50); --greyTransparent: hsla(222, 22%, 18%, 0.12); --whiteTransparent: hsla(0, 0%, 100%, 0.12); --defaultColor: hsl(220, 20%, 91%); --defaultColorHover: hsl(220, 19%, 78%); --defaultColorActive: hsl(220, 19%, 68%); --defaultColorSelected: hsl(221, 20%, 75%); --buttonBorderColor: 2px solid hsl(220, 20%, 91%); --buttonBorderColorHover: 2px solid hsl(220, 19%, 78%); --buttonBorderColorActive: 2px solid hsl(220, 19%, 68%); --buttonBorderColorSelected: 2px solid hsl(221, 20%, 75%); --iconFillColor: var(--th-slate-dark); --primaryColor: hsl(211, 100%, 45%); --primaryColorHover: hsl(211, 100%, 35%); --primaryColorActive: hsl(211, 100%, 25%); --primaryButtonBorder: 2px solid hsl(211, 100%, 45%); --primaryButtonBorderHover: 2px solid hsl(211, 100%, 35%); --primaryButtonBorderActive: 2px solid hsl(211, 100%, 25%); --secondaryColor: var(--th-slate); --secondaryColorHover: hsl(221, 20%, 23%); --secondaryColorActive: hsl(221, 20%, 13%); --secondaryButtonBorderColor: 2px solid var(--th-slate); --secondaryButtonBorderColorHover: 2px solid hsl(221, 20%, 23%); --secondaryButtonBorderColorActive: 2px solid hsl(221, 20%, 13%); --disabledColor: hsl(0, 0%, 50%); --disabledBackgroundColor: hsl(0, 0%, 95%); --brandColorGreen: hsl(76, 60%, 52%); --brandColorGreenActive: hsl(76, 62%, 40%); --primaryColorGreen: hsl(79, 100%, 24%); --primaryColorGreenHover: hsl(79, 100%, 14%); --primaryColorGreenActive: hsl(79, 100%, 4%); --buttonBorderGreen: 2px solid hsl(79, 100%, 24%); --buttonBorderGreenHover: 2px solid hsl(79, 100%, 14%); --buttonBorderGreenActive: 2px solid hsl(79, 100%, 4%); --brandColorPink: hsl(344, 98%, 59%); --primaryColorPink: #e12362; --primaryColorPinkHover: hsl(340, 76%, 41%); --primaryColorPinkActive: hsl(340, 76%, 31%); --buttonBorderPink: 2px solid hsl(340, 76%, 51%); --buttonBorderPinkHover: 2px solid hsl(340, 76%, 41%); --buttonBorderPinkActive: 2px solid hsl(340, 76%, 31%); --brandColorTeal: hsl(180, 85%, 34%); --primaryColorTeal: hsl(184, 50%, 35%); --primaryColorTealHover: hsl(184, 50%, 25%); --primaryColorTealActive: hsl(184, 50%, 15%); --buttonBorderTeal: 2px solid hsl(184, 50%, 35%); --buttonBorderTealHover: 2px solid hsl(184, 50%, 25%); --buttonBorderTealActive: 2px solid hsl(184, 50%, 15%); --brandColorPurple: hsl(264, 100%, 68%); --primaryColorPurple: hsl(264, 83%, 62%); --primaryColorPurpleHover: hsl(264, 83%, 52%); --primaryColorPurpleActive: hsl(264, 83%, 42%); --buttonBorderPurple: 2px solid hsl(264, 83%, 62%); --buttonBorderPurpleHover: 2px solid hsl(264, 83%, 52%); --buttonBorderPurpleActive: 2px solid hsl(264, 83%, 42%); --brandColorOrange: hsl(33, 94%, 48%); --primaryColorOrange: hsl(15, 79%, 45%); --primaryColorOrangeHover: hsl(15, 80%, 35%); --primaryColorOrangeActive: hsl(15, 80%, 25%); --buttonBorderOrange: 2px solid hsl(15, 79%, 45%); --buttonBorderOrangeHover: 2px solid hsl(15, 80%, 35%); --buttonBorderOrangeActive: 2px solid hsl(15, 80%, 25%); --brandColorBlue: hsl(197, 100%, 50%); --brandColorBlueActive: hsl(197, 100%, 39%); --primaryColorBlue: hsl(201, 100%, 37%); --primaryColorBlueHover: hsl(201, 100%, 27%); --primaryColorBlueActive: hsl(201, 100%, 17%); --buttonBorderBlue: 2px solid hsl(201, 100%, 37%); --buttonBorderBlueHover: 2px solid hsl(201, 100%, 27%); --buttonBorderBlueActive: 2px solid hsl(201, 100%, 17%); --BrandcolorYellow: hsl(41, 90%, 61%); --primaryColorReachDeck: hsl(209, 100%, 39%); --primaryColorReachDeckHover: hsl(209, 100%, 29%); --primaryColorReachDeckActive: hsl(209, 100%, 19%); --buttonBorderReachDeck: 2px solid hsl(209, 100%, 39%); --buttonBorderReachDeckHover: 2px solid hsl(209, 100%, 29%); --buttonBorderReachDeckActive: 2px solid hsl(209, 100%, 19%); --reachDeckEditorColor: hsl(112, 100%, 26%); --launchpadButtonLight: hsl(210, 10%, 96%); --launchpadButtonLightHover: hsl(220, 8%, 92%); --launchpadButtonLightActive: hsl(0, 0%, 90%); --textColor: var(--th-slate-dark); --textColorLight: var(--th-white); --border: 1px solid var(--th-grey); --borderDark: 1px solid var(--th-grey-dark); --infoColor: hsl(194, 77%, 24%); --successColor: hsla(134, 71%, 43%, 0.584); --errorColor: hsl(0, 71%, 51%); --warningColor: hsl(45, 97%, 51%); --infoBackgroundColor: hsl(180, 100%, 99%); --successBackgroundColor: hsl(78, 100%, 98%); --errorBackgroundColor: hsl(0, 100%, 98%); --warningBackgroundColor: hsl(35, 100%, 98%); --infoBorderColor: hsl(191, 44%, 82%); --successBorderColor: hsl(100, 28%, 69%); --errorBorderColor: hsl(0, 37%, 73%); --warningBorderColor: hsl(41, 30%, 71%); --infoTitleColor: hsl(194, 77%, 24%); --successTitleColor: hsl(121, 48%, 23%); --errorTitleColor: hsl(1, 47%, 40%); --warningTitleColor: hsl(37, 92%, 25%); --infoWarningColor: hsl(194, 77%, 24%); --successWarningColor: hsla(121, 48%, 23%, 0.8); --errorWarningColor: hsla(1, 47%, 40%, 0.8); --warningWarningColor: hsla(37, 92%, 25%, 0.8); --line-height-base: 1.5; --zindex-modal: 1050; --modal-dialog-margin: 2rem; --modal-content-border-radius: 1px; --buttonBorderRadius: 30px; --buttonRoundness: var(--buttonBorderRadius); --buttonLinkTextColor: var(--primaryColor) !important; --buttonLinkIconColor: var(--primaryColor) !important; --buttonNoBackgroundTextColor: var(--th-slate-dark); --buttonNoBackgroundIconColor: var(--th-slate-dark); --buttonNoBackgroundColor: transparent; --buttonNoBackgroundColorHover: var(--icon-button-background-hover-color); --buttonNoBackgroundColorActive: var(--icon-button-background-active-color); --buttonNoBackgroundBorder: 2px solid transparent; --buttonNoBackgroundBorderHover: 2px solid transparent; --buttonNoBackgroundBorderActive: 2px solid transparent; --themeColorDefault: var(--defaultColor); --themeColorGroundworks: var(--primaryColor); --themeColorReadWrite: var(--primaryColorPurple); --themeColorEquatio: var(--primaryColorBlue); --themeColorBrowsealoud: var(--primaryColorOrange); --themeColorWriq: var(--primaryColorTeal); --themeColorFluencyTutor: var(--primaryColorGreen); --themeColorSnapVerter: var(--primaryColorGreen); --themeColorSpeechStream: var(--primaryColorPink); --themeColorTexthelp: var(--primaryColorTeal); --themeColorReachDeck: var(--primaryColorReachDeck); --themeColorPdfReader: var(--primaryColorPink); --line-height-base: 1.5; --zindex-modal: 1050; --modal-dialog-margin: 2em; --modal-content-border-radius: 1px; --modal-inner-padding: 1.5em; --modal-title-padding: 1.5em; --modal-title-line-height: var(--line-height-base); --modal-content-bg: #fff; --modal-content-border-color: rgba(0, 0, 0, .2); --modal-content-fallback-border-color: #999; --modal-backdrop-bg: #000; --modal-backdrop-opacity: .5; --modal-header-border-color: #e5e5e5; --modal-footer-border-color: var(--modal-header-border-color); --modal-header-background-color: #f5f5f5; --select-border: 1px solid #DADADA; --select-background: hsl(0, 0%, 100%); --select-background-color: #efefef; --select-background-color-hover: hsl(0, 0%, 97%); --input-border: 1px solid #DADADA; --input-background-color: #ffffff; --settings-title-color: var(--primaryColor); --settings-item-background-color: var(--th-white); --settings-item-background-hover-color: var(--th-grey-medium); --settings-item-background-active-color: var(--th-grey); --list-group-background-color: transparent; --list-group-item-background-color: var(--th-white); --list-group-item-background-hover-color: var(--th-grey-light); --list-group-item-background-active-color: var(--th-grey); --list-group-item-icon-color: var(--th-slate-dark); --toolbar-button-disabled: hsl(0, 0%, 96.1%); --toolbar-button-background: hsl(0, 0%, 96.1%); --toolbar-button-hover-background: hsl(0, 0%, 80%); --toolbar-button-color: hsl(0, 0%, 0%); --toolbar-button-hover-active-background: hsl(0, 0%, 70.2%); --toolbar-button-default-size: 43px; --toolbar-button-focus-color: hsl(213, 71.3%, 60.4%); --toolbar-button-svg-color: hsl(0, 0%, 29%); --toolbar-button-toggle-color: hsl(264, 100%, 68%); --panel-inner-padding: .7em; --icon-button-background-default-color: hsla(0, 0%, 0%, 0.077); --icon-button-background-hover-color: hsla(0, 0%, 0%, 0.125); --icon-button-background-active-color: hsla(0, 0%, 0%, 0.187); --icon-button-background-default-color-dark: rgba(255, 255, 255, 0.077); --icon-button-background-hover-color-dark: rgba(255, 255, 255, 0.146); --icon-button-background-active-color-dark: rgba(255, 255, 255, 0.221); --icon-button-border-color: solid 2px transparent; --menuIconFillColor: var(--th-slate); --cardIconFillColor: var(--th-slate); --default-menu-notify-background-colour: hsl(264, 100%, 68%); --toolbarButtonBackgroundColor: var(--defaultColor); --toolbarButtonBackgroundHoverColor: var(--icon-button-background-hover-color); --toolbarButtonBackgroundActiveColor: var(--icon-button-background-active-color); --toolbarIconHoverFill: var(--th-slate); --toolbarIconToggleFill: var(--primaryColor); --dashboardContentBackgroundColor: #fff; --dashboardHeaderBackgroundColor: #fff; --dashboardSidebarBorderTopColor: var(--lightGrey); --dashboardTextColor: var(--th-slate); --dashboardTitleTextColor: var(--fontColorDark); --dashboardSubTitleTextColor: var(--th-slate-light); --dashboardCardBackgroundColor: var(--white); --dashboardCardBackgroundHoverColor: var(--th-grey-light); --dashboardCardBackgroundActiveColor: var(--lightGrey); --dashboardCardHighlightColor: var(--primaryColor); --dashboardCardBorderColor: var(--lightGrey); --dashboardCardFooterLinkColor: var(--primaryColor); --dashboardCardAuditorColor: hsl(208, 100%, 43%); --dashboardCardAuditorLabelColor: hsl(208, 100%, 43%); --dashboardCardEditorLabelColor: var(--reachDeckEditorColor); --dashboardCardToolbarColor: var(--primaryColorOrange); --dashboardCardToolbarLabelColor: var(--primaryColorOrange); --dashboardPaneBackgroundColor: #fcfcfc; --dashboardPaneBorderColor: rgba(92, 106, 138, 0.4); --dashboardPaneDashedBorderColor: var(--dashboardDashedBorderLight); --icon-opacity: 1; } /** Button ---------------------------------------------------------*/ .gw-launchpad-button { position: relative; display: inline-block; font-family: "Open Sans", Arial, sans-serif; text-transform: none; padding: 10px 20px; height: 44px; min-width: 15px; font-size: 1.4em; font-weight: 600; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; overflow: visible; text-decoration: none; -webkit-transition: background-color ease-in-out 0.06s; transition: background-color ease-in-out 0.06s; -webkit-transform: none; transform: none; line-height: 1.4; -webkit-transition: color .10s ease-in-out, background-color .10s ease-in-out, border-color .10s ease-in-out, -webkit-box-shadow .10s ease-in-out; transition: color .10s ease-in-out, background-color .10s ease-in-out, border-color .10s ease-in-out, -webkit-box-shadow .10s ease-in-out; transition: color .10s ease-in-out, background-color .10s ease-in-out, border-color .10s ease-in-out, box-shadow .10s ease-in-out; transition: color .10s ease-in-out, background-color .10s ease-in-out, border-color .10s ease-in-out, box-shadow .10s ease-in-out, -webkit-box-shadow .10s ease-in-out; cursor: pointer; background-color: #d5d6d7; background-color: var(--defaultColor, var(--defaultColor)); color: black; color: var(--buttonTextColor, var(--fontColorDark)); border: 2px solid #d5d6d7; border: var(--buttonBorder, var(--buttonBorderColor)); border-radius: 30px; border-radius: var(--buttonBorderRadius, var(--buttonBorderRadius)); } .gw-launchpad-button:visited { text-decoration: none; color: black; color: var(--buttonTextVisitedColor, var(--buttonTextVisitedColor)); } .gw-launchpad-button:hover { background-color: #bbbdbe; background-color: var(--buttonBackgroundHoverColor, var(--defaultColorHover)); color: black; color: var(--buttonTextHoverColor, var(--fontColorDark)); border: 2px solid #bbbdbe; border: var(--buttonBorderColorHover, var(--buttonBorderColorHover)); } .gw-launchpad-button:hover, .gw-launchpad-button:focus { text-decoration: none; } .gw-launchpad-button:active { background-color: #a1a3a5; background-color: var(--buttonBackgroundActiveColor, var(--defaultColorActive)); color: black; color: var(--buttonTextActiveColor, var(--fontColorDark)); border: 2px solid #bbbdbe; border: var(--buttonBorderColorActive, var(--buttonBorderColorActive)); } .gw-launchpad-button>svg { fill: black; fill: var(--iconFillColor, var(--iconFillColor)); } .gw-launchpad-button--dropdown { position: relative; z-index: 2; } .gw-launchpad-button--dropdown>.gw-launchpad-button__icon { height: 11px; width: 11px; margin-left: 8px; } .gw-launchpad-button--no-background { background-color: #006fe6; background-color: var(--buttonNoBackgroundColor, var(--primaryColor)); color: white; color: var(--buttonNoBackgroundTextColor, var(--fontColorWhite)); fill: white; fill: var(--buttonNoBackgroundIconColor, var(--fontColorWhite)); border: #006fe6; border: var(--buttonNoBackgroundBorder, var(--primaryButtonBorder)); } .gw-launchpad-button--no-background:visited { text-decoration: none; color: white; color: var(--primaryButtonTextColor, var(white)); } .gw-launchpad-button--no-background:hover { background-color: #0056b3; background-color: var(--buttonNoBackgroundColorHover, var(--primaryColorHover)); color: white; color: var(--buttonNoBackgroundTextColor, var(--fontColorWhite)); border: 2px solid #0056b3; border: var(--buttonNoBackgroundBorderHover, var(--primaryButtonBorderHover)); } .gw-launchpad-button--no-background:active { background-color: #003e80; background-color: var(--buttonNoBackgroundColorActive, var(--primaryColorActive)); color: white; color: var(--buttonNoBackgroundTextColor, var(--fontColorWhite)); border: 2px solid #0056b3; border: var(--buttonNoBackgroundBorderActive, var(--primaryButtonBorderActive)); } .gw-launchpad-button--primary { background-color: #006fe6; background-color: var(--primaryButtonBackgroundColor, var(--primaryColor)); color: white; color: var(--primaryButtonTextColor, var(--fontColorWhite)); border: #006fe6; border: var(--primaryButtonBorder, var(--primaryButtonBorder)); border-radius: 30px; border-radius: var(--buttonBorderRadius, var(--buttonBorderRadius)); } .gw-launchpad-button--primary:visited { text-decoration: none; color: white; color: var(--primaryButtonTextColor, var(white)); } .gw-launchpad-button--primary:hover { background-color: #0056b3; background-color: var(--primaryButtonBackgroundHoverColor, var(--primaryColorHover)); color: white; color: var(--primaryButtonTextHoverColor, var(--fontColorWhite)); border: 2px solid #0056b3; border: var(--primaryButtonBorderHover, var(--primaryButtonBorderHover)); } .gw-launchpad-button--primary:active { background-color: #003e80; background-color: var(--primaryButtonBackgroundActiveColor, var(--primaryColorActive)); color: white; color: var(--primaryButtonTextActiveColor, var(--fontColorWhite)); border: 2px solid #0056b3; border: var(--primaryButtonBorderActive, var(--primaryButtonBorderActive)); } .gw-launchpad-button--primary>svg { fill: black; fill: var(--buttonIconFillColor, var(--buttonIconFillColor)); } .gw-launchpad-button--secondary { background-color: #434e65; background-color: var(--secondaryButtonBackgroundColor, var(--secondaryColor)); color: white; color: var(--secondaryButtonTextColor, var(--fontColorWhite)); border: 2px solid #434e65; border: var(--secondaryButtonBorder, var(--secondaryButtonBorderColor)); border-radius: 30px; border-radius: var(--secondaryButtonBorderRadius, var(--buttonBorderRadius)); } .gw-launchpad-button--secondary:visited { text-decoration: none; color: white; color: var(--secondaryButtonTextColor, var(--fontColorWhite)); } .gw-launchpad-button--secondary:hover { background-color: #2f3646; background-color: var(--secondaryButtonBackgroundHoverColor, var(--secondaryColorHover)); color: white; color: var(--secondaryButtonTextHoverColor, var(--fontColorWhite)); border: 2px solid #2f3646; border: var(--secondaryButtonBorderHover, var(--secondaryButtonBorderColorHover)); } .gw-launchpad-button--secondary:active { background-color: #1b1f28; background-color: var(--secondaryButtonBackgroundActiveColor, var(--secondaryColorActive)); color: white; color: var(--secondaryButtonTextActiveColor, var(--fontColorWhite)); border: 2px solid #1b1f28; border: var(--secondaryButtonBorderColorActive, var(--secondaryButtonBorderColorActive)); } .gw-launchpad-button--secondary>svg { fill: black; fill: var(--secondaryButtonIconFillColor, var(--secondaryButtonIconFillColor)); } .gw-launchpad-button:disabled, .gw-launchpad-button[disabled] { pointer-events: none; opacity: 0.36; } .gw-launchpad-button:disabled .gw-launchpad-button__icon, .gw-launchpad-button[disabled] .gw-launchpad-button__icon { opacity: 0.36; } .gw-launchpad-button--s1 { padding: 6px 15px; font-size: 1.3em; height: 36px; line-height: 1.5; } .gw-launchpad-button--s2 { padding: 10px 20px; font-size: 1.5em; height: 44px; line-height: 1.4; } .gw-launchpad-button--s3 { padding: 16px 38px; font-size: 1.7em; height: 56px; line-height: 1.3; } .gw-launchpad-button--full-width { width: 100%; } .gw-launchpad-button__icon { position: relative; top: -1px; right: 2px; height: 18px; width: 18px; vertical-align: middle; margin: 0 .2em 0 0; } .gw-launchpad-button--double-icon { font-size: 1.3em; font-weight: 700; text-transform: uppercase; } .gw-launchpad-button--green { background-color: var(--primaryColorGreen); border: var(--buttonBorderGreen); color: white; } .gw-launchpad-button--green:visited { color: white; text-decoration: none; } .gw-launchpad-button--green:hover { background-color: var(--primaryColorGreenHover); border: var(--buttonBorderGreenHover); color: white; } .gw-launchpad-button--green:active { background-color: var(--primaryColorGreenActive); border: var(--buttonBorderGreenActive); color: white; } .gw-launchpad-button--pink { background-color: var(--primaryColorPink); border: var(--buttonBorderPink); color: white; } .gw-launchpad-button--pink:visited { color: white; text-decoration: none; } .gw-launchpad-button--pink:hover { background-color: var(--primaryColorPinkHover); border: var(--buttonBorderPinkHover); color: white; } .gw-launchpad-button--pink:active { background-color: var(--primaryColorPinkActive); border: var(--buttonBorderPinkActive); color: white; } .gw-launchpad-button--teal { background-color: var(--primaryColorTeal); border: var(--buttonBorderTeal); color: white; } .gw-launchpad-button--teal:visited { color: white; text-decoration: none; } .gw-launchpad-button--teal:hover { background-color: var(--primaryColorTealHover); border: var(--buttonBorderTealHover); color: white; } .gw-launchpad-button--teal:active { background-color: var(--primaryColorTealActive); border: var(--buttonBorderTealActive); color: white; } .gw-launchpad-button--purple { background-color: var(--primaryColorPurple); border: var(--buttonBorderPurple); color: white; } .gw-launchpad-button--purple:visited { color: white; text-decoration: none; } .gw-launchpad-button--purple:hover { background-color: var(--primaryColorPurpleHover); border: var(--buttonBorderPurpleHover); color: white; } .gw-launchpad-button--purple:active { background-color: var(--primaryColorPurpleActive); border: var(--buttonBorderPurpleActive); color: white; } .gw-launchpad-button--orange { background-color: var(--primaryColorOrange); border: var(--buttonBorderOrange); color: white; } .gw-launchpad-button--orange:visited { color: white; text-decoration: none; } .gw-launchpad-button--orange:hover { background-color: var(--primaryColorOrangeHover); border: var(--buttonBorderOrangeHover); color: white; } .gw-launchpad-button--orange:active { background-color: var(--primaryColorOrangeActive); border: var(--buttonBorderOrangeActive); color: white; } .gw-launchpad-button--blue { background-color: var(--primaryColorBlue); border: var(--buttonBorderBlue); color: white; } .gw-launchpad-button--blue:visited { color: white; text-decoration: none; } .gw-launchpad-button--blue:hover { background-color: var(--primaryColorBlueHover); border: var(--buttonBorderBlueHover); color: white; } .gw-launchpad-button--blue:active { background-color: var(--primaryColorBlueActive); border: var(--buttonBorderBlueActive); color: white; } .gw-launchpad-button--light { background-color: var(--launchpadButtonLight); border: var(--launchpadButtonLight); } .gw-launchpad-button--light:visited { text-decoration: none; } .gw-launchpad-button--light:hover { background-color: var(--launchpadButtonLightHover); border: var(--launchpadButtonLightHover); } .gw-launchpad-button--light:active { background-color: var(--launchpadButtonLightActive); border: var(--launchpadButtonLightActive); } .gw-launchpad-button--link { font-weight: 400; color: var(--buttonLinkTextColor) !important; background-color: transparent; border: 2px solid transparent; text-decoration: none; } .gw-launchpad-button--link:visited { color: var(--primaryColor); } .gw-launchpad-button--link:hover { background-color: transparent; border: 2px solid transparent; color: var(--primaryColorHover); text-decoration: underline; } .gw-launchpad-button--link:focus { background-color: transparent; border: 2px solid transparent; text-decoration: underline; } .gw-launchpad-button--link:active { background-color: transparent; border: 2px solid transparent; color: var(--primaryColorActive); } .gw-launchpad-button--link-dark { color: var(--fontColorWhite) !important; font-weight: 600; background-color: transparent; border: 2px solid transparent; text-decoration: none; } .gw-launchpad-button--link-dark:visited { color: var(--fontColorWhite); text-decoration: none; } .gw-launchpad-button--link-dark:hover { color: var(--fontColorWhite); text-decoration: underline; background-color: transparent; border: 2px solid transparent; } .gw-launchpad-button--link-dark:active { color: white; } .gw-launchpad-button--icon { background-color: var(--transparent); color: white; border: 2px solid transparent; fill: black; fill: var(--toolbarIconButtonFillColor, var(--fontColorDark)); } .gw-launchpad-button--icon:disabled, .gw-launchpad-button--icon[disabled] { background-color: var(--transparent); border-color: var(--transparent); } .gw-launchpad-button--icon:visited { color: var(--fontColorDark); text-decoration: none; } .gw-launchpad-button--icon:hover { background-color: var(--defaultColorHover); color: rgba(0, 0, 0, 0.6); } .gw-launchpad-button--icon:hover, .gw-launchpad-button--icon:focus { text-decoration: none; } .gw-launchpad-button--icon:active { background-color: var(--defaultColorActive, #a1a3a5); color: var(--fontColorDark, black); } ::slotted(.gw-launchpad-button__icon) { position: relative; top: -1px; right: 2px; height: 18px; width: 18px; vertical-align: middle; margin: 0; } /** Button ---------------------------------------------------------*/ .gw-launchpad-button, .gw-launchpad-button-outlined, .gw-launchpad-icon-button, .gw-launchpad-input-group-button { position: relative; display: inline-block; font-family: "Open Sans", Arial, sans-serif; text-transform: none; padding: 10px 20px; height: 44px; min-width: 15px; font-size: 1.4em; font-weight: 600; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; overflow: visible; text-decoration: none; -webkit-transition: background-color ease-in-out 0.06s; transition: background-color ease-in-out 0.06s; -webkit-transform: none; transform: none; line-height: 1.4; -webkit-transition: color .10s ease-in-out, background-color .10s ease-in-out, border-color .10s ease-in-out, -webkit-box-shadow .10s ease-in-out; transition: color .10s ease-in-out, background-color .10s ease-in-out, border-color .10s ease-in-out, -webkit-box-shadow .10s ease-in-out; transition: color .10s ease-in-out, background-color .10s ease-in-out, border-color .10s ease-in-out, box-shadow .10s ease-in-out; transition: color .10s ease-in-out, background-color .10s ease-in-out, border-color .10s ease-in-out, box-shadow .10s ease-in-out, -webkit-box-shadow .10s ease-in-out; cursor: pointer; background-color: #d5d6d7; background-color: var(--defaultColor, var(--defaultColor)); color: black; color: var(--buttonTextColor, var(--fontColorDark)); border: 2px solid #d5d6d7; border: var(--buttonBorder, var(--buttonBorderColor)); border-radius: 30px; border-radius: var(--buttonBorderRadius, var(--buttonBorderRadius)); } .gw-launchpad-button:visited, .gw-launchpad-button-outlined:visited, .gw-launchpad-icon-button:visited, .gw-launchpad-input-group-button:visited { text-decoration: none; color: black; color: var(--buttonTextVisitedColor, var(--buttonTextVisitedColor)); } .gw-launchpad-button:hover, .gw-launchpad-button-outlined:hover, .gw-launchpad-icon-button:hover, .gw-launchpad-input-group-button:hover { background-color: #bbbdbe; background-color: var(--buttonBackgroundHoverColor, var(--defaultColorHover)); color: black; color: var(--buttonTextHoverColor, var(--fontColorDark)); border: 2px solid #bbbdbe; border: var(--buttonBorderColorHover, var(--buttonBorderColorHover)); } .gw-launchpad-button:hover, .gw-launchpad-button-outlined:hover, .gw-launchpad-icon-button:hover, .gw-launchpad-input-group-button:hover, .gw-launchpad-button:focus, .gw-launchpad-button-outlined:focus, .gw-launchpad-icon-button:focus, .gw-launchpad-input-group-button:focus { text-decoration: none; } .gw-launchpad-button:active, .gw-launchpad-button-outlined:active, .gw-launchpad-icon-button:active, .gw-launchpad-input-group-button:active { background-color: #a1a3a5; background-color: var(--buttonBackgroundActiveColor, var(--defaultColorActive)); color: black; color: var(--buttonTextActiveColor, var(--fontColorDark)); border: 2px solid #bbbdbe; border: var(--buttonBorderColorActive, var(--buttonBorderColorActive)); } .gw-launchpad-button>svg, .gw-launchpad-button-outlined>svg, .gw-launchpad-icon-button>svg, .gw-launchpad-input-group-button>svg { fill: black; fill: var(--iconFillColor, var(--iconFillColor)); } .gw-launchpad-button--dropdown { position: relative; z-index: 2; } .gw-launchpad-button--dropdown>.gw-launchpad-button__icon, .gw-launchpad-button--dropdown>.gw-launchpad-icon-button__icon, .gw-launchpad-button--dropdown>.gw-launchpad-input-group-button__icon { height: 11px; width: 11px; margin-left: 8px; } .gw-launchpad-button--no-background { background-color: #006fe6; background-color: var(--buttonNoBackgroundColor, var(--primaryColor)); color: white; color: var(--buttonNoBackgroundTextColor, var(--fontColorWhite)); fill: white; fill: var(--buttonNoBackgroundIconColor, var(--fontColorWhite)); border: #006fe6; border: var(--buttonNoBackgroundBorder, var(--primaryButtonBorder)); } .gw-launchpad-button--no-background:visited { text-decoration: none; color: white; color: var(--primaryButtonTextColor, var(white)); } .gw-launchpad-button--no-background:hover { background-color: #0056b3; background-color: var(--buttonNoBackgroundColorHover, var(--primaryColorHover)); color: white; color: var(--buttonNoBackgroundTextColor, var(--fontColorWhite)); border: 2px solid #0056b3; border: var(--buttonNoBackgroundBorderHover, var(--primaryButtonBorderHover)); } .gw-launchpad-button--no-background:active { background-color: #003e80; background-color: var(--buttonNoBackgroundColorActive, var(--primaryColorActive)); color: white; color: var(--buttonNoBackgroundTextColor, var(--fontColorWhite)); border: 2px solid #0056b3; border: var(--buttonNoBackgroundBorderActive, var(--primaryButtonBorderActive)); } .gw-launchpad-button--primary { background-color: #006fe6; background-color: var(--primaryButtonBackgroundColor, var(--primaryColor)); color: white; color: var(--primaryButtonTextColor, var(--fontColorWhite)); border: #006fe6; border: var(--primaryButtonBorder, var(--primaryButtonBorder)); border-radius: 30px; border-radius: var(--buttonBorderRadius, var(--buttonBorderRadius)); } .gw-launchpad-button--primary:visited { text-decoration: none; color: white; color: var(--primaryButtonTextColor, var(white)); } .gw-launchpad-button--primary:hover { background-color: #0056b3; background-color: var(--primaryButtonBackgroundHoverColor, var(--primaryColorHover)); color: white; color: var(--primaryButtonTextHoverColor, var(--fontColorWhite)); border: 2px solid #0056b3; border: var(--primaryButtonBorderHover, var(--primaryButtonBorderHover)); } .gw-launchpad-button--primary:active { background-color: #003e80; background-color: var(--primaryButtonBackgroundActiveColor, var(--primaryColorActive)); color: white; color: var(--primaryButtonTextActiveColor, var(--fontColorWhite)); border: 2px solid #0056b3; border: var(--primaryButtonBorderActive, var(--primaryButtonBorderActive)); } .gw-launchpad-button--primary>svg { fill: black; fill: var(--buttonIconFillColor, var(--buttonIconFillColor)); } .gw-launchpad-button--secondary { background-color: #434e65; background-color: var(--secondaryButtonBackgroundColor, var(--secondaryColor)); color: white; color: var(--secondaryButtonTextColor, var(--fontColorWhite)); border: 2px solid #434e65; border: var(--secondaryButtonBorder, var(--secondaryButtonBorderColor)); border-radius: 30px; border-radius: var(--secondaryButtonBorderRadius, var(--buttonBorderRadius)); } .gw-launchpad-button--secondary:visited { text-decoration: none; color: white; color: var(--secondaryButtonTextColor, var(--fontColorWhite)); } .gw-launchpad-button--secondary:hover { background-color: #2f3646; background-color: var(--secondaryButtonBackgroundHoverColor, var(--secondaryColorHover)); color: white; color: var(--secondaryButtonTextHoverColor, var(--fontColorWhite)); border: 2px solid #2f3646; border: var(--secondaryButtonBorderHover, var(--secondaryButtonBorderColorHover)); } .gw-launchpad-button--secondary:active { background-color: #1b1f28; background-color: var(--secondaryButtonBackgroundActiveColor, var(--secondaryColorActive)); color: white; color: var(--secondaryButtonTextActiveColor, var(--fontColorWhite)); border: 2px solid #1b1f28; border: var(--secondaryButtonBorderColorActive, var(--secondaryButtonBorderColorActive)); } .gw-launchpad-button--secondary>svg { fill: black; fill: var(--secondaryButtonIconFillColor, var(--secondaryButtonIconFillColor)); } .gw-launchpad-button:disabled, .gw-launchpad-button-outlined:disabled, .gw-launchpad-icon-button:disabled, .gw-launchpad-input-group-button:disabled, .gw-launchpad-button[disabled], .gw-launchpad-button-outlined[disabled], .gw-launchpad-icon-button[disabled], .gw-launchpad-input-group-button[disabled] { pointer-events: none; opacity: 0.36; } .gw-launchpad-button:disabled .gw-launchpad-button__icon, .gw-launchpad-button-outlined:disabled .gw-launchpad-button__icon, .gw-launchpad-icon-button:disabled .gw-launchpad-button__icon, .gw-launchpad-input-group-button:disabled .gw-launchpad-button__icon, .gw-launchpad-button:disabled .gw-launchpad-icon-button__icon, .gw-launchpad-button-outlined:disabled .gw-launchpad-icon-button__icon, .gw-launchpad-icon-button:disabled .gw-launchpad-icon-button__icon, .gw-launchpad-input-group-button:disabled .gw-launchpad-icon-button__icon, .gw-launchpad-button:disabled .gw-launchpad-input-group-button__icon, .gw-launchpad-button-outlined:disabled .gw-launchpad-input-group-button__icon, .gw-launchpad-icon-button:disabled .gw-launchpad-input-group-button__icon, .gw-launchpad-input-group-button:disabled .gw-launchpad-input-group-button__icon, .gw-launchpad-button[disabled] .gw-launchpad-button__icon, .gw-launchpad-button-outlined[disabled] .gw-launchpad-button__icon, .gw-launchpad-icon-button[disabled] .gw-launchpad-button__icon, .gw-launchpad-input-group-button[disabled] .gw-launchpad-button__icon, .gw-launchpad-button[disabled] .gw-launchpad-icon-button__icon, .gw-launchpad-button-outlined[disabled] .gw-launchpad-icon-button__icon, .gw-launchpad-icon-button[disabled] .gw-launchpad-icon-button__icon, .gw-launchpad-input-group-button[disabled] .gw-launchpad-icon-button__icon, .gw-launchpad-button[disabled] .gw-launchpad-input-group-button__icon, .gw-launchpad-button-outlined[disabled] .gw-launchpad-input-group-button__icon, .gw-launchpad-icon-button[disabled] .gw-launchpad-input-group-button__icon, .gw-launchpad-input-group-button[disabled] .gw-launchpad-input-group-button__icon { opacity: 0.36; } .gw-launchpad-button--s1, .gw-launchpad-button-outlined--s1 { padding: 6px 15px; font-size: 1.3em; height: 36px; line-height: 1.5; } .gw-launchpad-button--s2, .gw-launchpad-button-outlined--s2 { padding: 10px 20px; font-size: 1.5em; height: 44px; line-height: 1.4; } .gw-launchpad-button--s3, .gw-launchpad-button-outlined--s3 { padding: 16px 38px; font-size: 1.7em; height: 56px; line-height: 1.3; } .gw-launchpad-button--full-width, .gw-launchpad-button-outlined--full-width { width: 100%; } .gw-launchpad-button__icon, .gw-launchpad-icon-button__icon, .gw-launchpad-input-group-button__icon { position: relative; top: -1px; right: 2px; height: 18px; width: 18px; vertical-align: middle; margin: 0 .2em 0 0; } .gw-launchpad-button--double-icon { font-size: 1.3em; font-weight: 700; text-transform: uppercase; } .gw-launchpad-button--green { background-color: var(--primaryColorGreen); border: var(--buttonBorderGreen); color: white; } .gw-launchpad-button--green:visited { color: white; text-decoration: none; } .gw-launchpad-button--green:hover { background-color: var(--primaryColorGreenHover); border: var(--buttonBorderGreenHover); color: white; } .gw-launchpad-button--green:active { background-color: var(--primaryColorGreenActive); border: var(--buttonBorderGreenActive); color: white; } .gw-launchpad-button--pink { background-color: var(--primaryColorPink); border: var(--buttonBorderPink); color: white; } .gw-launchpad-button--pink:visited { color: white; text-decoration: none; } .gw-launchpad-button--pink:hover { background-color: var(--primaryColorPinkHover); border: var(--buttonBorderPinkHover); color: white; } .gw-launchpad-button--pink:active { background-color: var(--primaryColorPinkActive); border: var(--buttonBorderPinkActive); color: white; } .gw-launchpad-button--teal { background-color: var(--primaryColorTeal); border: var(--buttonBorderTeal); color: white; } .gw-launchpad-button--teal:visited { color: white; text-decoration: none; } .gw-launchpad-button--teal:hover { background-color: var(--primaryColorTealHover); border: var(--buttonBorderTealHover); color: white; } .gw-launchpad-button--teal:active { background-color: var(--primaryColorTealActive); border: var(--buttonBorderTealActive); color: white; } .gw-launchpad-button--purple { background-color: var(--primaryColorPurple); border: var(--buttonBorderPurple); color: white; } .gw-launchpad-button--purple:visited { color: white; text-decoration: none; } .gw-launchpad-button--purple:hover { background-color: var(--primaryColorPurpleHover); border: var(--buttonBorderPurpleHover); color: white; } .gw-launchpad-button--purple:active { background-color: var(--primaryColorPurpleActive); border: var(--buttonBorderPurpleActive); color: white; } .gw-launchpad-button--orange { background-color: var(--primaryColorOrange); border: var(--buttonBorderOrange); color: white; } .gw-launchpad-button--orange:visited { color: white; text-decoration: none; } .gw-launchpad-button--orange:hover { background-color: var(--primaryColorOrangeHover); border: var(--buttonBorderOrangeHover); color: white; } .gw-launchpad-button--orange:active { background-color: var(--primaryColorOrangeActive); border: var(--buttonBorderOrangeActive); color: white; } .gw-launchpad-button--blue { background-color: var(--primaryColorBlue); border: var(--buttonBorderBlue); color: white; } .gw-launchpad-button--blue:visited { color: white; text-decoration: none; } .gw-launchpad-button--blue:hover { background-color: var(--primaryColorBlueHover); border: var(--buttonBorderBlueHover); color: white; } .gw-launchpad-button--blue:active { background-color: var(--primaryColorBlueActive); border: var(--buttonBorderBlueActive); color: white; } .gw-launchpad-button--light { background-color: var(--launchpadButtonLight); border: var(--launchpadButtonLight); } .gw-launchpad-button--light:visited { text-decoration: none; } .gw-launchpad-button--light:hover { background-color: var(--launchpadButtonLightHover); border: var(--launchpadButtonLightHover); } .gw-launchpad-button--light:active { background-color: var(--launchpadButtonLightActive); border: var(--launchpadButtonLightActive); } .gw-launchpad-button--link { font-weight: 400; color: var(--buttonLinkTextColor) !important; background-color: transparent; border: 2px solid transparent; text-decoration: none; } .gw-launchpad-button--link:visited { color: var(--primaryColor); } .gw-launchpad-button--link:hover { background-color: transparent; border: 2px solid transparent; color: var(--primaryColorHover); text-decoration: underline; } .gw-launchpad-button--link:focus { background-color: transparent; border: 2px solid transparent; text-decoration: underline; } .gw-launchpad-button--link:active { background-color: transparent; border: 2px solid transparent; color: var(--primaryColorActive); } .gw-launchpad-button--link-dark { color: var(--fontColorWhite) !important; font-weight: 600; background-color: transparent; border: 2px solid transparent; text-decoration: none; } .gw-launchpad-button--link-dark:visited { color: var(--fontColorWhite); text-decoration: none; } .gw-launchpad-button--link-dark:hover { color: var(--fontColorWhite); text-decoration: underline; background-color: transparent; border: 2px solid transparent; } .gw-launchpad-button--link-dark:active { color: white; } .gw-launchpad-button--icon { background-color: var(--transparent); color: white; border: 2px solid transparent; fill: black; fill: var(--toolbarIconButtonFillColor, var(--fontColorDark)); } .gw-launchpad-button--icon:disabled, .gw-launchpad-button--icon[disabled] { background-color: var(--transparent); border-color: var(--transparent); } .gw-launchpad-button--icon:visited { color: var(--fontColorDark); text-decoration: none; } .gw-launchpad-button--icon:hover { background-color: var(--defaultColorHover); color: rgba(0, 0, 0, 0.6); } .gw-launchpad-button--icon:hover, .gw-launchpad-button--icon:focus { text-decoration: none; } .gw-launchpad-button--icon:active { background-color: var(--defaultColorActive, #a1a3a5); color: var(--fontColorDark, black); } ::slotted(.gw-launchpad-button__icon, .gw-launchpad-icon-button__icon, .gw-launchpad-input-group-button__icon) { position: relative; top: -1px; right: 2px; height: 18px; width: 18px; vertical-align: middle; margin: 0; } /** Button ---------------------------------------------------------*/ .gw-launchpad-button, .gw-launchpad-button-outlined, .gw-launchpad-icon-button, .gw-launchpad-input-group-button { position: relative; display: inline-block; font-family: "Open Sans", Arial, sans-serif; text-transform: none; padding: 10px 20px; height: 44px; min-width: 15px; font-size: 1.4em; font-weight: 600; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; overflow: visible; text-decoration: none; -webkit-transition: background-color ease-in-out 0.06s; transition: background-color ease-in-out 0.06s; -webkit-transform: none; transform: none; line-height: 1.4; -webkit-transition: color .10s ease-in-out, background-color .10s ease-in-out, border-color .10s ease-in-out, -webkit-box-shadow .10s ease-in-out; transition: color .10s ease-in-out, background-color .10s ease-in-out, border-color .10s ease-in-out, -webkit-box-shadow .10s ease-in-out; transition: color .10s ease-in-out, background-color .10s ease-in-out, border-color .10s ease-in-out, box-shadow .10s ease-in-out; transition: color .10s ease-in-out, background-color .10s ease-in-out, border-color .10s ease-in-out, box-shadow .10s ease-in-out, -webkit-box-shadow .10s ease-in-out; cursor: pointer; background-color: #d5d6d7; background-color: var(--defaultColor, var(--defaultColor)); color: black; color: var(--buttonTextColor, var(--fontColorDark)); border: 2px solid #d5d6d7; border: var(--buttonBorder, var(--buttonBorderColor)); border-radius: 30px; border-radius: var(--buttonBorderRadius, var(--buttonBorderRadius)); } .gw-launchpad-button:visited, .gw-launchpad-button-outlined:visited, .gw-launchpad-icon-button:visited, .gw-launchpad-input-group-button:visited { text-decoration: none; color: black; color: var(--buttonTextVisitedColor, var(--buttonTextVisitedColor)); } .gw-launchpad-button:hover, .gw-launchpad-button-outlined:hover, .gw-launchpad-icon-button:hover, .gw-launchpad-input-group-button:hover { background-color: #bbbdbe; background-color: var(--buttonBackgroundHoverColor, var(--defaultColorHover)); color: black; color: var(--buttonTextHoverColor, var(--fontColorDark)); border: 2px solid #bbbdbe; border: var(--buttonBorderColorHover, var(--buttonBorderColorHover)); } .gw-launchpad-button:hover, .gw-launchpad-button-outlined:hover, .gw-launchpad-icon-button:hover, .gw-launchpad-input-group-button:hover, .gw-launchpad-button:focus, .gw-launchpad-button-outlined:focus, .gw-launchpad-icon-button:focus, .gw-launchpad-input-group-button:focus { text-decoration: none; } .gw-launchpad-button:active, .gw-launchpad-button-outlined:active, .gw-launchpad-icon-button:active, .gw-launchpad-input-group-button:active { background-color: #a1a3a5; background-color: var(--buttonBackgroundActiveColor, var(--defaultColorActive)); color: black; color: var(--buttonTextActiveColor, var(--fontColorDark)); border: 2px solid #bbbdbe; border: var(--buttonBorderColorActive, var(--buttonBorderColorActive)); } .gw-launchpad-button>svg, .gw-launchpad-button-outlined>svg, .gw-launchpad-icon-button>svg, .gw-launchpad-input-group-button>svg { fill: black; fill: var(--iconFillColor, var(--iconFillColor)); } .gw-launchpad-button--dropdown { position: relative; z-index: 2; } .gw-launchpad-button--dropdown>.gw-launchpad-button__icon, .gw-launchpad-button--dropdown>.gw-launchpad-icon-button__icon, .gw-launchpad-button--dropdown>.gw-launchpad-input-group-button__icon { height: 11px; width: 11px; margin-left: 8px; } .gw-launchpad-button--no-background { background-color: #006fe6; background-color: var(--buttonNoBackgroundColor, var(--primaryColor)); color: white; color: var(--buttonNoBackgroundTextColor, var(--fontColorWhite)); fill: white; fill: var(--buttonNoBackgroundIconColor, var(--fontColorWhite)); border: #006fe6; border: var(--buttonNoBackgroundBorder, var(--primaryButtonBorder)); } .gw-launchpad-button--no-background:visited { text-decoration: none; color: white; color: var(--primaryButtonTextColor, var(white)); } .gw-launchpad-button--no-background:hover { background-color: #0056b3; background-color: var(--buttonNoBackgroundColorHover, var(--primaryColorHover)); color: white; color: var(--buttonNoBackgroundTextColor, var(--fontColorWhite)); border: 2px solid #0056b3; border: var(--buttonNoBackgroundBorderHover, var(--primaryButtonBorderHover)); } .gw-launchpad-button--no-background:active { background-color: #003e80; background-color: var(--buttonNoBackgroundColorActive, var(--primaryColorActive)); color: white; color: var(--buttonNoBackgroundTextColor, var(--fontColorWhite)); border: 2px solid #0056b3; border: var(--buttonNoBackgroundBorderActive, var(--primaryButtonBorderActive)); } .gw-launchpad-button--primary { background-color: #006fe6; background-color: var(--primaryButtonBackgroundColor, var(--primaryColor)); color: white; color: var(--primaryButtonTextColor, var(--fontColorWhite)); border: #006fe6; border: var(--primaryButtonBorder, var(--primaryButtonBorder)); border-radius: 30px; border-radius: var(--buttonBorderRadius, var(--buttonBorderRadius)); } .gw-launchpad-button--primary:visited { text-decoration: none; color: white; color: var(--primaryButtonTextColor, var(white)); } .gw-launchpad-button--primary:hover { background-color: #0056b3; background-color: var(--primaryButtonBackgroundHoverColor, var(--primaryColorHover)); color: white; color: var(--primaryButtonTextHoverColor, var(--fontColorWhite)); border: 2px solid #0056b3; border: var(--primaryButtonBorderHover, var(--primaryButtonBorderHover)); } .gw-launchpad-button--primary:active { background-color: #003e80; background-color: var(--primaryButtonBackgroundActiveColor, var(--primaryColorActive)); color: white; color: var(--primaryButtonTextActiveColor, var(--fontColorWhite)); border: 2px solid #0056b3; border: var(--primaryButtonBorderActive, var(--primaryButtonBorderActive)); } .gw-launchpad-button--primary>svg { fill: black; fill: var(--buttonIconFillColor, var(--buttonIconFillColor)); } .gw-launchpad-button--secondary { background-color: #434e65; background-color: var(--secondaryButtonBackgroundColor, var(--secondaryColor)); color: white; color: var(--secondaryButtonTextColor, var(--fontColorWhite)); border: 2px solid #434e65; border: var(--secondaryButtonBorder, var(--secondaryButtonBorderColor)); border-radius: 30px; border-radius: var(--secondaryButtonBorderRadius, var(--buttonBorderRadius)); } .gw-launchpad-button--secondary:visited { text-decoration: none; color: white; color: var(--secondaryButtonTextColor, var(--fontColorWhite)); } .gw-launchpad-button--secondary:hover { background-color: #2f3646; background-color: var(--secondaryButtonBackgroundHoverColor, var(--secondaryColorHover)); color: white; color: var(--secondaryButtonTextHoverColor, var(--fontColorWhite)); border: 2px solid #2f3646; border: var(--secondaryButtonBorderHover, var(--secondaryButtonBorderColorHover)); } .gw-launchpad-button--secondary:active { background-color: #1b1f28; background-color: var(--secondaryButtonBackgroundActiveColor, var(--secondaryColorActive)); color: white; color: var(--secondaryButtonTextActiveColor, var(--fontColorWhite)); border: 2px solid #1b1f28; border: var(--secondaryButtonBorderColorActive, var(--secondaryButtonBorderColorActive)); } .gw-launchpad-button--secondary>svg { fill: black; fill: var(--secondaryButtonIconFillColor, var(--secondaryButtonIconFillColor)); } .gw-launchpad-button:disabled, .gw-launchpad-button-outlined:disabled, .gw-launchpad-icon-button:disabled, .gw-launchpad-input-group-button:disabled, .gw-launchpad-button[disabled], .gw-launchpad-button-outlined[disabled], .gw-launchpad-icon-button[disabled], .gw-launchpad-input-group-button[disabled] { pointer-events: none; opacity: 0.36; } .gw-launchpad-button:disabled .gw-launchpad-button__icon, .gw-launchpad-button-outlined:disabled .gw-launchpad-button__icon, .gw-launchpad-icon-button:disabled .gw-launchpad-button__icon, .gw-launchpad-input-group-button:disabled .gw-launchpad-button__icon, .gw-launchpad-button:disabled .gw-launchpad-icon-button__icon, .gw-launchpad-button-outlined:disabled .gw-launchpad-icon-button__icon, .gw-launchpad-icon-button:disabled .gw-launchpad-icon-button__icon, .gw-launchpad-input-group-button:disabled .gw-launchpad-icon-button__icon, .gw-launchpad-button:disabled .gw-launchpad-input-group-button__icon, .gw-launchpad-button-outlined:disabled .gw-launchpad-input-group-button__icon, .gw-launchpad-icon-button:disabled .gw-launchpad-input-group-button__icon, .gw-launchpad-input-group-button:disabled .gw-launchpad-input-group-button__icon, .gw-launchpad-button[disabled] .gw-launchpad-button__icon, .gw-launchpad-button-outlined[disabled] .gw-launchpad-button__icon, .gw-launchpad-icon-button[disabled] .gw-launchpad-button__icon, .gw-launchpad-input-group-button[disabled] .gw-launchpad-button__icon, .gw-launchpad-button[disabled] .gw-launchpad-icon-button__icon, .gw-launchpad-button-outlined[disabled] .gw-launchpad-icon-button__icon, .gw-launchpad-icon-button[disabled] .gw-launchpad-icon-button__icon, .gw-launchpad-input-group-button[disabled] .gw-launchpad-icon-button__icon, .gw-launchpad-button[disabled] .gw-launchpad-input-group-button__icon, .gw-launchpad-button-outlined[disabled] .gw-launchpad-input-group-button__icon, .gw-launchpad-icon-button[disabled] .gw-launchpad-input-group-button__icon, .gw-launchpad-input-group-button[disabled] .gw-launchpad-input-group-button__icon { opacity: 0.36; } .gw-launchpad-button--s1, .gw-launchpad-button-outlined--s1 { padding: 6px 15px; font-size: 1.3em; height: 36px; line-height: 1.5; } .gw-launchpad-button--s2, .gw-launchpad-button-outlined--s2 { padding: 10px 20px; font-size: 1.5em; height: 44px; line-height: 1.4; } .gw-launchpad-button--s3, .gw-launchpad-button-outlined--s3 { padding: 16px 38px; font-size: 1.7em; height: 56px; line-height: 1.3; } .gw-launchpad-button--full-width, .gw-launchpad-button-outlined--full-width { width: 100%; } .gw-launchpad-button__icon, .gw-launchpad-icon-button__icon, .gw-launchpad-input-group-button__icon { position: relative; top: -1px; right: 2px; height: 18px; width: 18px; vertical-align: middle; margin: 0 .2em 0 0; } .gw-launchpad-button--double-icon { font-size: 1.3em; font-weight: 700; text-transform: uppercase; } .gw-launchpad-button--green { background-color: var(--primaryColorGreen); border: var(--buttonBorderGreen); color: white; } .gw-launchpad-button--green:visited { color: white; text-decoration: none; } .gw-launchpad-button--green:hover { background-color: var(--primaryColorGreenHover); border: var(--buttonBorderGreenHover); color: white; } .gw-launchpad-button--green:active { background-color: var(--primaryColorGreenActive); border: var(--buttonBorderGreenActive); color: white; } .gw-launchpad-button--pink { background-color: var(--primaryColorPink); border: var(--buttonBorderPink); color: white; } .gw-launchpad-button--pink:visited { color: white; text-decoration: none; } .gw-launchpad-button--pink:hover { background-color: var(--primaryColorPinkHover); border: var(--buttonBorderPinkHover); color: white; } .gw-launchpad-button--pink:active { background-color: var(--primaryColorPinkActive); border: var(--buttonBorderPinkActive); color: white; } .gw-launchpad-button--teal { background-color: var(--primaryColorTeal); border: var(--buttonBorderTeal); color: white; } .gw-launchpad-button--teal:visited { color: white; text-decoration: none; } .gw-launchpad-button--teal:hover { background-color: var(--primaryColorTealHover); border: var(--buttonBorderTealHover); color: white; } .gw-launchpad-button--teal:active { background-color: var(--primaryColorTealActive); border: var(--buttonBorderTealActive); color: white; } .gw-launchpad-button--purple { background-color: var(--primaryColorPurple); border: var(--buttonBorderPurple); color: white; } .gw-launchpad-button--purple:visited { color: white; text-decoration: none; } .gw-launchpad-button--purple:hover { background-color: var(--primaryColorPurpleHover); border: var(--buttonBorderPurpleHover); color: white; } .gw-launchpad-button--purple:active { background-color: var(--primaryColorPurpleActive); border: var(--buttonBorderPurpleActive); color: white; } .gw-launchpad-button--orange { background-color: var(--primaryColorOrange); border: var(--buttonBorderOrange); color: white; } .gw-launchpad-button--orange:visited { color: white; text-decoration: none; } .gw-launchpad-button--orange:hover { background-color: var(--primaryColorOrangeHover); border: var(--buttonBorderOrangeHover); color: white; } .gw-launchpad-button--orange:active { background-color: var(--primaryColorOrangeActive); border: var(--buttonBorderOrangeActive); color: white; } .gw-launchpad-button--blue { background-color: var(--primaryColorBlue); border: var(--buttonBorderBlue); color: white; } .gw-launchpad-button--blue:visited { color: white; text-decoration: none; } .gw-launchpad-button--blue:hover { background-color: var(--primaryColorBlueHover); border: var(--buttonBorderBlueHover); color: white; } .gw-launchpad-button--blue:active { background-color: var(--primaryColorBlueActive); border: var(--buttonBorderBlueActive); color: white; } .gw-launchpad-button--light { background-color: var(--launchpadButtonLight); border: var(--launchpadButtonLight); } .gw-launchpad-button--light:visited { text-decoration: none; } .gw-launchpad-button--light:hover { background-color: var(--launchpadButtonLightHover); border: var(--launchpadButtonLightHover); } .gw-launchpad-button--light:active { background-color: var(--launchpadButtonLightActive); border: var(--launchpadButtonLightActive); } .gw-launchpad-button--link { font-weight: 400; color: var(--buttonLinkTextColor) !important; background-color: transparent; border: 2px solid transparent; text-decoration: none; } .gw-launchpad-button--link:visited { color: var(--primaryColor); } .gw-launchpad-button--link:hover { background-color: transparent; border: 2px solid transparent; color: var(--primaryColorHover); text-decoration: underline; } .gw-launchpad-button--link:focus { background-color: transparent; border: 2px solid transparent; text-decoration: underline; } .gw-launchpad-button--link:active { background-color: transparent; border: 2px solid transparent; color: var(--primaryColorActive); } .gw-launchpad-button--link-dark { color: var(--fontColorWhite) !important; font-weight: 600; background-color: transparent; border: 2px solid transparent; text-decoration: none; } .gw-launchpad-button--link-dark:visited { color: var(--fontColorWhite); text-decoration: none; } .gw-launchpad-button--link-dark:hover { color: var(--fontColorWhite); text-decoration: underline; background-color: transparent; border: 2px solid transparent; } .gw-launchpad-button--link-dark:active { color: white; } .gw-launchpad-button--icon { background-color: var(--transparent); color: white; border: 2px solid transparent; fill: black; fill: var(--toolbarIconButtonFillColor, var(--fontColorDark)); } .gw-launchpad-button--icon:disabled, .gw-launchpad-button--icon[disabled] { background-color: var(--transparent); border-color: var(--transparent); } .gw-launchpad-button--icon:visited { color: var(--fontColorDark); text-decoration: none; } .gw-launchpad-button--icon:hover { background-color: var(--defaultColorHover); color: rgba(0, 0, 0, 0.6); } .gw-launchpad-button--icon:hover, .gw-launchpad-button--icon:focus { text-decoration: none; } .gw-launchpad-button--icon:active { background-color: var(--defaultColorActive, #a1a3a5); color: var(--fontColorDark, black); } ::slotted(.gw-launchpad-button__icon, .gw-launchpad-icon-button__icon, .gw-launchpad-input-group-button__icon) { position: relative; top: -1px; right: 2px; height: 18px; width: 18px; vertical-align: middle; margin: 0; } /** Button ---------------------------------------------------------*/ .gw-launchpad-button-outlined { background-color: transparent; border-color: var(--defaultColor); color: var(--fontColorDark); } .gw-launchpad-button-outlined:visited { color: var(--fontColorDark); text-decoration: none; } .gw-launchpad-button-outlined:hover { border-color: var(--defaultColorHover); background-color: var(--defaultColorHover); color: var(--fontColorDark); } .gw-launchpad-button-outlined:active { border-color: var(--defaultColorActive); background-color: var(--defaultColorActive); color: var(--fontColorDark); } .gw-launchpad-button-outlined--primary { background-color: transparent; color: var(--fontColorDark); border: #006fe6; border: var(--primaryButtonBorder, var(--primaryButtonBorder)); border-radius: 30px; border-radius: var(--buttonBorderRadius, var(--buttonBorderRadius)); } .gw-launchpad-button-outlined--primary:visited { color: var(--fontColorDark); text-decoration: none; } .gw-launchpad-button-outlined--primary:hover { background-color: #0056b3; background-color: var(--primaryButtonBackgroundHoverColor, var(--primaryColorHover)); border: 2px solid #0056b3; border: var(--primaryButtonBorderHover, var(--primaryButtonBorderHover)); color: var(--fontColorWhite); } .gw-launchpad-button-outlined--primary:active { border: 2px solid #0056b3; border: var(--primaryButtonBorderHover, var(--primaryButtonBorderHover)); background-color: #003e80; background-color: var(--primaryButtonBackgroundActiveColor, var(--primaryColorActive)); color: white; } .gw-launchpad-button-outlined--secondary { background-color: transparent; border: 2px solid #474747; border: var(--secondaryButtonBorder, var(--secondaryButtonBorderColor)); color: var(--fontColorDark); } .gw-launchpad-button-outlined--secondary:visited { color: var(--fontColorDark); text-decoration: none; } .gw-launchpad-button-outlined--secondary:hover { border-color: var(--secondaryColorHover); background-color: var(--secondaryColorHover); color: var(--fontColorWhite); } .gw-launchpad-button-outlined--secondary:active { border-color: var(--secondaryColorActive); background-color: var(--secondaryColorActive); color: white; } .gw-launchpad-button-outlined:disabled, .gw-launchpad-button-outlined[disabled] { pointer-events: none; color: var(--disabledColor); border-color: var(--disabledColor); } .gw-launchpad-button-outlined:disabled .gw-launchpad-button__icon, .gw-launchpad-button-outlined:disabled .gw-launchpad-icon-button__icon, .gw-launchpad-button-outlined:disabled .gw-launchpad-input-group-button__icon, .gw-launchpad-button-outlined[disabled] .gw-launchpad-button__icon, .gw-launchpad-button-outlined[disabled] .gw-launchpad-icon-button__icon, .gw-launchpad-button-outlined[disabled] .gw-launchpad-input-group-button__icon { opacity: 0.2; } .gw-launchpad-button-outlined--green { background-color: transparent; border-color: var(--primaryColorGreen); color: var(--fontColorDark); } .gw-launchpad-button-outlined--green:visited { color: var(--fontColorDark); text-decoration: none; } .gw-launchpad-button-outlined--green:hover { border-color: var(--primaryColorGreenHover); background-color: var(--primaryColorGreenHover); color: var(--fontColorWhite); } .gw-launchpad-button-outlined--green:active { border-color: var(--primaryColorGreenActive); background-color: var(--primaryColorGreenActive); color: white; } .gw-launchpad-button-outlined--pink { background-color: transparent; border-color: var(--primaryColorPink); color: var(--fontColorDark); } .gw-launchpad-button-outlined--pink:visited { color: var(--fontColorDark); text-decoration: none; } .gw-launchpad-button-outlined--pink:hover { border-color: var(--primaryColorPinkHover); background-color: var(--primaryColorPinkHover); color: white; } .gw-launchpad-button-outlined--pink:active { border-color: var(--primaryColorPinkActive); background-color: var(--primaryColorPinkActive); color: white; } .gw-launchpad-button-outlined--teal { background-color: transparent; border-color: var(--primaryColorTeal); color: var(--fontColorDark); } .gw-launchpad-button-outlined--teal:visited { color: var(--fontColorDark); text-decoration: none; } .gw-launchpad-button-outlined--teal:hover { border-color: var(--primaryColorTealHover); background-color: var(--primaryColorTealHover); color: var(--fontColorWhite); } .gw-launchpad-button-outlined--teal:active { border-color: var(--primaryColorTealActive); background-color: var(--primaryColorTealActive); color: white; } .gw-launchpad-button-outlined--purple { background-color: transparent; border-color: var(--primaryColorPurple); color: var(--fontColorDark); } .gw-launchpad-button-outlined--purple:visited { color: var(--fontColorDark); text-decoration: none; } .gw-launchpad-button-outlined--purple:hover { border-color: var(--primaryColorPurpleHover); background-color: var(--primaryColorPurpleHover); color: var(--fontColorWhite); } .gw-launchpad-button-outlined--purple:active { border-color: var(--primaryColorPurpleActive); background-color: var(--primaryColorPurpleActive); color: white; } .gw-launchpad-button-outlined--orange { background-color: transparent; border-color: var(--primaryColorOrange); color: var(--fontColorDark); } .gw-launchpad-button-outlined--orange:visited { color: var(--fontColorDark); text-decoration: none; } .gw-launchpad-button-outlined--orange:hover { border-color: var(--primaryColorOrangeHover); background-color: var(--primaryColorOrangeHover); color: var(--fontColorWhite); } .gw-launchpad-button-outlined--orange:active { border-color: var(--primaryColorOrangeActive); background-color: var(--primaryColorOrangeActive); color: white; } .gw-launchpad-button-outlined--blue { background-color: transparent; border-color: var(--primaryColorBlue); color: var(--fontColorDark); } .gw-launchpad-button-outlined--blue:visited { color: var(--fontColorDark); text-decoration: none; } .gw-launchpad-button-outlined--blue:hover { border-color: var(--primaryColorBlueHover); background-color: var(--primaryColorBlueHover); color: var(--fontColorWhite); } .gw-launchpad-button-outlined--blue:active { border-color: var(--primaryColorBlueActive); background-color: var(--primaryColorBlueActive); color: white; } .gw-launchpad-button-outlined--dark { background-color: transparent; color: var(--fontColorWhite); } .gw-launchpad-button-outlined--dark:visited { color: var(--fontColorWhite); text-decoration: none; } .gw-launchpad-button-outlined--dark:hover { color: var(--fontColorWhite); } .gw-launchpad-button-outlined--dark:active { color: white; } .gw-launchpad-button__icon, .gw-launchpad-icon-button__icon, .gw-launchpad-input-group-button__icon { display: inline-block; } /** * @@Icons */ .gw-launchpad-button__icon--speaker { content: url("data:image/svg+xml,%3Cpath d='M17.794,8.756V25.685a.92.92,0,0,1-1.484.726l-5.9-4.592H5.149A1.149,1.149,0,0,1,4,20.669v-6.9a1.149,1.149,0,0,1,1.149-1.149H10.41l5.9-4.592a.92.92,0,0,1,1.484.726Zm5.314,3.865a1.151,1.151,0,0,0-1.743-.122l-.659.659a1.165,1.165,0,0,0-.12,1.476,4.725,4.725,0,0,1,0,5.172,1.165,1.165,0,0,0,.12,1.476l.659.659a1.151,1.151,0,0,0,1.743-.122,7.938,7.938,0,0,0,0-9.2Zm4.062-4.14a1.158,1.158,0,0,0-1.707-.08l-.653.652a1.135,1.135,0,0,0-.085,1.522,10.466,10.466,0,0,1,0,13.288,1.135,1.135,0,0,0,.085,1.522l.653.652a1.158,1.158,0,0,0,1.707-.08,13.683,13.683,0,0,0,0-17.477Z' transform='translate(-4 -7.836)' fill='%23444f66'/%3E"); } .gw-launchpad-button__icon--speaker-white { content: url("data:image/svg+xml,%3Cpath d='M17.794,8.756V25.685a.92.92,0,0,1-1.484.726l-5.9-4.592H5.149A1.149,1.149,0,0,1,4,20.669v-6.9a1.149,1.149,0,0,1,1.149-1.149H10.41l5.9-4.592a.92.92,0,0,1,1.484.726Zm5.314,3.865a1.151,1.151,0,0,0-1.743-.122l-.659.659a1.165,1.165,0,0,0-.12,1.476,4.725,4.725,0,0,1,0,5.172,1.165,1.165,0,0,0,.12,1.476l.659.659a1.151,1.151,0,0,0,1.743-.122,7.938,7.938,0,0,0,0-9.2Zm4.062-4.14a1.158,1.158,0,0,0-1.707-.08l-.653.652a1.135,1.135,0,0,0-.085,1.522,10.466,10.466,0,0,1,0,13.288,1.135,1.135,0,0,0,.085,1.522l.653.652a1.158,1.158,0,0,0,1.707-.08,13.683,13.683,0,0,0,0-17.477Z' transform='translate(-4 -7.836)' fill='%23fff'/%3E"); } .gw-launchpad-button__icon--headphones { content: url("data:image/svg+xml,%3Cpath d='M37.919,20.632V17.243A17.508,17.508,0,0,0,3,17.243v3.352a6.6,6.6,0,0,0-3,5.89c0,3.527,2.088,6.378,4.652,6.378a2.752,2.752,0,0,0,.463,0,4.227,4.227,0,0,0,8.429-.45V20.707A4.227,4.227,0,0,0,7.03,17.143a13.431,13.431,0,1,1,26.862,0,4.127,4.127,0,0,0-2.276-.675,4.239,4.239,0,0,0-4.239,4.239V32.35a4.227,4.227,0,0,0,8.429.538h.463c2.576,0,4.665-2.851,4.665-6.378a6.578,6.578,0,0,0-3.014-5.878Z' transform='translate(.007 -1.058)' fill='%23444f66'/%3E"); } .gw-launchpad-button__icon--headphones-white { content: url("data:image/svg+xml,%3Cpath d='M37.919,20.632V17.243A17.508,17.508,0,0,0,3,17.243v3.352a6.6,6.6,0,0,0-3,5.89c0,3.527,2.088,6.378,4.652,6.378a2.752,2.752,0,0,0,.463,0,4.227,4.227,0,0,0,8.429-.45V20.707A4.227,4.227,0,0,0,7.03,17.143a13.431,13.431,0,1,1,26.862,0,4.127,4.127,0,0,0-2.276-.675,4.239,4.239,0,0,0-4.239,4.239V32.35a4.227,4.227,0,0,0,8.429.538h.463c2.576,0,4.665-2.851,4.665-6.378a6.578,6.578,0,0,0-3.014-5.878Z' transform='translate(.007 -1.058)' fill='%23fff'/%3E"); } .gw-launchpad-button__icon--translate { content: url("data:image/svg+xml,%3Cpath d='M12.048,24.641H1.036A1.037,1.037,0,0,1,0,23.6V1.032A1.022,1.022,0,0,1,1.036,0H19.88a1.033,1.033,0,0,1,1.033,1.032V13.4H13.64A15.14,15.14,0,0,0,15.294,7.2h2.071V4.283H12.219v-1.8H8.7v1.8H3.551V7.2h8.858A11.4,11.4,0,0,1,9.729,14.04,12.47,12.47,0,0,1,8.476,8.455H8.42c-.868.019-1.854.039-2.821.064A15.026,15.026,0,0,0,7.46,15.915a10.03,10.03,0,0,1-3.6,1.221l.494,2.844a12.787,12.787,0,0,0,4.8-1.718,11.663,11.663,0,0,0,2.892,2.351l0,4.026Zm0-7.558,0,0c-.239-.212-.447-.413-.638-.614.233-.238.441-.465.641-.7v1.315Z' stroke='rgba(0,0,0,0)' stroke-miterlimit='10' transform='translate(.5 .5)' fill='%23444f66'/%3E %3Cpath d='M631.732,398.819l-.5,2.846a15.168,15.168,0,0,1-3.319-.954v-3.236A10.543,10.543,0,0,0,631.732,398.819Z' transform='translate(-614.179 -379.006)'/%3E %3Cpath d='M19.28,23.449H.435A.436.436,0,0,1,0,23.013V.44A.438.438,0,0,1,.435,0H19.28a.441.441,0,0,1,.44.44V23.013A.438.438,0,0,1,19.28,23.449ZM6.917,15.989H12.8l1.175,3.839h3.687L11.944,3.621H7.756l-.077.218L5.5,10.045,2.063,19.827H5.75L6.917,15.99Zm5.069-2.869H7.776C8.97,9.252,9.631,7.031,9.86,6.128c.072.284.174.658.3,1.081l.032.1c.192.629.778,2.542,1.8,5.8Z' transform='translate(13.738 15.093)' stroke='rgba(0,0,0,0)' stroke-miterlimit='10' fill='%23444f66'/%3E"); } .gw-launchpad-button__icon--translate-white { content: url("data:image/svg+xml,%3Cpath d='M12.048,24.641H1.036A1.037,1.037,0,0,1,0,23.6V1.032A1.022,1.022,0,0,1,1.036,0H19.88a1.033,1.033,0,0,1,1.033,1.032V13.4H13.64A15.14,15.14,0,0,0,15.294,7.2h2.071V4.283H12.219v-1.8H8.7v1.8H3.551V7.2h8.858A11.4,11.4,0,0,1,9.729,14.04,12.47,12.47,0,0,1,8.476,8.455H8.42c-.868.019-1.854.039-2.821.064A15.026,15.026,0,0,0,7.46,15.915a10.03,10.03,0,0,1-3.6,1.221l.494,2.844a12.787,12.787,0,0,0,4.8-1.718,11.663,11.663,0,0,0,2.892,2.351l0,4.026Zm0-7.558,0,0c-.239-.212-.447-.413-.638-.614.233-.238.441-.465.641-.7v1.315Z' stroke='rgba(0,0,0,0)' stroke-miterlimit='10' transform='translate(.5 .5)' fill='%23fff'/%3E %3Cpath d='M631.732,398.819l-.5,2.846a15.168,15.168,0,0,1-3.319-.954v-3.236A10.543,10.543,0,0,0,631.732,398.819Z' transform='translate(-614.179 -379.006)'/%3E %3Cpath d='M19.28,23.449H.435A.436.436,0,0,1,0,23.013V.44A.438.438,0,0,1,.435,0H19.28a.441.441,0,0,1,.44.44V23.013A.438.438,0,0,1,19.28,23.449ZM6.917,15.989H12.8l1.175,3.839h3.687L11.944,3.621H7.756l-.077.218L5.5,10.045,2.063,19.827H5.75L6.917,15.99Zm5.069-2.869H7.776C8.97,9.252,9.631,7.031,9.86,6.128c.072.284.174.658.3,1.081l.032.1c.192.629.778,2.542,1.8,5.8Z' transform='translate(13.738 15.093)' stroke='rgba(0,0,0,0)' stroke-miterlimit='10' fill='%23fff'/%3E"); } .gw-launchpad-button__icon--ear { content: url("data:image/svg+xml,%3Cpath d='M12.894,2.21h0A12.878,12.878,0,0,0,0,15.06a1.7,1.7,0,1,0,3.385,0,9.48,9.48,0,0,1,9.48-9.452h0a9.48,9.48,0,0,1,9.466,9.409,9.016,9.016,0,0,1-2.486,6.264,10.6,10.6,0,0,1-1.4,1.053,11.067,11.067,0,0,0-2.809,2.416,15.659,15.659,0,0,0-2.289,7.261,1.7,1.7,0,0,0-.084.534h0a3.723,3.723,0,1,1-7.443.2,1.067,1.067,0,0,1,0-.211h0a1.7,1.7,0,0,0-3.4,0h0a1.208,1.208,0,0,1,0,.225,7.148,7.148,0,0,0,7.12,6.882h0a7.134,7.134,0,0,0,7.092-6.685h0v-.084a13.805,13.805,0,0,1,1.629-5.983A7.7,7.7,0,0,1,20.3,25.172a14.985,14.985,0,0,0,1.868-1.4,12.345,12.345,0,0,0,3.567-8.609v-.112A12.892,12.892,0,0,0,12.894,2.21Z' transform='translate(.005 .784)' fill='%23444f66'/%3E %3Cpath d='M5.515,20.341a1.7,1.7,0,0,0,0,3.385h0A5.618,5.618,0,0,0,7.987,13.01h0a.492.492,0,0,1-.225-.674v-.084a3.048,3.048,0,0,1,2.43-1.208,3.286,3.286,0,0,1,2.458.941,2.991,2.991,0,0,1,.6,2.373,1.7,1.7,0,1,0,3.371.337,6.193,6.193,0,0,0-1.4-4.986A6.629,6.629,0,0,0,10.248,7.7a6.446,6.446,0,0,0-5.126,2.542,3.651,3.651,0,0,0-.393.632h0A3.862,3.862,0,0,0,6.5,16.043a2.261,2.261,0,0,1-.983,4.213Z' transform='translate(1.612 3.003)' fill='%23444f66'/%3E %3Cpath d='M16.8.193h0A1.7,1.7,0,0,0,15.209,3.17a13.96,13.96,0,0,1,7.022,13.4,17.934,17.934,0,0,1-1.77,5.941h0a1.685,1.685,0,0,0,.758,2.275,1.587,1.587,0,0,0,.758.183,1.685,1.685,0,0,0,1.517-.941,21.417,21.417,0,0,0,2.121-7.106v-.1A17.386,17.386,0,0,0,16.8.193Z' transform='translate(5.864 -.078)' fill='%23444f66'/%3E"); } .gw-launchpad-button__icon--ear-white { content: url("data:image/svg+xml,%3Cpath d='M12.894,2.21h0A12.878,12.878,0,0,0,0,15.06a1.7,1.7,0,1,0,3.385,0,9.48,9.48,0,0,1,9.48-9.452h0a9.48,9.48,0,0,1,9.466,9.409,9.016,9.016,0,0,1-2.486,6.264,10.6,10.6,0,0,1-1.4,1.053,11.067,11.067,0,0,0-2.809,2.416,15.659,15.659,0,0,0-2.289,7.261,1.7,1.7,0,0,0-.084.534h0a3.723,3.723,0,1,1-7.443.2,1.067,1.067,0,0,1,0-.211h0a1.7,1.7,0,0,0-3.4,0h0a1.208,1.208,0,0,1,0,.225,7.148,7.148,0,0,0,7.12,6.882h0a7.134,7.134,0,0,0,7.092-6.685h0v-.084a13.805,13.805,0,0,1,1.629-5.983A7.7,7.7,0,0,1,20.3,25.172a14.985,14.985,0,0,0,1.868-1.4,12.345,12.345,0,0,0,3.567-8.609v-.112A12.892,12.892,0,0,0,12.894,2.21Z' transform='translate(.005 .784)' fill='%23fff'/%3E %3Cpath d='M5.515,20.341a1.7,1.7,0,0,0,0,3.385h0A5.618,5.618,0,0,0,7.987,13.01h0a.492.492,0,0,1-.225-.674v-.084a3.048,3.048,0,0,1,2.43-1.208,3.286,3.286,0,0,1,2.458.941,2.991,2.991,0,0,1,.6,2.373,1.7,1.7,0,1,0,3.371.337,6.193,6.193,0,0,0-1.4-4.986A6.629,6.629,0,0,0,10.248,7.7a6.446,6.446,0,0,0-5.126,2.542,3.651,3.651,0,0,0-.393.632h0A3.862,3.862,0,0,0,6.5,16.043a2.261,2.261,0,0,1-.983,4.213Z' transform='translate(1.612 3.003)' fill='%23fff'/%3E %3Cpath d='M16.8.193h0A1.7,1.7,0,0,0,15.209,3.17a13.96,13.96,0,0,1,7.022,13.4,17.934,17.934,0,0,1-1.77,5.941h0a1.685,1.685,0,0,0,.758,2.275,1.587,1.587,0,0,0,.758.183,1.685,1.685,0,0,0,1.517-.941,21.417,21.417,0,0,0,2.121-7.106v-.1A17.386,17.386,0,0,0,16.8.193Z' transform='translate(5.864 -.078)' fill='%23fff'/%3E"); } .gw-launchpad-button__icon--accessibility-man { content: url("data:image/svg+xml,%3Cpath d='M823.182,307.5s-10.13,3.259-13.652,3.259-13.475-3.171-13.475-3.171a2.67,2.67,0,0,0-3.259,1.585h0a2.619,2.619,0,0,0,1.762,3.258l10.921,3.171a1.355,1.355,0,0,1,.881,1.321,54.97,54.97,0,0,1-.617,6.958c-.881,4.049-5.725,15.149-5.725,15.149-.012.024-.023.049-.035.074a2.54,2.54,0,0,0,1.268,3.361,2.346,2.346,0,0,0,1.057.264,2.475,2.475,0,0,0,2.29-1.5l4.932-10.569,5.108,10.657a2.39,2.39,0,0,0,2.29,1.5,2.343,2.343,0,0,0,1.057-.264,2.615,2.615,0,0,0,1.233-3.435s-4.844-11.1-5.725-15.149a55.537,55.537,0,0,1-.616-6.958,1.252,1.252,0,0,1,.881-1.321l10.833-3.259a2.565,2.565,0,0,0-1.409-4.932Z' transform='translate(-792.686 -298.163)' fill='%23444f66'/%3E %3Cpath d='M809.53,308.028a4.932,4.932,0,0,0,0-9.864h0a4.933,4.933,0,0,0,0,9.865Z' transform='translate(-792.686 -298.163)' fill='%23444f66'/%3E"); } .gw-launchpad-button__icon--accessibility-man-white { content: url("data:image/svg+xml,%3Cpath d='M823.182,307.5s-10.13,3.259-13.652,3.259-13.475-3.171-13.475-3.171a2.67,2.67,0,0,0-3.259,1.585h0a2.619,2.619,0,0,0,1.762,3.258l10.921,3.171a1.355,1.355,0,0,1,.881,1.321,54.97,54.97,0,0,1-.617,6.958c-.881,4.049-5.725,15.149-5.725,15.149-.012.024-.023.049-.035.074a2.54,2.54,0,0,0,1.268,3.361,2.346,2.346,0,0,0,1.057.264,2.475,2.475,0,0,0,2.29-1.5l4.932-10.569,5.108,10.657a2.39,2.39,0,0,0,2.29,1.5,2.343,2.343,0,0,0,1.057-.264,2.615,2.615,0,0,0,1.233-3.435s-4.844-11.1-5.725-15.149a55.537,55.537,0,0,1-.616-6.958,1.252,1.252,0,0,1,.881-1.321l10.833-3.259a2.565,2.565,0,0,0-1.409-4.932Z' transform='translate(-792.686 -298.163)' fill='%23fff'/%3E %3Cpath d='M809.53,308.028a4.932,4.932,0,0,0,0-9.864h0a4.933,4.933,0,0,0,0,9.865Z' transform='translate(-792.686 -298.163)' fill='%23fff'/%3E"); } .gw-launchpad-button__icon--play { content: url("data:image/svg+xml,%3Cpath d='M5.957 4.141L.532 7.567a.33.33 0 01-.355 0A.391.391 0 010 7.234V.384A.391.391 0 01.178.051a.33.33 0 01.355 0l5.424 3.425a.4.4 0 010 .664z' fill='%23444f66'/%3E"); } .gw-launchpad-button__icon--play-white { content: url("data:image/svg+xml,%3Cpath d='M5.957 4.141L.532 7.567a.33.33 0 01-.355 0A.391.391 0 010 7.234V.384A.391.391 0 01.178.051a.33.33 0 01.355 0l5.424 3.425a.4.4 0 010 .664z' fill='%23fff'/%3E"); } .gw-launchpad-button__icon--play-outline { content: url("data:image/svg+xml,%3Cg fill='none' stroke='%23444f66' stroke-width='2'%3E%3Ccircle cx='13.848' cy='13.848' r='13.848' stroke='none'/%3E%3Ccircle cx='13.848' cy='13.848' r='12.848'/%3E%3C/g%3E%3Cpath d='M521.331,812.236l8.32-4.739-8.32-5.193Z' transform='translate(-511.066 -793.542)' fill='%23444f66'/%3E"); } .gw-launchpad-button__icon--play-outline-white { content: url("data:image/svg+xml,%3Cpath d='M13.848,2A11.848,11.848,0,0,0,5.47,22.226,11.848,11.848,0,0,0,22.226,5.47,11.771,11.771,0,0,0,13.848,2m0-2A13.848,13.848,0,1,1,0,13.848,13.848,13.848,0,0,1,13.848,0Z' fill='%23fff' /%3E %3Cpath d='M521.331,812.236l8.32-4.739-8.32-5.193Z' transform='translate(-511.066 -793.542)' fill='%23fff'/%3E"); } .gw-launchpad-icon-fill { fill: black; fill: var(--iconFillColor, var(--iconFillColor)); } .gw-launchpad-icon-button { display: inline-block; font-size: 10px; height: 3.5em; width: 3.5em; border-radius: 35px; padding: 0.4em; margin: 0; border: 2px solid var(--transparent); background-color: rgba(220, 223, 228, 0.5); background-color: var(--iconButtonBackgroundDefaultColor, var(--icon-button-background-default-color)); /** Mobile icon Buttons ---------------------------------------------------------*/ /** ---- **/ /** Icon Button Size Three ---------------------------------------------------------*/ /** Mobile Floating Button ---------------------------------------------------------*/ /** Mobile Square Button ---------------------------------------------------------*/ /** Mobile & Launchpad Floating Action Button Colours ---------------------------------------------------------*/ } .gw-launchpad-icon-button--icon { color: white; background-color: transparent; border: 2px solid transparent; fill: black; fill: var(--toolbarIconButtonFillColor, var(--fontColorDark)); } .gw-launchpad-icon-button--icon:disabled, .gw-launchpad-icon-button--icon[disabled] { background-color: var(--transparent); border-color: var(--transparent); } .gw-launchpad-icon-button--icon:visited { color: var(--fontColorDark); text-decoration: none; } .gw-launchpad-icon-button--icon:hover { color: rgba(0, 0, 0, 0.6); border: 2px solid transparent; border: var(--iconButtonBackgroundDefaultColor, var(--icon-button-border-color)); background-color: rgba(220, 223, 228, 0.5); background-color: var(--iconButtonBackgroundHoverColor, var(--icon-button-background-hover-color)); } .gw-launchpad-icon-button--icon:hover, .gw-launchpad-icon-button--icon:focus { text-decoration: none; } .gw-launchpad-icon-button--icon:active { color: var(--fontColorDark, black); border: 2px solid transparent; border: var(--icon-button-border-color, var(--icon-button-background-hover-color)); background-color: rgba(220, 223, 228, 0.5); background-color: var(--iconButtonBackgroundActiveColor, var(--icon-button-background-active-color)); background-color: rgba(252, 252, 252, 0.135); background-color: var(--iconButtonBackgroundActiveColorNoBackground, var(--icon-button-background-active-color-no-background)); } .gw-launchpad-icon-button:not(:last-child) { margin-right: .25em; } .gw-launchpad-icon-button:hover { border: 2px solid transparent; border: var(--icon-button-border-color, var(--icon-button-background-hover-color)); background-color: rgba(255, 255, 255, 0.22); background-color: var(--iconButtonBackgroundHoverColor, var(--icon-button-background-hover-color)); } .gw-launchpad-icon-button:active { border: 2px solid transparent; border: var(--icon-button-border-color, var(--icon-button-background-hover-color)); background-color: rgba(36, 42, 56, 0.12); background-color: var(--iconButtonBackgroundActiveColor, var(--icon-button-background-active-color)); } .gw-launchpad-icon-button__icon { top: -.1em; right: -.1em; height: 1.3em; width: 1.3em; } .gw-launchpad-icon-button__icon--s2b { width: 1.7em; height: 1.7em; top: -1px; } .gw-launchpad-icon-button__icon--s2 { width: 1.9em; height: 1.9em; top: -1px; } .gw-launchpad-icon-button__icon--s3 { width: 2.2em; height: 2.2em; top: 0; } .gw-launchpad-icon-button__icon--app-floating { width: 3.2em; height: 3.2em; top: 0; } .gw-launchpad-icon-button__icon--app-square { width: 3.5em; height: 3.5em; top: 0; } .gw-launchpad-icon-button__icon--launchpad-s1 { width: auto; height: 3.2em; top: 0; } .gw-launchpad-icon-button__icon--launchpad-s1b { width: auto; height: 2.8em; top: 0; } .gw-launchpad-icon-button__icon--launchpad-s2 { width: 3.2em; height: auto; top: 0; } .gw-launchpad-icon-button--move { background-color: transparent; color: white; opacity: 0.5; } .gw-launchpad-icon-button--move:visited { color: var(--fontColorDark); text-decoration: none; } .gw-launchpad-icon-button--move:hover { background-color: transparent; border-color: transparent; color: rgba(0, 0, 0, 0.6); opacity: 0.8; } .gw-launchpad-icon-button--move:hover, .gw-launchpad-icon-button--move:focus { text-decoration: none; } .gw-launchpad-icon-button--move:active { background-color: transparent; color: var(--fontColorDark); } .gw-launchpad-icon-button--move>.gw-launchpad-icon-button__icon { height: 17px; width: 17px; } .gw-launchpad-icon-button--selected { background-color: #bcc3d2; background-color: var(--defaultColorSelected, var(--defaultColorSelected)); border: 2px solid #bcc3d2; border: var(--buttonBorderColorSelected, var(--buttonBorderColorSelected)); } .gw-launchpad-icon-button--s3 { width: 54px; height: 54px; border-radius: 54px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .gw-launchpad-icon-button--recording { position: relative; background-color: #da2b2e; -webkit-transition: scale .05s ease-in-out; transition: scale .05s ease-in-out; } .gw-launchpad-icon-button--recording:hover { background-color: #c8191c; } .gw-launchpad-icon-button--recording:active { -webkit-transform: scale(0.95); transform: scale(0.95); } .gw-launchpad-icon-button--recording:before, .gw-launchpad-icon-button--recording:after { content: ''; position: absolute; height: 100%; width: 100%; top: 0; bottom: 0; left: 0; right: 0; border-radius: 50%; } .gw-launchpad-icon-button--recording:before { -webkit-box-shadow: 0 0 0 0 rgba(234, 170, 170, 0.5); box-shadow: 0 0 0 0 rgba(234, 170, 170, 0.5); -webkit-animation: pulse 1500ms infinite; z-index: 1; } .gw-launchpad-icon-button--mobile-s4 { width: 9em; height: 9em; border-radius: 9em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.62); box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.62); -webkit-transition: scale .05s ease-in-out; transition: scale .05s ease-in-out; } .gw-launchpad-icon-button--mobile-square { width: 8em; height: 8em; border-radius: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .gw-launchpad-icon-button--green { background-color: var(--brandColorGreen); } .gw-launchpad-icon-button--green:hover { background-color: var(--brandColorGreen); } .gw-launchpad-icon-button--green:active { background-color: var(--brandColorGreenActive); opacity: 1; -webkit-transform: scale(0.95); transform: scale(0.95); } .gw-launchpad-icon-button--blue { background-color: var(--brandColorBlue); } .gw-launchpad-icon-button--blue:hover { background-color: var(--brandColorBlue); } .gw-launchpad-icon-button--blue:active { background-color: var(--brandColorBlueActive); opacity: 1; -webkit-transform: scale(0.95); transform: scale(0.95); } .gw-launchpad-icon-button--red { background-color: #da2b2e; } .gw-launchpad-icon-button--red:hover { background-color: #da2b2e; } .gw-launchpad-icon-button--red:active { background-color: #c8191c; opacity: 1; -webkit-transform: scale(0.95); transform: scale(0.95); } .gw-launchpad-icon-button--orange { background-color: var(--primaryColorOrange); } .gw-launchpad-icon-button--orange:hover { background-color: var(--primaryColorOrangeHover); } .gw-launchpad-icon-button--orange:active { background-color: var(--primaryColorOrangeActive); opacity: 1; } .gw-launchpad-icon-button--primary-blue { background-color: var(--primaryColorBlue); } .gw-launchpad-icon-button--primary-blue:hover { background-color: var(--primaryColorBlueHover); } .gw-launchpad-icon-button--primary-blue:active { background-color: var(--primaryColorBlueActive); opacity: 1; } .gw-launchpad-icon-button--dark { background-color: #434e65; background-color: var(--secondaryButtonBackgroundColor, var(--secondaryColor)); } .gw-launchpad-icon-button--dark:hover { background-color: #2f3646; background-color: var(--secondaryButtonBackgroundHoverColor, var(--secondaryColorHover)); } .gw-launchpad-icon-button--dark:active { background-color: #1b1f28; background-color: var(--secondaryButtonBackgroundActiveColor, var(--secondaryColorActive)); opacity: 1; } .gw-launchpad-icon-button--light { background-color: var(--launchpadButtonLight); } .gw-launchpad-icon-button--light:hover { background-color: var(--launchpadButtonLightHover); } .gw-launchpad-icon-button--light:active { background-color: var(--launchpadButtonLightActive); opacity: 1; } .gw-launchpad-icon-button--white { background-color: #fff; } .gw-launchpad-icon-button--white:hover { background-color: #fff; } .gw-launchpad-icon-button--white:active { background-color: rgba(255, 255, 255, 0.75); -webkit-transform: scale(0.95); transform: scale(0.95); } .gw-launchpad-button__icon--right { margin-left: 10px !important; } .gw-launchpad-button__icon--left { margin-right: 4px !important; }