/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../../../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!../../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./dev/scss/style.scss ***! \***********************************************************************************************************************************************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200); /*!***************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../../../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!../../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./dev/scss/style.scss (1) ***! \***************************************************************************************************************************************************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap); /*!***************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../../../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!../../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./dev/scss/style.scss (2) ***! \***************************************************************************************************************************************************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css2?Noto+Sans:ital,wdth,wght@0,62.5..100,100..900;1,62.5..100,100..900&display=swap); /*!***************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../../../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!../../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./dev/scss/style.scss (3) ***! \***************************************************************************************************************************************************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap); /*!***************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../../../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!../../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./dev/scss/style.scss (4) ***! \***************************************************************************************************************************************************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap); /*!***************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../../../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!../../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./dev/scss/style.scss (5) ***! \***************************************************************************************************************************************************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900); /*!***************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../../../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!../../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./dev/scss/style.scss (6) ***! \***************************************************************************************************************************************************************************************************************************************************************************************/ @charset "UTF-8"; /* ================================================================================================================================================ style.scss メインスタイルシートのエントリーファイル * ================================================================================================================================================ */ /* ============================================================================================================ * Global Setting Config (style.scss) * ============================================================================================================ */ /* ============================================================================================================ * FLOCSS (style.scss) * ============================================================================================================ */ /* ========================================================================================== * FLOCSS Foundation Layer (style.scss) * ========================================================================================== */ /* ====================================================================================================== * FLOCSS Foundation Layer Entry (foundation/_index.scss) * ====================================================================================================== */ /* ========================================================================================== * Normalize (foundation/_normalize.scss) * ========================================================================================== */ /* ====================================================================================================== * Global Layer Entry (global/_index.scss) * ====================================================================================================== */ /* ========================================================================================== * Typography (foundation/_typography.scss) * ========================================================================================== */ /* ========================================================================================== * Variables (global/_variables.scss) * ========================================================================================== */ /* ========================================================================================== * Global Utilities Index (global/utilities/_index.scss) * ========================================================================================== */ /* ====================================================================================================== * Global Layer Entry (global/_index.scss) * ====================================================================================================== */ /* ========================================================================================== * M2 Utility Functions（global/utilities/_m2-utility-functions.scss） * ========================================================================================== */ /* ========================================================================================== * Zurb Foundation for Sites (vendor/zurb-foundation-sites/_index.scss) * ========================================================================================== */ /** * Foundation for Sites * Version 6.9.0 * https://get.foundation * Licensed under MIT Open Source */ /* ========================================================================================== * Variables (global/_variables.scss) * ========================================================================================== */ /* ====================================================================================================== * Global Layer Entry (global/_index.scss) * ====================================================================================================== */ /* ========================================================================================== * Global Utilities Index (global/utilities/_index.scss) * ========================================================================================== */ /* ========================================================================================== * M2 Utility Functions（global/utilities/_m2-utility-functions.scss） * ========================================================================================== */ /* ========================================================================================== * M2 Utility Breakpoint Mixins（global/utilities/_m2-utility-breakpoint-mixin.scss） * ========================================================================================== */ /* ====================================================================================================== * Global Layer Entry (global/_index.scss) * ====================================================================================================== */ /* ========================================================================================== * Global Utilities Index (global/utilities/_index.scss) * ========================================================================================== */ /* ========================================================================================== * M2 Utility Functions（global/utilities/_m2-utility-functions.scss） * ========================================================================================== */ /* ========================================================================================== * M2 Utility Properties（global/utilities/_m2-utility-properties.scss） * ========================================================================================== */ /* ====================================================================================================== * Global Layer Entry (global/_index.scss) * ====================================================================================================== */ /* ========================================================================================== * Global Utilities Index (global/utilities/_index.scss) * ========================================================================================== */ /* ========================================================================================== * M2 Utility Functions（global/utilities/_m2-utility-functions.scss） * ========================================================================================== */ /* ========================================================================================== * M2 Utility Visibility（global/utilities/_m2-utility-visibility.scss） * ========================================================================================== */ /* ====================================================================================================== * Global Layer Entry (global/_index.scss) * ====================================================================================================== */ /* ========================================================================================== * Global Utilities Index (global/utilities/_index.scss) * ========================================================================================== */ /* ========================================================================================== * M2 Utility Grid Layout（global/utilities/_m2-utility-grid.scss） * ========================================================================================== */ @property --m2-grid-layout-columns { syntax: "*"; inherits: false; initial-value: 12; } @property --m2-grid-layout-rows { syntax: "*"; inherits: false; initial-value: 0; } @property --m2-grid-layout-gap-column { syntax: ""; inherits: false; initial-value: 0; } @property --m2-grid-layout-gap-row { syntax: ""; inherits: false; initial-value: 0; } @property --m2-grid-cell-row-start { syntax: "*"; inherits: false; initial-value: auto; } @property --m2-grid-cell-row-end { syntax: "*"; inherits: false; initial-value: auto; } @property --m2-grid-cell-column-start { syntax: "*"; inherits: false; initial-value: 1; } @property --m2-grid-cell-column-end { syntax: "*"; inherits: false; initial-value: -1; } /* ====================================================================================================== * Global Layer Entry (global/_index.scss) * ====================================================================================================== */ /* ========================================================================================== * Global Utilities Index (global/utilities/_index.scss) * ========================================================================================== */ /* ========================================================================================== * M2 Utility Functions（global/utilities/_m2-utility-functions.scss） * ========================================================================================== */ /* ========================================================================================== * M2 Utility Flexbox（global/utilities/_m2-utility-flexbox.scss） * ========================================================================================== */ @property --m2-flexbox-gutter { syntax: "*"; inherits: false; initial-value: 0; } /* ====================================================================================================== * Global Layer Entry (global/_index.scss) * ====================================================================================================== */ /* ========================================================================================== * Global Utilities Index (global/utilities/_index.scss) * ========================================================================================== */ /* ========================================================================================== * M2 Utility Functions（global/utilities/_m2-utility-functions.scss） * ========================================================================================== */ /* ========================================================================================== * M2 Utility Heading（global/utilities/_m2-utility-heading.scss） * ========================================================================================== */ /* ====================================================================================================== * Global Layer Entry (global/_index.scss) * ====================================================================================================== */ /* ========================================================================================== * Global Utilities Index (global/utilities/_index.scss) * ========================================================================================== */ /* ========================================================================================== * M2 Utility Google Fonts（global/utilities/_m2-utility-google-fonts.scss） * ========================================================================================== */ /* ========================================================================================== * Global Mixin Index (global/mixins/_index.scss) * ========================================================================================== */ /* ========================================================================================== * M2 Utility Functions（global/utilities/_m2-utility-functions.scss） * ========================================================================================== */ /* ========================================================================================== * M2 Normalize（global/mixins/_m2-normalize.scss） * ========================================================================================== */ /* ====================================================================================================== * Global Layer Entry (global/_index.scss) * ====================================================================================================== */ /* ========================================================================================== * M2 Utility Functions（global/utilities/_m2-utility-functions.scss） * ========================================================================================== */ /* ========================================================================================== * M2 HTML Base Styles（global/mixins/_m2-base.scss） * ========================================================================================== */ /* ========================================================================================== * M2 Document Body （global/mixins/_m2-document-body.scss） * ========================================================================================== */ /* ====================================================================================================== * Global Layer Entry (global/_index.scss) * ====================================================================================================== */ /* ========================================================================================== * M2 Site Layout（global/mixins/_m2-site-layout.scss） * ========================================================================================== */ /* ====================================================================================================== * Global Layer Entry (global/_index.scss) * ====================================================================================================== */ /* ========================================================================================== * M2 Site Header （global/mixins/_m2-site-header.scss） * ========================================================================================== */ /* ========================================================================================== * M2 Site Body （global/mixins/_m2-site-body.scss） * ========================================================================================== */ /* ====================================================================================================== * Global Layer Entry (global/_index.scss) * ====================================================================================================== */ /* ========================================================================================== * M2 Site Footer （global/mixins/_m2-site-footer.scss） * ========================================================================================== */ /* ====================================================================================================== * Global Layer Entry (global/_index.scss) * ====================================================================================================== */ /* ========================================================================================== * M2 Utility Functions（global/utilities/_m2-utility-functions.scss） * ========================================================================================== */ /* ========================================================================================== * M2 Grid Container（global/mixins/_m2-grid-container.scss） * ========================================================================================== */ @property --m2-global-grid-container-width { syntax: "*"; inherits: false; initial-value: 82.5rem; } @property --m2-global-grid-container-margin { syntax: "*"; inherits: false; initial-value: calc((100dvw - 82.5rem) * 0.5); } /* ====================================================================================================== * Global Layer Entry (global/_index.scss) * ====================================================================================================== */ /* ========================================================================================== * M2 Utility Functions（global/utilities/_m2-utility-functions.scss） * ========================================================================================== */ /* ========================================================================================== * M2 Flexible Layout（global/mixins/_m2-flexible-layout.scss） * ========================================================================================== */ /* ====================================================================================================== * Global Layer Entry (global/_index.scss) * ====================================================================================================== */ /* ========================================================================================== * M2 Utility Functions（global/utilities/_m2-utility-functions.scss） * ========================================================================================== */ /* ========================================================================================== * M2 Grid List（global/mixins/_m2-grid-list.scss） * ========================================================================================== */ /* ====================================================================================================== * Global Layer Entry (global/_index.scss) * ====================================================================================================== */ /* ========================================================================================== * M2 Utility Functions（global/utilities/_m2-utility-functions.scss） * ========================================================================================== */ /* ========================================================================================== * M2 Grid List（global/mixins/_m2-grid-list.scss） * ========================================================================================== */ /* ====================================================================================================== * Global Layer Entry (global/_index.scss) * ====================================================================================================== */ /* ========================================================================================== * M2 Date（global/mixins/_m2-date.scss） * ========================================================================================== */ /* ====================================================================================================== * Global Layer Entry (global/_index.scss) * ====================================================================================================== */ /* ========================================================================================== * M2 Utility Functions（global/utilities/_m2-utility-functions.scss） * ========================================================================================== */ /* ========================================================================================== * M2 Label（global/mixins/_m2-label.scss） * ========================================================================================== */ /* ====================================================================================================== * Global Layer Entry (global/_index.scss) * ====================================================================================================== */ /* ========================================================================================== * M2 Utility Functions（global/utilities/_m2-utility-functions.scss） * ========================================================================================== */ /* ========================================================================================== * M2 Title（global/mixins/_m2-title.scss） * ========================================================================================== */ /* ====================================================================================================== * Global Layer Entry (global/_index.scss) * ====================================================================================================== */ /* ========================================================================================== * M2 Screen Reader（global/mixins/_m2-screen-reader.scss） * ========================================================================================== */ /* ====================================================================================================== * Global Layer Entry (global/_index.scss) * ====================================================================================================== */ /* ========================================================================================== * M2 Icon（global/mixins/_m2-icon.scss） * ========================================================================================== */ /* ====================================================================================================== * Global Layer Entry (global/_index.scss) * ====================================================================================================== */ /* ========================================================================================== * M2 Image（global/mixins/_m2-image.scss） * ========================================================================================== */ /* ====================================================================================================== * Global Layer Entry (global/_index.scss) * ====================================================================================================== */ /* ========================================================================================== * M2 Utility Functions（global/utilities/_m2-utility-functions.scss） * ========================================================================================== */ /* ========================================================================================== * M2 Logo（global/mixins/_m2-logo.scss） * ========================================================================================== */ /* ====================================================================================================== * Global Layer Entry (global/_index.scss) * ====================================================================================================== */ /* ========================================================================================== * M2 Utility Functions（global/utilities/_m2-utility-functions.scss） * ========================================================================================== */ /* ========================================================================================== * M2 Responsive Embed（global/mixins/_m2-responsive-embed.scss） * ========================================================================================== */ /* ====================================================================================================== * Global Layer Entry (global/_index.scss) * ====================================================================================================== */ /* ========================================================================================== * M2 Burger（global/mixins/_m2-burger.scss） * ========================================================================================== */ /* ====================================================================================================== * Global Layer Entry (global/_index.scss) * ====================================================================================================== */ /* ========================================================================================== * M2 Utility Functions（global/utilities/_m2-utility-functions.scss） * ========================================================================================== */ /* ========================================================================================== * M2 Button（global/mixins/_m2-button.scss） * ========================================================================================== */ /* ====================================================================================================== * Global Layer Entry (global/_index.scss) * ====================================================================================================== */ /* ========================================================================================== * M2 Pagetop（global/mixins/_m2-pagetop.scss） * ========================================================================================== */ /* ====================================================================================================== * Global Layer Entry (global/_index.scss) * ====================================================================================================== */ /* ========================================================================================== * M2 Utility Functions（global/utilities/_m2-utility-functions.scss） * ========================================================================================== */ /* ========================================================================================== * M2 List（global/mixins/_m2-list.scss） * ========================================================================================== */ /* ====================================================================================================== * Global Layer Entry (global/_index.scss) * ====================================================================================================== */ /* ========================================================================================== * M2 Utility Functions（global/utilities/_m2-utility-functions.scss） * ========================================================================================== */ /* ========================================================================================== * M2 Table（global/mixins/_m2-table.scss） * ========================================================================================== */ /* ====================================================================================================== * Global Layer Entry (global/_index.scss) * ====================================================================================================== */ /* ========================================================================================== * M2 Utility Functions（global/utilities/_m2-utility-functions.scss） * ========================================================================================== */ /* ========================================================================================== * M2 Accordion（global/mixins/_m2-accordion.scss） * ========================================================================================== */ /* ====================================================================================================== * Global Layer Entry (global/_index.scss) * ====================================================================================================== */ /* ========================================================================================== * M2 Utility Functions（global/utilities/_m2-utility-functions.scss） * ========================================================================================== */ /* ========================================================================================== * M2 Callout（global/mixins/_m2-callout.scss） * ========================================================================================== */ /* ====================================================================================================== * Global Layer Entry (global/_index.scss) * ====================================================================================================== */ /* ========================================================================================== * M2 Utility Functions（global/utilities/_m2-utility-functions.scss） * ========================================================================================== */ /* ========================================================================================== * M2 Modal（global/mixins/_m2-modal.scss） * ========================================================================================== */ /* ====================================================================================================== * Global Layer Entry (global/_index.scss) * ====================================================================================================== */ /* ========================================================================================== * M2 Slider（global/mixins/_m2-slider.scss） * ========================================================================================== */ /* ====================================================================================================== * Global Layer Entry (global/_index.scss) * ====================================================================================================== */ /* ========================================================================================== * M2 Utility Functions（global/utilities/_m2-utility-functions.scss） * ========================================================================================== */ /* ========================================================================================== * M2 Tabs（global/mixins/_m2-tabs.scss） * ========================================================================================== */ /* ====================================================================================================== * Global Layer Entry (global/_index.scss) * ====================================================================================================== */ /* ========================================================================================== * M2 Utility Functions（global/utilities/_m2-utility-functions.scss） * ========================================================================================== */ /* ========================================================================================== * M2 Article（global/mixins/_m2-article.scss） * ========================================================================================== */ /* ====================================================================================================== * Global Layer Entry (global/_index.scss) * ====================================================================================================== */ /* ========================================================================================== * M2 Utility Functions（global/utilities/_m2-utility-functions.scss） * ========================================================================================== */ /* ========================================================================================== * M2 Section（global/mixins/_m2-section.scss） * ========================================================================================== */ /* ====================================================================================================== * Global Layer Entry (global/_index.scss) * ====================================================================================================== */ /* ========================================================================================== * M2 Utility Functions（global/utilities/_m2-utility-functions.scss） * ========================================================================================== */ /* ========================================================================================== * M2 Card（global/mixins/_m2-card.scss） * ========================================================================================== */ /* ====================================================================================================== * Global Layer Entry (global/_index.scss) * ====================================================================================================== */ /* ========================================================================================== * M2 Hero（global/mixins/_m2-hero.scss） * ========================================================================================== */ /* ====================================================================================================== * Global Layer Entry (global/_index.scss) * ====================================================================================================== */ /* ========================================================================================== * M2 Utility Functions（global/utilities/_m2-utility-functions.scss） * ========================================================================================== */ /* ========================================================================================== * M2 Breadcrumbs（global/mixins/_m2-breadcrumbs.scss） * ========================================================================================== */ /* ====================================================================================================== * Global Layer Entry (global/_index.scss) * ====================================================================================================== */ /* ========================================================================================== * M2 Utility Functions（global/utilities/_m2-utility-functions.scss） * ========================================================================================== */ /* ========================================================================================== * M2 Menu（global/mixins/_m2-menu.scss） * ========================================================================================== */ /* ====================================================================================================== * Global Layer Entry (global/_index.scss) * ====================================================================================================== */ /* ========================================================================================== * M2 Utility Functions（global/utilities/_m2-utility-functions.scss） * ========================================================================================== */ /* ========================================================================================== * M2 Pagination（global/mixins/_m2-pagination.scss） * ========================================================================================== */ /* ====================================================================================================== * Global Layer Entry (global/_index.scss) * ====================================================================================================== */ /* ========================================================================================== * M2 Navbar（global/mixins/_m2-navbar.scss） * ========================================================================================== */ /* ====================================================================================================== * Global Layer Entry (global/_index.scss) * ====================================================================================================== */ /* ========================================================================================== * Global Utilities Index (global/utilities/_index.scss) * ========================================================================================== */ /* ========================================================================================== * M2 Utility Functions（global/utilities/_m2-utility-functions.scss） * ========================================================================================== */ /* ========================================================================================== * M2 Globalnav（global/mixins/_m2-globalnav.scss） * ========================================================================================== */ /* ====================================================================================================== * Global Layer Entry (global/_index.scss) * ====================================================================================================== */ /* ========================================================================================== * M2 Wisywig Content （global/mixins/_m2-wisywig-content.scss） * ========================================================================================== */ /* ====================================================================================================== * Global Layer Entry (global/_index.scss) * ====================================================================================================== */ /* ========================================================================================== * M2 Form（global/mixins/_m2-form.scss） * ========================================================================================== */ /* ========================================================================================== * M2 Utility Functions（global/utilities/_m2-utility-functions.scss） * ========================================================================================== */ /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */ html { line-height: 1.15; -webkit-text-size-adjust: 100%; } body { margin: 0; } h1 { font-size: 2em; margin: 0.67em 0; } hr { box-sizing: content-box; height: 0; overflow: visible; } pre { font-family: monospace, monospace; font-size: 1em; } a { background-color: transparent; } abbr[title] { border-bottom: 0; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } b, strong { font-weight: bolder; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } img { border-style: none; } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button, input { overflow: visible; } button, select { text-transform: none; } button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { padding: 0.35em 0.75em 0.625em; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { vertical-align: baseline; } textarea { overflow: auto; } [type=checkbox], [type=radio] { box-sizing: border-box; padding: 0; } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } [type=search] { -webkit-appearance: textfield; outline-offset: -2px; } [type=search]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details { display: block; } summary { display: list-item; } template { display: none; } [hidden] { display: none; } [data-whatintent=mouse] *, [data-whatintent=mouse] *:focus, [data-whatintent=touch] *, [data-whatintent=touch] *:focus, [data-whatinput=mouse] *, [data-whatinput=mouse] *:focus, [data-whatinput=touch] *, [data-whatinput=touch] *:focus { outline: none; } [draggable=false] { -webkit-touch-callout: none; -webkit-user-select: none; } .foundation-mq { font-family: "small=0em&medium=48em&large=64em&xlarge=80em&xxlarge=90em"; } html { box-sizing: border-box; font-size: 100%; } *, *::before, *::after { box-sizing: inherit; } body { margin: 0; padding: 0; background: hsl(0, 0%, 99.5%); font-family: "Noto Sans JP", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 1.75; color: hsl(0, 0%, 4%); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } img { display: inline-block; vertical-align: middle; max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; } textarea { height: auto; min-height: 50px; border-radius: 0; } select { box-sizing: border-box; width: 100%; border-radius: 0; } .map_canvas img, .map_canvas embed, .map_canvas object, .mqa-display img, .mqa-display embed, .mqa-display object { max-width: none !important; } [data-whatinput=mouse] button { outline: 0; } button { padding: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; border-radius: 0; background: transparent; line-height: 1; cursor: auto; } pre { overflow: auto; -webkit-overflow-scrolling: touch; } button, input, optgroup, select, textarea { font-family: inherit; } .is-visible { display: block !important; } .is-hidden { display: none !important; } /* ========================================================================================== * Base (foundation/_base.scss) * ========================================================================================== */ [type=text], [type=password], [type=date], [type=datetime], [type=datetime-local], [type=month], [type=week], [type=email], [type=number], [type=search], [type=tel], [type=time], [type=url], [type=color], textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; box-sizing: border-box; width: 100%; height: 2.6875rem; margin: 0 0 1rem; padding: 0.5rem; border: 1px solid #cacaca; border-radius: 0; background-color: hsl(0, 0%, 99.5%); box-shadow: inset 0 1px 2px rgba(10.2, 10.2, 10.2, 0.1); font-family: inherit; font-size: 1rem; font-weight: normal; line-height: 1.75; color: hsl(0, 0%, 4%); transition: box-shadow 0.5s, border-color 0.25s ease-in-out; } [type=text]:focus, [type=password]:focus, [type=date]:focus, [type=datetime]:focus, [type=datetime-local]:focus, [type=month]:focus, [type=week]:focus, [type=email]:focus, [type=number]:focus, [type=search]:focus, [type=tel]:focus, [type=time]:focus, [type=url]:focus, [type=color]:focus, textarea:focus { outline: none; border: 1px solid #8a8a8a; background-color: hsl(0, 0%, 99.5%); box-shadow: 0 0 5px #cacaca; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; } textarea { max-width: 100%; } textarea[rows] { height: auto; } input:disabled, input[readonly], textarea:disabled, textarea[readonly] { background-color: #e6e6e6; cursor: not-allowed; } [type=submit], [type=button] { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; } input[type=search] { box-sizing: border-box; } ::-moz-placeholder { color: #cacaca; } ::placeholder { color: #cacaca; } [type=file], [type=checkbox], [type=radio] { margin: 0 0 1rem; } [type=checkbox] + label, [type=radio] + label { display: inline-block; vertical-align: baseline; margin-left: 0.5rem; margin-right: 1rem; margin-bottom: 0; } [type=checkbox] + label[for], [type=radio] + label[for] { cursor: pointer; } label > [type=checkbox], label > [type=radio] { margin-right: 0.5rem; } [type=file] { width: 100%; } label { display: block; margin: 0; font-size: 0.875rem; font-weight: normal; line-height: 1.8; color: hsl(0, 0%, 4%); } label.middle { margin: 0 0 1rem; line-height: 1.75; padding: 0.5625rem 0; } .help-text { margin-top: -0.5rem; font-size: 0.8125rem; font-style: italic; color: hsl(0, 0%, 4%); } .input-group { display: flex; width: 100%; margin-bottom: 1rem; align-items: stretch; } .input-group > :first-child, .input-group > :first-child.input-group-button > * { border-radius: 0 0 0 0; } .input-group > :last-child, .input-group > :last-child.input-group-button > * { border-radius: 0 0 0 0; } .input-group-button a, .input-group-button input, .input-group-button button, .input-group-button label, .input-group-button, .input-group-field, .input-group-label { margin: 0; white-space: nowrap; } .input-group-label { padding: 0 1rem; border: 1px solid #cacaca; background: #e6e6e6; color: hsl(0, 0%, 4%); text-align: center; white-space: nowrap; display: flex; flex: 0 0 auto; align-items: center; } .input-group-label:first-child { border-right: 0; } .input-group-label:last-child { border-left: 0; } .input-group-field { border-radius: 0; flex: 1 1 0px; min-width: 0; } .input-group-button { padding-top: 0; padding-bottom: 0; text-align: center; display: flex; flex: 0 0 auto; } .input-group-button a, .input-group-button input, .input-group-button button, .input-group-button label { align-self: stretch; height: auto; padding-top: 0; padding-bottom: 0; font-size: 1rem; } fieldset { margin: 0; padding: 0; border: 0; } legend { max-width: 100%; margin-bottom: 0.5rem; } .fieldset { margin: 1.125rem 0; padding: 1.25rem; border: 1px solid #cacaca; } .fieldset legend { margin: 0; margin-left: -0.1875rem; padding: 0 0.1875rem; } select { height: 2.6875rem; margin: 0 0 1rem; padding: 0.5rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #cacaca; border-radius: 0; background-color: hsl(0, 0%, 99.5%); font-family: inherit; font-size: 1rem; font-weight: normal; line-height: 1.75; color: hsl(0, 0%, 4%); transition: box-shadow 0.5s, border-color 0.25s ease-in-out; background-origin: content-box; background-position: right -1rem center; background-repeat: no-repeat; background-size: 9px 6px; padding-right: 1.5rem; background-image: url('data:image/svg+xml;utf8,'); } @media screen and (min-width: 0\0 ) { select { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } } select:focus { outline: none; border: 1px solid #8a8a8a; background-color: hsl(0, 0%, 99.5%); box-shadow: 0 0 5px #cacaca; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; } select:disabled { background-color: #e6e6e6; cursor: not-allowed; } select::-ms-expand { display: none; } select[multiple] { height: auto; background-image: none; } select:not([multiple]) { padding-top: 0; padding-bottom: 0; } .is-invalid-input:not(:focus) { border-color: hsl(8.0536912752, 59.3625498008%, 50.7843137255%); background-color: rgb(248.7525, 235.8525, 233.8525); } .is-invalid-input:not(:focus)::-moz-placeholder { color: hsl(8.0536912752, 59.3625498008%, 50.7843137255%); } .is-invalid-input:not(:focus)::placeholder { color: hsl(8.0536912752, 59.3625498008%, 50.7843137255%); } .is-invalid-label { color: hsl(8.0536912752, 59.3625498008%, 50.7843137255%); } .form-error { display: none; margin-top: -0.5rem; margin-bottom: 1rem; font-size: 0.75rem; font-weight: 600; color: hsl(8.0536912752, 59.3625498008%, 50.7843137255%); } .form-error.is-visible { display: block; } div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { margin: 0; padding: 0; } p { margin-bottom: 1rem; font-size: inherit; line-height: 1.75; text-rendering: optimizeLegibility; } em, i { font-style: italic; line-height: inherit; } strong, b { font-weight: 600; line-height: inherit; } small { font-size: 80%; line-height: inherit; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-family: "Noto Sans JP", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, Arial, Helvetica, sans-serif; font-style: normal; font-weight: 600; color: inherit; text-rendering: optimizeLegibility; } h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small { line-height: 0; color: #cacaca; } h1, .h1 { font-size: 2.5rem; line-height: 1.4; margin-top: 0; margin-bottom: 0.5rem; } h2, .h2 { font-size: 2.25rem; line-height: 1.4; margin-top: 0; margin-bottom: 0.5rem; } h3, .h3 { font-size: 2rem; line-height: 1.4; margin-top: 0; margin-bottom: 0.5rem; } h4, .h4 { font-size: 1.5rem; line-height: 1.4; margin-top: 0; margin-bottom: 0.5rem; } h5, .h5 { font-size: 1.25rem; line-height: 1.4; margin-top: 0; margin-bottom: 0.5rem; } h6, .h6 { font-size: 1.125rem; line-height: 1.4; margin-top: 0; margin-bottom: 0.5rem; } @media print, screen and (min-width: 48em) { h1, .h1 { font-size: 3.5rem; } h2, .h2 { font-size: 3rem; } h3, .h3 { font-size: 2.5rem; } h4, .h4 { font-size: 1.75rem; } h5, .h5 { font-size: 1.5rem; } h6, .h6 { font-size: 1.125rem; } } a { line-height: inherit; color: hsl(43, 47%, 32%); text-decoration: none; cursor: pointer; } a:hover, a:focus { color: hsl(43, 47%, 27.52%); } a img { border: 0; } hr { clear: both; max-width: 82.5rem; height: 0; margin: 1.25rem auto; border-top: 0; border-right: 0; border-bottom: 1px solid hsl(0, 0%, 48%); border-left: 0; } ul, ol, dl { margin-bottom: 1rem; list-style-position: outside; line-height: 1.5; } li { font-size: inherit; } ul { margin-left: unset; list-style-type: none; } ol { margin-left: unset; } ul ul, ul ol, ol ul, ol ol { margin-left: unset; margin-bottom: 0; } dl { margin-bottom: 1rem; } dl dt { margin-bottom: 0; font-weight: normal; } blockquote { margin: 0 0 1rem; padding: 0.5625rem 1.25rem 0 1.1875rem; border-left: 1px solid #cacaca; } blockquote, blockquote p { line-height: 1.75; color: #8a8a8a; } abbr, abbr[title] { border-bottom: 1px dotted hsl(0, 0%, 4%); cursor: help; text-decoration: none; } figure { margin: 0; } kbd { margin: 0; padding: 0.125rem 0.25rem 0; background-color: #e6e6e6; font-family: "Roboto Mono", "Noto Sans Mono", monospace; color: hsl(0, 0%, 4%); } .subheader { margin-top: 0.2rem; margin-bottom: 0.5rem; font-weight: normal; line-height: 1.4; color: #8a8a8a; } .lead { font-size: 125%; line-height: 1.75; } .stat { font-size: 2.5rem; line-height: 1; } p + .stat { margin-top: -1rem; } ul.no-bullet, ol.no-bullet { margin-left: 0; list-style: none; } .cite-block, cite { display: block; color: #8a8a8a; font-size: 0.8125rem; } .cite-block:before, cite:before { content: "— "; } .code-inline, code { border: 1px solid #cacaca; background-color: #e6e6e6; font-family: "Roboto Mono", "Noto Sans Mono", monospace; font-weight: normal; color: hsl(0, 0%, 4%); display: inline; max-width: 100%; word-wrap: break-word; padding: 0.125rem 0.3125rem 0.0625rem; } .code-block { border: 1px solid #cacaca; background-color: #e6e6e6; font-family: "Roboto Mono", "Noto Sans Mono", monospace; font-weight: normal; color: hsl(0, 0%, 4%); display: block; overflow: auto; white-space: pre; padding: 1rem; margin-bottom: 1.5rem; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } @media print, screen and (min-width: 48em) { .medium-text-left { text-align: left; } .medium-text-right { text-align: right; } .medium-text-center { text-align: center; } .medium-text-justify { text-align: justify; } } @media print, screen and (min-width: 64em) { .large-text-left { text-align: left; } .large-text-right { text-align: right; } .large-text-center { text-align: center; } .large-text-justify { text-align: justify; } } @media print, screen and (min-width: 80em) { .xlarge-text-left { text-align: left; } .xlarge-text-right { text-align: right; } .xlarge-text-center { text-align: center; } .xlarge-text-justify { text-align: justify; } } .show-for-print { display: none !important; } @media print { * { background: transparent !important; color: black !important; -webkit-print-color-adjust: economy; print-color-adjust: economy; box-shadow: none !important; text-shadow: none !important; } .show-for-print { display: block !important; } .hide-for-print { display: none !important; } table.show-for-print { display: table !important; } thead.show-for-print { display: table-header-group !important; } tbody.show-for-print { display: table-row-group !important; } tr.show-for-print { display: table-row !important; } td.show-for-print { display: table-cell !important; } th.show-for-print { display: table-cell !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } abbr[title]:after { content: " (" attr(title) ")"; } pre, blockquote { border: 1px solid #8a8a8a; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .print-break-inside { page-break-inside: auto; } } :root { --m2-site-header-height: 50.0625px; } @media print, screen and (min-width: 48em) { :root { --m2-site-header-height: 83.328125px; } } @media print, screen and (min-width: 64em) { :root { --m2-site-header-height: 83.328125px; } } address:where(:last-child), article:where(:last-child), aside:where(:last-child), blockquote:where(:last-child), canvas:where(:last-child), dd:where(:last-child), div:where(:last-child), dl:where(:last-child), dt:where(:last-child), fieldset:where(:last-child), figcaption:where(:last-child), figure:where(:last-child), footer:where(:last-child), form:where(:last-child), h1:where(:last-child), h2:where(:last-child), h3:where(:last-child), h4:where(:last-child), h5:where(:last-child), h6:where(:last-child), header:where(:last-child), hr:where(:last-child), li:where(:last-child), main:where(:last-child), nav:where(:last-child), noscript:where(:last-child), ol:where(:last-child), p:where(:last-child), pre:where(:last-child), section:where(:last-child), table:where(:last-child), tfoot:where(:last-child), ul:where(:last-child), video:where(:last-child) { margin-bottom: 0; } html[lang|=en] body { font-family: "Roboto", "Outfit", "Noto Sans", Meiryo, Arial, Helvetica, sans-serif; } html { scroll-behavior: smooth; scroll-padding-top: 3rem; } @media print, screen and (min-width: 48em) { html { scroll-padding-top: 4.5rem; } } @media print, screen and (min-width: 64em) { html { scroll-padding-top: 6rem; } } html, body { overflow-x: clip; overflow-wrap: anywhere; } address { font-style: normal; } pre { white-space: pre-wrap; word-break: break-word; } a { text-decoration-thickness: 0.075em; } a:where(:hover, :focus) { opacity: 0.5; } em, i { font-style: inherit; } input::-moz-placeholder, textarea::-moz-placeholder { font-size: max(0.875rem, 0.75em); } input::placeholder, textarea::placeholder { font-size: max(0.875rem, 0.75em); } button, [type=button] { cursor: pointer; } .google-material-symbol { font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24; } /* ========================================================================================== * FLOCSS Layout Layer (style.scss) * ========================================================================================== */ /* ====================================================================================================== * FLOCSS Layout Layer Entry (layout/_index.scss) * ====================================================================================================== */ /* ========================================================================================== * Document Body（layout/_document-body.scss） * ========================================================================================== */ /* ========================================================================================== * Site Layout（layout/_site-layout.scss） * ========================================================================================== */ .l-site-layout { --m2-site-layout-columns: 3; --m2-site-layout-rows: 3; --m2-site-layout-template-areas: "top top top" "left center right" "bottom bottom bottom"; --m2-site-layout-template-row-top: auto; --m2-site-layout-template-row-center: auto; --m2-site-layout-template-row-bottom: auto; --m2-site-layout-template-column-left: minmax( 0, min-content ); --m2-site-layout-template-column-center: minmax( 0, 1fr ); --m2-site-layout-template-column-right: minmax( 0, min-content ); display: grid; grid-auto-columns: min-content; grid-auto-rows: auto; grid-template-areas: var(--m2-site-layout-template-areas); grid-template-rows: var(--m2-site-layout-template-row-top, auto) var(--m2-site-layout-template-row-center, auto) var(--m2-site-layout-template-row-bottom, auto); grid-template-columns: var(--m2-site-layout-template-column-left, min-content) var(--m2-site-layout-template-column-center, 1fr) var(--m2-site-layout-template-column-right, min-content); } .l-site-layout > :where(*) { grid-row-start: var(--m2-site-layout-cell-row-start, auto); grid-row-end: var(--m2-site-layout-cell-row-end, auto); grid-column-start: var(--m2-site-layout-cell-column-start, 1); grid-column-end: var(--m2-site-layout-cell-column-end, -1); } .is-grid-area--center, .l-site-layout > .is-grid-area--center { --m2-site-layout-cell-row-start: center; --m2-site-layout-cell-row-end: center; --m2-site-layout-cell-column-start: center; --m2-site-layout-cell-column-end: center; } .is-grid-area--top, .l-site-layout > .is-grid-area--top { --m2-site-layout-cell-row-start: top; --m2-site-layout-cell-row-end: top; --m2-site-layout-cell-column-start: top; --m2-site-layout-cell-column-end: top; } .is-grid-area--bottom, .l-site-layout > .is-grid-area--bottom { --m2-site-layout-cell-row-start: bottom; --m2-site-layout-cell-row-end: bottom; --m2-site-layout-cell-column-start: bottom; --m2-site-layout-cell-column-end: bottom; } .is-grid-area--left, .l-site-layout > .is-grid-area--left { --m2-site-layout-cell-row-start: left; --m2-site-layout-cell-row-end: left; --m2-site-layout-cell-column-start: left; --m2-site-layout-cell-column-end: left; } .is-grid-area--right, .l-site-layout > .is-grid-area--right { --m2-site-layout-cell-row-start: right; --m2-site-layout-cell-row-end: right; --m2-site-layout-cell-column-start: right; --m2-site-layout-cell-column-end: right; } .is-grid-area--overlay, .l-site-layout > .is-grid-area--overlay { --m2-site-layout-cell-row-start: 1; --m2-site-layout-cell-row-end: -1; --m2-site-layout-cell-column-start: 1; --m2-site-layout-cell-column-end: -1; } .is-grid-area--underlay, .l-site-layout > .is-grid-area--underlay { --m2-site-layout-cell-row-start: 1; --m2-site-layout-cell-row-end: -1; --m2-site-layout-cell-column-start: 1; --m2-site-layout-cell-column-end: -1; } .l-site-layout > *:where(.l-site-header) { --m2-site-layout-area: top; } .l-site-layout > *:where(.l-site-body) { --m2-site-layout-area: center; } .l-site-layout > *:where(.l-site-footer) { --m2-site-layout-area: bottom; } /* ========================================================================================== * Site Loading（layout/_site-loading.scss） * ========================================================================================== */ body.admin-bar .l-site-loading { top: var(--wp-admin--admin-bar--height, 0px); } @media print { .l-site-loading { display: none; } } html:has(.l-site-loading .is-animation-standby) { overflow: hidden; } body:not(.is-document-ready) .l-site-loading.is-animation-completed:not(:has(.is-animation-standby)) { animation-name: loading-fade-out; animation-play-state: running; animation-delay: 3000ms; } .l-site-loading { display: block; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 100000; background-image: url("./../../assets/img/common/load-bg.webp"); background-repeat: no-repeat; background-size: 100vw 100%; animation-name: loading-in; animation-play-state: paused; animation-duration: 1750ms; animation-fill-mode: both; } .l-site-loading.is-animation-running { animation-play-state: running; } .l-site-loading.is-animation-completed { animation-play-state: paused; } .l-site-loading.is-animation-canceled { animation-play-state: paused; } @keyframes loading-in { 0% { opacity: 1; } 100% { opacity: 1; } } @keyframes loading-fade-out { 0% { opacity: 1; } 100% { opacity: 0; display: none; } } .l-site-loading__layout { padding: 1rem; } .l-site-loading__title { animation-name: loading-title-fade-up; animation-play-state: paused; animation-duration: 1500ms; animation-fill-mode: both; animation-delay: 500ms; } @keyframes loading-title-fade-up { 0% { transform: translateY(2rem); opacity: 0; } 80% { opacity: 1; } 100% { opacity: 1; transform: translateY(0); } } .l-site-loading.is-animation-completed .l-site-loading__title { animation-play-state: running; } .l-site-loading__title .c-title__main { font-size: 3rem; letter-spacing: 0.1rem; } @media print, screen and (min-width: 48em) { .l-site-loading__title .c-title__main { font-size: 4.25rem; } } .l-site-loading__image--dots { position: absolute !important; width: 90%; left: -2rem; top: 5%; z-index: -1; } @media print, screen and (min-width: 48em) { .l-site-loading__image--dots { width: 80%; top: 10%; max-width: 52rem; } } .l-site-loading__image--globe { z-index: -1; animation-name: loading-globe-fade-up; animation-play-state: paused; animation-duration: 1500ms; animation-fill-mode: both; } @media print, screen and (min-width: 48em) { .l-site-loading__image--globe { position: absolute !important; width: 80%; top: 50%; transform: translateY(-50%); right: 0; max-width: 54rem; animation-name: loading-globe-fade-up-medium; } } @keyframes loading-globe-fade-up { 0% { transform: translateY(2rem); opacity: 0; } 80% { opacity: 1; } 100% { opacity: 1; transform: translateY(0); } } @keyframes loading-globe-fade-up-medium { 0% { transform: translateY(-45%); opacity: 0; } 80% { opacity: 1; } 100% { opacity: 1; transform: translateY(-50%); } } .l-site-loading.is-animation-completed .l-site-loading__image--globe { animation-play-state: running; } /* ========================================================================================== * Site Header（layout/_site-header.scss） * ========================================================================================== */ .l-site-header { --m2-header-background-color: hsl(0, 0%, 99.5%); position: sticky; display: block; top: 0; width: 100%; grid-area: var(--m2-site-layout-area, "header"); background-color: var(--m2-header-background-color); z-index: 100; } @media print { .l-site-header { position: absolute; } } body.admin-bar .l-site-header { top: var(--wp-admin--admin-bar--height, 32px); } .l-site-header--bg-transparent, .l-site-header--bg-gradient, .l-site-header--scrolled-bg-white { --m2-header-background-color: transparent; } .l-site-header--bg-gradient { background-image: linear-gradient(135deg, hsl(345.9574468085, 100%, 90.7843137255%) 0%, hsl(43, 47%, 45%) 100%); } .l-site-header--scrolled-bg-white { transition: background-color 0.25s ease-out; } body.is-scrolled .l-site-header--scrolled-bg-white { --m2-header-background-color: var.$white; } .l-site-header--scrolled-sticky { position: fixed; } body.is-scrolled .l-site-header--scrolled-sticky { position: sticky; } .l-site-header--fixed { position: fixed; } .l-site-header { transition: 0.5s background-color, 0.75s opacity; transition-delay: 0.1s; transition-timing-function: ease-out; } body:where(:not(.is-scrolled)) .l-site-header { background-color: transparent; } /* ========================================================================================== * Site Body（layout/_site-body.scss） * ========================================================================================== */ .l-site-body { grid-area: var(--m2-site-layout-area, "body"); } /* ========================================================================================== * Site Footer（layout/_site-footer.scss） * ========================================================================================== */ .l-site-footer { overflow: hidden; } .l-site-footer { --m2-footer-font-color: hsl(0, 0%, 4%); --m2-footer-background-color: hsl(0, 0%, 99.5%); width: 100%; grid-area: var(--m2-site-layout-area, "footer"); color: var(--m2-footer-font-color); background-color: var(--m2-footer-background-color); z-index: 90; } .l-site-footer { overflow: visible; padding-top: 4rem; } @media print, screen and (min-width: 48em) { .l-site-footer { padding-top: 7rem; } } /* ========================================================================================== * FLOCSS Object Layer (style.scss) * ========================================================================================== */ /* ====================================================================================================== * FLOCSS Object Layer Entry (object/_index.scss) * ====================================================================================================== */ /* ====================================================================================================== * FLOCSS Object/Component Layer Entry (object/component/_index.scss) * ====================================================================================================== */ /* ========================================================================================== * Flexible Layout（object/component/_flexible-layout.scss） * ========================================================================================== */ .c-flexible-layout { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; } .c-flexible-layout__layout-item { flex-grow: 1; flex-shrink: 0; flex-basis: min-content; } .c-flexible-layout__layout-item:empty { display: none; } .c-flexible-layout__layout-item--center, .c-flexible-layout__layout-item--top, .c-flexible-layout__layout-item--left, .c-flexible-layout__layout-item--right, .c-flexible-layout__layout-item--bottom { max-width: 100%; } .c-flexible-layout__layout-item--top, .c-flexible-layout__layout-item--bottom, .c-flexible-layout__layout-item--overlay, .c-flexible-layout__layout-item--underlay { flex-basis: 100%; flex-shrink: 0; } .c-flexible-layout__layout-item--center { flex-grow: 10; flex-basis: auto; order: 0; } .c-flexible-layout__layout-item--left, .c-flexible-layout__layout-item--right { flex-grow: 1; flex-shrink: 1; flex-basis: auto; } .c-flexible-layout__layout-item--left { order: -1; } .c-flexible-layout__layout-item--right { order: 1; } .c-flexible-layout__layout-item--top { order: -2; } .c-flexible-layout__layout-item--bottom { order: 2; } .c-flexible-layout__layout-item--overlay, .c-flexible-layout__layout-item--underlay { position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; } .c-flexible-layout__layout-item--overlay { order: -3; z-index: 9999; } .c-flexible-layout__layout-item--underlay { order: 3; z-index: -9999; } @media print, screen and (min-width: 48em) { .c-flexible-layout__layout-item--center-for-medium, .c-flexible-layout__layout-item--top-for-medium, .c-flexible-layout__layout-item--left-for-medium, .c-flexible-layout__layout-item--right-for-medium, .c-flexible-layout__layout-item--bottom-for-medium { max-width: 100%; } .c-flexible-layout__layout-item--top-for-medium, .c-flexible-layout__layout-item--bottom-for-medium, .c-flexible-layout__layout-item--overlay-for-medium, .c-flexible-layout__layout-item--underlay-for-medium { flex-basis: 100%; flex-shrink: 0; } .c-flexible-layout__layout-item--center-for-medium { flex-grow: 10; flex-basis: auto; order: 0; } .c-flexible-layout__layout-item--left-for-medium, .c-flexible-layout__layout-item--right-for-medium { flex-grow: 1; flex-shrink: 1; flex-basis: auto; } .c-flexible-layout__layout-item--left-for-medium { order: -1; } .c-flexible-layout__layout-item--right-for-medium { order: 1; } .c-flexible-layout__layout-item--top-for-medium { order: -2; } .c-flexible-layout__layout-item--bottom-for-medium { order: 2; } .c-flexible-layout__layout-item--overlay-for-medium, .c-flexible-layout__layout-item--underlay-for-medium { position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; } .c-flexible-layout__layout-item--overlay-for-medium { order: -3; z-index: 9999; } .c-flexible-layout__layout-item--underlay-for-medium { order: 3; z-index: -9999; } } @media print, screen and (min-width: 64em) { .c-flexible-layout__layout-item--center-for-large, .c-flexible-layout__layout-item--top-for-large, .c-flexible-layout__layout-item--left-for-large, .c-flexible-layout__layout-item--right-for-large, .c-flexible-layout__layout-item--bottom-for-large { max-width: 100%; } .c-flexible-layout__layout-item--top-for-large, .c-flexible-layout__layout-item--bottom-for-large, .c-flexible-layout__layout-item--overlay-for-large, .c-flexible-layout__layout-item--underlay-for-large { flex-basis: 100%; flex-shrink: 0; } .c-flexible-layout__layout-item--center-for-large { flex-grow: 10; flex-basis: auto; order: 0; } .c-flexible-layout__layout-item--left-for-large, .c-flexible-layout__layout-item--right-for-large { flex-grow: 1; flex-shrink: 1; flex-basis: auto; } .c-flexible-layout__layout-item--left-for-large { order: -1; } .c-flexible-layout__layout-item--right-for-large { order: 1; } .c-flexible-layout__layout-item--top-for-large { order: -2; } .c-flexible-layout__layout-item--bottom-for-large { order: 2; } .c-flexible-layout__layout-item--overlay-for-large, .c-flexible-layout__layout-item--underlay-for-large { position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; } .c-flexible-layout__layout-item--overlay-for-large { order: -3; z-index: 9999; } .c-flexible-layout__layout-item--underlay-for-large { order: 3; z-index: -9999; } } @media print, screen and (min-width: 80em) { .c-flexible-layout__layout-item--center-for-xlarge, .c-flexible-layout__layout-item--top-for-xlarge, .c-flexible-layout__layout-item--left-for-xlarge, .c-flexible-layout__layout-item--right-for-xlarge, .c-flexible-layout__layout-item--bottom-for-xlarge { max-width: 100%; } .c-flexible-layout__layout-item--top-for-xlarge, .c-flexible-layout__layout-item--bottom-for-xlarge, .c-flexible-layout__layout-item--overlay-for-xlarge, .c-flexible-layout__layout-item--underlay-for-xlarge { flex-basis: 100%; flex-shrink: 0; } .c-flexible-layout__layout-item--center-for-xlarge { flex-grow: 10; flex-basis: auto; order: 0; } .c-flexible-layout__layout-item--left-for-xlarge, .c-flexible-layout__layout-item--right-for-xlarge { flex-grow: 1; flex-shrink: 1; flex-basis: auto; } .c-flexible-layout__layout-item--left-for-xlarge { order: -1; } .c-flexible-layout__layout-item--right-for-xlarge { order: 1; } .c-flexible-layout__layout-item--top-for-xlarge { order: -2; } .c-flexible-layout__layout-item--bottom-for-xlarge { order: 2; } .c-flexible-layout__layout-item--overlay-for-xlarge, .c-flexible-layout__layout-item--underlay-for-xlarge { position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; } .c-flexible-layout__layout-item--overlay-for-xlarge { order: -3; z-index: 9999; } .c-flexible-layout__layout-item--underlay-for-xlarge { order: 3; z-index: -9999; } } /* ========================================================================================== * Grid Container（object/component/_grid-container.scss） * ========================================================================================== */ .c-grid-container { width: 100%; max-width: 82.5rem; margin-left: auto; margin-right: auto; padding-right: 1.5rem; padding-left: 1.5rem; } @media print, screen and (min-width: 48em) { .c-grid-container { padding-right: 2rem; padding-left: 2rem; } } .c-grid-container.fluid { max-width: 100%; margin-left: auto; margin-right: auto; padding-right: 1.5rem; padding-left: 1.5rem; } @media print, screen and (min-width: 48em) { .c-grid-container.fluid { padding-right: 2rem; padding-left: 2rem; } } .c-grid-container.full { max-width: 100%; margin-left: auto; margin-right: auto; padding-right: 0; padding-left: 0; } @media print, screen and (min-width: 48em) { .c-grid-container.fluid-for-medium { max-width: 100%; margin-left: auto; margin-right: auto; padding-right: 2rem; padding-left: 2rem; } .c-grid-container.full-for-medium { max-width: 100%; margin-left: auto; margin-right: auto; padding-right: 0; padding-left: 0; } .c-grid-container.solid-for-medium { max-width: 82.5rem; margin-left: auto; margin-right: auto; padding-right: 2rem; padding-left: 2rem; } } @media print, screen and (min-width: 64em) { .c-grid-container.fluid-for-large { max-width: 100%; margin-left: auto; margin-right: auto; padding-right: 2rem; padding-left: 2rem; } .c-grid-container.full-for-large { max-width: 100%; margin-left: auto; margin-right: auto; padding-right: 0; padding-left: 0; } .c-grid-container.solid-for-large { max-width: 82.5rem; margin-left: auto; margin-right: auto; padding-right: 2rem; padding-left: 2rem; } } @media print, screen and (min-width: 80em) { .c-grid-container.fluid-for-xlarge { max-width: 100%; margin-left: auto; margin-right: auto; padding-right: 2rem; padding-left: 2rem; } .c-grid-container.full-for-xlarge { max-width: 100%; margin-left: auto; margin-right: auto; padding-right: 0; padding-left: 0; } .c-grid-container.solid-for-xlarge { max-width: 82.5rem; margin-left: auto; margin-right: auto; padding-right: 2rem; padding-left: 2rem; } } .c-grid-container.c-grid-container--gutter-xsmaller { padding-right: 0.375rem; padding-left: 0.375rem; } @media print, screen and (min-width: 48em) { .c-grid-container.c-grid-container--gutter-xsmaller { padding-right: 0.5rem; padding-left: 0.5rem; } } .c-grid-container.c-grid-container--gutter-xsmaller.fluid { padding-right: 0.375rem; padding-left: 0.375rem; } .c-grid-container.c-grid-container--gutter-xsmaller.full { padding-right: 0; padding-left: 0; } .c-grid-container.c-grid-container--gutter-xsmaller.solid { padding-right: 0.375rem; padding-left: 0.375rem; } @media print, screen and (min-width: 48em) { .c-grid-container.c-grid-container--gutter-xsmaller.fluid-for-medium { padding-right: 0.5rem; padding-left: 0.5rem; } .c-grid-container.c-grid-container--gutter-xsmaller.full-for-medium { padding-right: 0; padding-left: 0; } .c-grid-container.c-grid-container--gutter-xsmaller.solid-for-medium { padding-right: 0.5rem; padding-left: 0.5rem; } } @media print, screen and (min-width: 64em) { .c-grid-container.c-grid-container--gutter-xsmaller.fluid-for-large { padding-right: 0.5rem; padding-left: 0.5rem; } .c-grid-container.c-grid-container--gutter-xsmaller.full-for-large { padding-right: 0; padding-left: 0; } .c-grid-container.c-grid-container--gutter-xsmaller.solid-for-large { padding-right: 0.5rem; padding-left: 0.5rem; } } @media print, screen and (min-width: 80em) { .c-grid-container.c-grid-container--gutter-xsmaller.fluid-for-xlarge { padding-right: 0.5rem; padding-left: 0.5rem; } .c-grid-container.c-grid-container--gutter-xsmaller.full-for-xlarge { padding-right: 0; padding-left: 0; } .c-grid-container.c-grid-container--gutter-xsmaller.solid-for-xlarge { padding-right: 0.5rem; padding-left: 0.5rem; } } .c-grid-container.c-grid-container--gutter-smaller { padding-right: 0.75rem; padding-left: 0.75rem; } @media print, screen and (min-width: 48em) { .c-grid-container.c-grid-container--gutter-smaller { padding-right: 1rem; padding-left: 1rem; } } .c-grid-container.c-grid-container--gutter-smaller.fluid { padding-right: 0.75rem; padding-left: 0.75rem; } .c-grid-container.c-grid-container--gutter-smaller.full { padding-right: 0; padding-left: 0; } .c-grid-container.c-grid-container--gutter-smaller.solid { padding-right: 0.75rem; padding-left: 0.75rem; } @media print, screen and (min-width: 48em) { .c-grid-container.c-grid-container--gutter-smaller.fluid-for-medium { padding-right: 1rem; padding-left: 1rem; } .c-grid-container.c-grid-container--gutter-smaller.full-for-medium { padding-right: 0; padding-left: 0; } .c-grid-container.c-grid-container--gutter-smaller.solid-for-medium { padding-right: 1rem; padding-left: 1rem; } } @media print, screen and (min-width: 64em) { .c-grid-container.c-grid-container--gutter-smaller.fluid-for-large { padding-right: 1rem; padding-left: 1rem; } .c-grid-container.c-grid-container--gutter-smaller.full-for-large { padding-right: 0; padding-left: 0; } .c-grid-container.c-grid-container--gutter-smaller.solid-for-large { padding-right: 1rem; padding-left: 1rem; } } @media print, screen and (min-width: 80em) { .c-grid-container.c-grid-container--gutter-smaller.fluid-for-xlarge { padding-right: 1rem; padding-left: 1rem; } .c-grid-container.c-grid-container--gutter-smaller.full-for-xlarge { padding-right: 0; padding-left: 0; } .c-grid-container.c-grid-container--gutter-smaller.solid-for-xlarge { padding-right: 1rem; padding-left: 1rem; } } .c-grid-container.c-grid-container--gutter-larger { padding-right: 2.25rem; padding-left: 2.25rem; } @media print, screen and (min-width: 48em) { .c-grid-container.c-grid-container--gutter-larger { padding-right: 3rem; padding-left: 3rem; } } .c-grid-container.c-grid-container--gutter-larger.fluid { padding-right: 2.25rem; padding-left: 2.25rem; } .c-grid-container.c-grid-container--gutter-larger.full { padding-right: 0; padding-left: 0; } .c-grid-container.c-grid-container--gutter-larger.solid { padding-right: 2.25rem; padding-left: 2.25rem; } @media print, screen and (min-width: 48em) { .c-grid-container.c-grid-container--gutter-larger.fluid-for-medium { padding-right: 3rem; padding-left: 3rem; } .c-grid-container.c-grid-container--gutter-larger.full-for-medium { padding-right: 0; padding-left: 0; } .c-grid-container.c-grid-container--gutter-larger.solid-for-medium { padding-right: 3rem; padding-left: 3rem; } } @media print, screen and (min-width: 64em) { .c-grid-container.c-grid-container--gutter-larger.fluid-for-large { padding-right: 3rem; padding-left: 3rem; } .c-grid-container.c-grid-container--gutter-larger.full-for-large { padding-right: 0; padding-left: 0; } .c-grid-container.c-grid-container--gutter-larger.solid-for-large { padding-right: 3rem; padding-left: 3rem; } } @media print, screen and (min-width: 80em) { .c-grid-container.c-grid-container--gutter-larger.fluid-for-xlarge { padding-right: 3rem; padding-left: 3rem; } .c-grid-container.c-grid-container--gutter-larger.full-for-xlarge { padding-right: 0; padding-left: 0; } .c-grid-container.c-grid-container--gutter-larger.solid-for-xlarge { padding-right: 3rem; padding-left: 3rem; } } .c-grid-container.c-grid-container--gutter-xlarger { padding-right: 3rem; padding-left: 3rem; } @media print, screen and (min-width: 48em) { .c-grid-container.c-grid-container--gutter-xlarger { padding-right: 4rem; padding-left: 4rem; } } .c-grid-container.c-grid-container--gutter-xlarger.fluid { padding-right: 3rem; padding-left: 3rem; } .c-grid-container.c-grid-container--gutter-xlarger.full { padding-right: 0; padding-left: 0; } .c-grid-container.c-grid-container--gutter-xlarger.solid { padding-right: 3rem; padding-left: 3rem; } @media print, screen and (min-width: 48em) { .c-grid-container.c-grid-container--gutter-xlarger.fluid-for-medium { padding-right: 4rem; padding-left: 4rem; } .c-grid-container.c-grid-container--gutter-xlarger.full-for-medium { padding-right: 0; padding-left: 0; } .c-grid-container.c-grid-container--gutter-xlarger.solid-for-medium { padding-right: 4rem; padding-left: 4rem; } } @media print, screen and (min-width: 64em) { .c-grid-container.c-grid-container--gutter-xlarger.fluid-for-large { padding-right: 4rem; padding-left: 4rem; } .c-grid-container.c-grid-container--gutter-xlarger.full-for-large { padding-right: 0; padding-left: 0; } .c-grid-container.c-grid-container--gutter-xlarger.solid-for-large { padding-right: 4rem; padding-left: 4rem; } } @media print, screen and (min-width: 80em) { .c-grid-container.c-grid-container--gutter-xlarger.fluid-for-xlarge { padding-right: 4rem; padding-left: 4rem; } .c-grid-container.c-grid-container--gutter-xlarger.full-for-xlarge { padding-right: 0; padding-left: 0; } .c-grid-container.c-grid-container--gutter-xlarger.solid-for-xlarge { padding-right: 4rem; padding-left: 4rem; } } /* ========================================================================================== * Grid Layout（object/component/_grid-layout.scss） * ========================================================================================== */ .c-grid-layout { --m2-grid-layout-columns: 12; --m2-grid-layout-rows: 0; --m2-grid-layout-gap-row: 0; --m2-grid-layout-gap-column: 0; display: grid; grid-auto-columns: 1fr; grid-auto-rows: auto; row-gap: var(--m2-grid-layout-gap-row); -moz-column-gap: var(--m2-grid-layout-gap-column); column-gap: var(--m2-grid-layout-gap-column); grid-template-rows: repeat(var(--m2-grid-layout-rows, 0), [grid-row-start grid-cell-start] auto [grid-cell-end grid-row-end]); grid-template-columns: repeat(var(--m2-grid-layout-columns, 12), [grid-column-start grid-cell-start] 1fr [grid-cell-end grid-column-end]); } .c-grid-layout > :where(*) { grid-row-start: var(--m2-grid-cell-row-start, auto); grid-row-end: var(--m2-grid-cell-row-end, auto); grid-column-start: var(--m2-grid-cell-column-start, 1); grid-column-end: var(--m2-grid-cell-column-end, -1); } @media print, screen and (min-width: 48em) { .c-grid-layout-for-medium { --m2-grid-layout-columns: 12; --m2-grid-layout-rows: 0; --m2-grid-layout-gap-row: 0; --m2-grid-layout-gap-column: 0; display: grid; grid-auto-columns: 1fr; grid-auto-rows: auto; row-gap: var(--m2-grid-layout-gap-row); -moz-column-gap: var(--m2-grid-layout-gap-column); column-gap: var(--m2-grid-layout-gap-column); grid-template-rows: repeat(var(--m2-grid-layout-rows, 0), [grid-row-start grid-cell-start] auto [grid-cell-end grid-row-end]); grid-template-columns: repeat(var(--m2-grid-layout-columns, 12), [grid-column-start grid-cell-start] 1fr [grid-cell-end grid-column-end]); } .c-grid-layout-for-medium > :where(*) { grid-row-start: var(--m2-grid-cell-row-start, auto); grid-row-end: var(--m2-grid-cell-row-end, auto); grid-column-start: var(--m2-grid-cell-column-start, 1); grid-column-end: var(--m2-grid-cell-column-end, -1); } } @media print, screen and (min-width: 64em) { .c-grid-layout-for-large { --m2-grid-layout-columns: 12; --m2-grid-layout-rows: 0; --m2-grid-layout-gap-row: 0; --m2-grid-layout-gap-column: 0; display: grid; grid-auto-columns: 1fr; grid-auto-rows: auto; row-gap: var(--m2-grid-layout-gap-row); -moz-column-gap: var(--m2-grid-layout-gap-column); column-gap: var(--m2-grid-layout-gap-column); grid-template-rows: repeat(var(--m2-grid-layout-rows, 0), [grid-row-start grid-cell-start] auto [grid-cell-end grid-row-end]); grid-template-columns: repeat(var(--m2-grid-layout-columns, 12), [grid-column-start grid-cell-start] 1fr [grid-cell-end grid-column-end]); } .c-grid-layout-for-large > :where(*) { grid-row-start: var(--m2-grid-cell-row-start, auto); grid-row-end: var(--m2-grid-cell-row-end, auto); grid-column-start: var(--m2-grid-cell-column-start, 1); grid-column-end: var(--m2-grid-cell-column-end, -1); } } @media print, screen and (min-width: 80em) { .c-grid-layout-for-xlarge { --m2-grid-layout-columns: 12; --m2-grid-layout-rows: 0; --m2-grid-layout-gap-row: 0; --m2-grid-layout-gap-column: 0; display: grid; grid-auto-columns: 1fr; grid-auto-rows: auto; row-gap: var(--m2-grid-layout-gap-row); -moz-column-gap: var(--m2-grid-layout-gap-column); column-gap: var(--m2-grid-layout-gap-column); grid-template-rows: repeat(var(--m2-grid-layout-rows, 0), [grid-row-start grid-cell-start] auto [grid-cell-end grid-row-end]); grid-template-columns: repeat(var(--m2-grid-layout-columns, 12), [grid-column-start grid-cell-start] 1fr [grid-cell-end grid-column-end]); } .c-grid-layout-for-xlarge > :where(*) { grid-row-start: var(--m2-grid-cell-row-start, auto); grid-row-end: var(--m2-grid-cell-row-end, auto); grid-column-start: var(--m2-grid-cell-column-start, 1); grid-column-end: var(--m2-grid-cell-column-end, -1); } } .c-grid-layout--dev { --dev-color: #666666; grid-auto-rows: minmax(6rem, auto); } .c-grid-layout--dev > :where(*) { color: var(--dev-color); background-color: hsl(from var(--dev-color) h s l/0.25); } .c-grid-layout--dev > :where(*):where(:nth-child(12n+0)) { --dev-color: hsl( 0deg 100% 50% ); } .c-grid-layout--dev > :where(*):where(:nth-child(12n+1)) { --dev-color: hsl( 30deg 100% 50% ); } .c-grid-layout--dev > :where(*):where(:nth-child(12n+2)) { --dev-color: hsl( 60deg 100% 50% ); } .c-grid-layout--dev > :where(*):where(:nth-child(12n+3)) { --dev-color: hsl( 90deg 100% 50% ); } .c-grid-layout--dev > :where(*):where(:nth-child(12n+4)) { --dev-color: hsl( 120deg 100% 50% ); } .c-grid-layout--dev > :where(*):where(:nth-child(12n+5)) { --dev-color: hsl( 150deg 100% 50% ); } .c-grid-layout--dev > :where(*):where(:nth-child(12n+6)) { --dev-color: hsl( 180deg 100% 50% ); } .c-grid-layout--dev > :where(*):where(:nth-child(12n+7)) { --dev-color: hsl( 210deg 100% 50% ); } .c-grid-layout--dev > :where(*):where(:nth-child(12n+8)) { --dev-color: hsl( 240deg 100% 50% ); } .c-grid-layout--dev > :where(*):where(:nth-child(12n+9)) { --dev-color: hsl( 270deg 100% 50% ); } .c-grid-layout--dev > :where(*):where(:nth-child(12n+10)) { --dev-color: hsl( 300deg 100% 50% ); } .c-grid-layout--dev > :where(*):where(:nth-child(12n+11)) { --dev-color: hsl( 330deg 100% 50% ); } .is-grid-template { --m2-grid-layout-columns: 3; --m2-grid-layout-rows: 3; --m2-grid-template-areas: "top top top" "left center right" "bottom bottom bottom"; --m2-grid-template-row-top: auto; --m2-grid-template-row-center: auto; --m2-grid-template-row-bottom: auto; --m2-grid-template-column-left: minmax( 0, min-content ); --m2-grid-template-column-center: minmax( 0, 1fr ); --m2-grid-template-column-right: minmax( 0, min-content ); display: grid; grid-auto-columns: min-content; grid-auto-rows: auto; grid-template-areas: var(--m2-grid-template-areas); grid-template-rows: var(--m2-grid-template-row-top, auto) var(--m2-grid-template-row-center, auto) var(--m2-grid-template-row-bottom, auto); grid-template-columns: var(--m2-grid-template-column-left, min-content) var(--m2-grid-template-column-center, 1fr) var(--m2-grid-template-column-right, min-content); } .is-grid-template > :where(*) { grid-row-start: var(--m2-grid-cell-row-start, auto); grid-row-end: var(--m2-grid-cell-row-end, auto); grid-column-start: var(--m2-grid-cell-column-start, 1); grid-column-end: var(--m2-grid-cell-column-end, -1); } @media print, screen and (min-width: 48em) { .is-grid-template-for-medium { --m2-grid-layout-columns: 3; --m2-grid-layout-rows: 3; --m2-grid-template-areas: "top top top" "left center right" "bottom bottom bottom"; --m2-grid-template-row-top: auto; --m2-grid-template-row-center: auto; --m2-grid-template-row-bottom: auto; --m2-grid-template-column-left: minmax( 0, min-content ); --m2-grid-template-column-center: minmax( 0, 1fr ); --m2-grid-template-column-right: minmax( 0, min-content ); display: grid; grid-auto-columns: min-content; grid-auto-rows: auto; grid-template-areas: var(--m2-grid-template-areas); grid-template-rows: var(--m2-grid-template-row-top, auto) var(--m2-grid-template-row-center, auto) var(--m2-grid-template-row-bottom, auto); grid-template-columns: var(--m2-grid-template-column-left, min-content) var(--m2-grid-template-column-center, 1fr) var(--m2-grid-template-column-right, min-content); } .is-grid-template-for-medium > :where(*) { grid-row-start: var(--m2-grid-cell-row-start, auto); grid-row-end: var(--m2-grid-cell-row-end, auto); grid-column-start: var(--m2-grid-cell-column-start, 1); grid-column-end: var(--m2-grid-cell-column-end, -1); } } @media print, screen and (min-width: 64em) { .is-grid-template-for-large { --m2-grid-layout-columns: 3; --m2-grid-layout-rows: 3; --m2-grid-template-areas: "top top top" "left center right" "bottom bottom bottom"; --m2-grid-template-row-top: auto; --m2-grid-template-row-center: auto; --m2-grid-template-row-bottom: auto; --m2-grid-template-column-left: minmax( 0, min-content ); --m2-grid-template-column-center: minmax( 0, 1fr ); --m2-grid-template-column-right: minmax( 0, min-content ); display: grid; grid-auto-columns: min-content; grid-auto-rows: auto; grid-template-areas: var(--m2-grid-template-areas); grid-template-rows: var(--m2-grid-template-row-top, auto) var(--m2-grid-template-row-center, auto) var(--m2-grid-template-row-bottom, auto); grid-template-columns: var(--m2-grid-template-column-left, min-content) var(--m2-grid-template-column-center, 1fr) var(--m2-grid-template-column-right, min-content); } .is-grid-template-for-large > :where(*) { grid-row-start: var(--m2-grid-cell-row-start, auto); grid-row-end: var(--m2-grid-cell-row-end, auto); grid-column-start: var(--m2-grid-cell-column-start, 1); grid-column-end: var(--m2-grid-cell-column-end, -1); } } @media print, screen and (min-width: 80em) { .is-grid-template-for-xlarge { --m2-grid-layout-columns: 3; --m2-grid-layout-rows: 3; --m2-grid-template-areas: "top top top" "left center right" "bottom bottom bottom"; --m2-grid-template-row-top: auto; --m2-grid-template-row-center: auto; --m2-grid-template-row-bottom: auto; --m2-grid-template-column-left: minmax( 0, min-content ); --m2-grid-template-column-center: minmax( 0, 1fr ); --m2-grid-template-column-right: minmax( 0, min-content ); display: grid; grid-auto-columns: min-content; grid-auto-rows: auto; grid-template-areas: var(--m2-grid-template-areas); grid-template-rows: var(--m2-grid-template-row-top, auto) var(--m2-grid-template-row-center, auto) var(--m2-grid-template-row-bottom, auto); grid-template-columns: var(--m2-grid-template-column-left, min-content) var(--m2-grid-template-column-center, 1fr) var(--m2-grid-template-column-right, min-content); } .is-grid-template-for-xlarge > :where(*) { grid-row-start: var(--m2-grid-cell-row-start, auto); grid-row-end: var(--m2-grid-cell-row-end, auto); grid-column-start: var(--m2-grid-cell-column-start, 1); grid-column-end: var(--m2-grid-cell-column-end, -1); } } .is-grid-area--center, .is-grid-template > .is-grid-area--center { --m2-grid-cell-row-start: center; --m2-grid-cell-row-end: center; --m2-grid-cell-column-start: center; --m2-grid-cell-column-end: center; } .is-grid-area--top, .is-grid-template > .is-grid-area--top { --m2-grid-cell-row-start: top; --m2-grid-cell-row-end: top; --m2-grid-cell-column-start: top; --m2-grid-cell-column-end: top; } .is-grid-area--bottom, .is-grid-template > .is-grid-area--bottom { --m2-grid-cell-row-start: bottom; --m2-grid-cell-row-end: bottom; --m2-grid-cell-column-start: bottom; --m2-grid-cell-column-end: bottom; } .is-grid-area--left, .is-grid-template > .is-grid-area--left { --m2-grid-cell-row-start: left; --m2-grid-cell-row-end: left; --m2-grid-cell-column-start: left; --m2-grid-cell-column-end: left; } .is-grid-area--right, .is-grid-template > .is-grid-area--right { --m2-grid-cell-row-start: right; --m2-grid-cell-row-end: right; --m2-grid-cell-column-start: right; --m2-grid-cell-column-end: right; } .is-grid-area--overlay, .is-grid-template > .is-grid-area--overlay { --m2-grid-cell-row-start: 1; --m2-grid-cell-row-end: -1; --m2-grid-cell-column-start: 1; --m2-grid-cell-column-end: -1; } .is-grid-area--underlay, .is-grid-template > .is-grid-area--underlay { --m2-grid-cell-row-start: 1; --m2-grid-cell-row-end: -1; --m2-grid-cell-column-start: 1; --m2-grid-cell-column-end: -1; } @media print, screen and (min-width: 48em) { .is-grid-area--center-for-medium, .is-grid-template > .is-grid-area--center-for-medium { --m2-grid-cell-row-start: center; --m2-grid-cell-row-end: center; --m2-grid-cell-column-start: center; --m2-grid-cell-column-end: center; } .is-grid-area--top-for-medium, .is-grid-template > .is-grid-area--top-for-medium { --m2-grid-cell-row-start: top; --m2-grid-cell-row-end: top; --m2-grid-cell-column-start: top; --m2-grid-cell-column-end: top; } .is-grid-area--bottom-for-medium, .is-grid-template > .is-grid-area--bottom-for-medium { --m2-grid-cell-row-start: bottom; --m2-grid-cell-row-end: bottom; --m2-grid-cell-column-start: bottom; --m2-grid-cell-column-end: bottom; } .is-grid-area--left-for-medium, .is-grid-template > .is-grid-area--left-for-medium { --m2-grid-cell-row-start: left; --m2-grid-cell-row-end: left; --m2-grid-cell-column-start: left; --m2-grid-cell-column-end: left; } .is-grid-area--right-for-medium, .is-grid-template > .is-grid-area--right-for-medium { --m2-grid-cell-row-start: right; --m2-grid-cell-row-end: right; --m2-grid-cell-column-start: right; --m2-grid-cell-column-end: right; } .is-grid-area--overlay-for-medium, .is-grid-template > .is-grid-area--overlay-for-medium { --m2-grid-cell-row-start: 1; --m2-grid-cell-row-end: -1; --m2-grid-cell-column-start: 1; --m2-grid-cell-column-end: -1; } .is-grid-area--underlay-for-medium, .is-grid-template > .is-grid-area--underlay-for-medium { --m2-grid-cell-row-start: 1; --m2-grid-cell-row-end: -1; --m2-grid-cell-column-start: 1; --m2-grid-cell-column-end: -1; } } @media print, screen and (min-width: 64em) { .is-grid-area--center-for-large, .is-grid-template > .is-grid-area--center-for-large { --m2-grid-cell-row-start: center; --m2-grid-cell-row-end: center; --m2-grid-cell-column-start: center; --m2-grid-cell-column-end: center; } .is-grid-area--top-for-large, .is-grid-template > .is-grid-area--top-for-large { --m2-grid-cell-row-start: top; --m2-grid-cell-row-end: top; --m2-grid-cell-column-start: top; --m2-grid-cell-column-end: top; } .is-grid-area--bottom-for-large, .is-grid-template > .is-grid-area--bottom-for-large { --m2-grid-cell-row-start: bottom; --m2-grid-cell-row-end: bottom; --m2-grid-cell-column-start: bottom; --m2-grid-cell-column-end: bottom; } .is-grid-area--left-for-large, .is-grid-template > .is-grid-area--left-for-large { --m2-grid-cell-row-start: left; --m2-grid-cell-row-end: left; --m2-grid-cell-column-start: left; --m2-grid-cell-column-end: left; } .is-grid-area--right-for-large, .is-grid-template > .is-grid-area--right-for-large { --m2-grid-cell-row-start: right; --m2-grid-cell-row-end: right; --m2-grid-cell-column-start: right; --m2-grid-cell-column-end: right; } .is-grid-area--overlay-for-large, .is-grid-template > .is-grid-area--overlay-for-large { --m2-grid-cell-row-start: 1; --m2-grid-cell-row-end: -1; --m2-grid-cell-column-start: 1; --m2-grid-cell-column-end: -1; } .is-grid-area--underlay-for-large, .is-grid-template > .is-grid-area--underlay-for-large { --m2-grid-cell-row-start: 1; --m2-grid-cell-row-end: -1; --m2-grid-cell-column-start: 1; --m2-grid-cell-column-end: -1; } } @media print, screen and (min-width: 80em) { .is-grid-area--center-for-xlarge, .is-grid-template > .is-grid-area--center-for-xlarge { --m2-grid-cell-row-start: center; --m2-grid-cell-row-end: center; --m2-grid-cell-column-start: center; --m2-grid-cell-column-end: center; } .is-grid-area--top-for-xlarge, .is-grid-template > .is-grid-area--top-for-xlarge { --m2-grid-cell-row-start: top; --m2-grid-cell-row-end: top; --m2-grid-cell-column-start: top; --m2-grid-cell-column-end: top; } .is-grid-area--bottom-for-xlarge, .is-grid-template > .is-grid-area--bottom-for-xlarge { --m2-grid-cell-row-start: bottom; --m2-grid-cell-row-end: bottom; --m2-grid-cell-column-start: bottom; --m2-grid-cell-column-end: bottom; } .is-grid-area--left-for-xlarge, .is-grid-template > .is-grid-area--left-for-xlarge { --m2-grid-cell-row-start: left; --m2-grid-cell-row-end: left; --m2-grid-cell-column-start: left; --m2-grid-cell-column-end: left; } .is-grid-area--right-for-xlarge, .is-grid-template > .is-grid-area--right-for-xlarge { --m2-grid-cell-row-start: right; --m2-grid-cell-row-end: right; --m2-grid-cell-column-start: right; --m2-grid-cell-column-end: right; } .is-grid-area--overlay-for-xlarge, .is-grid-template > .is-grid-area--overlay-for-xlarge { --m2-grid-cell-row-start: 1; --m2-grid-cell-row-end: -1; --m2-grid-cell-column-start: 1; --m2-grid-cell-column-end: -1; } .is-grid-area--underlay-for-xlarge, .is-grid-template > .is-grid-area--underlay-for-xlarge { --m2-grid-cell-row-start: 1; --m2-grid-cell-row-end: -1; --m2-grid-cell-column-start: 1; --m2-grid-cell-column-end: -1; } } .is-grid-columns { display: grid; grid-template-rows: none; grid-template-columns: repeat(var(--m2-grid-layout-columns, 12), [grid-column-start grid-cell-start] 1fr [grid-cell-end grid-column-end]); } .is-grid-columns > :where(*) { --m2-grid-cell-row-start: auto; --m2-grid-cell-row-end: auto; --m2-grid-cell-column-start: auto; --m2-grid-cell-column-end: auto; } .is-grid-columns-1 { --m2-grid-layout-columns: 1; } .is-grid-columns-2 { --m2-grid-layout-columns: 2; } .is-grid-columns-3 { --m2-grid-layout-columns: 3; } .is-grid-columns-4 { --m2-grid-layout-columns: 4; } .is-grid-columns-5 { --m2-grid-layout-columns: 5; } .is-grid-columns-6 { --m2-grid-layout-columns: 6; } .is-grid-columns-7 { --m2-grid-layout-columns: 7; } .is-grid-columns-8 { --m2-grid-layout-columns: 8; } .is-grid-columns-9 { --m2-grid-layout-columns: 9; } .is-grid-columns-10 { --m2-grid-layout-columns: 10; } .is-grid-columns-11 { --m2-grid-layout-columns: 11; } .is-grid-columns-12 { --m2-grid-layout-columns: 12; } .is-grid-columns-auto { grid-template-columns: auto; } .is-grid-columns-none { grid-template-columns: none; } @media print, screen and (min-width: 48em) { .is-grid-columns-for-medium { display: grid; grid-template-rows: none; grid-template-columns: repeat(var(--m2-grid-layout-columns, 12), [grid-column-start grid-cell-start] 1fr [grid-cell-end grid-column-end]); } .is-grid-columns-for-medium > :where(*) { --m2-grid-cell-row-start: auto; --m2-grid-cell-row-end: auto; --m2-grid-cell-column-start: auto; --m2-grid-cell-column-end: auto; } .is-grid-columns-1-for-medium { --m2-grid-layout-columns: 1; } .is-grid-columns-2-for-medium { --m2-grid-layout-columns: 2; } .is-grid-columns-3-for-medium { --m2-grid-layout-columns: 3; } .is-grid-columns-4-for-medium { --m2-grid-layout-columns: 4; } .is-grid-columns-5-for-medium { --m2-grid-layout-columns: 5; } .is-grid-columns-6-for-medium { --m2-grid-layout-columns: 6; } .is-grid-columns-7-for-medium { --m2-grid-layout-columns: 7; } .is-grid-columns-8-for-medium { --m2-grid-layout-columns: 8; } .is-grid-columns-9-for-medium { --m2-grid-layout-columns: 9; } .is-grid-columns-10-for-medium { --m2-grid-layout-columns: 10; } .is-grid-columns-11-for-medium { --m2-grid-layout-columns: 11; } .is-grid-columns-12-for-medium { --m2-grid-layout-columns: 12; } .is-grid-columns-auto-for-medium { grid-template-columns: auto; } .is-grid-columns-none-for-medium { grid-template-columns: none; } } @media print, screen and (min-width: 64em) { .is-grid-columns-for-large { display: grid; grid-template-rows: none; grid-template-columns: repeat(var(--m2-grid-layout-columns, 12), [grid-column-start grid-cell-start] 1fr [grid-cell-end grid-column-end]); } .is-grid-columns-for-large > :where(*) { --m2-grid-cell-row-start: auto; --m2-grid-cell-row-end: auto; --m2-grid-cell-column-start: auto; --m2-grid-cell-column-end: auto; } .is-grid-columns-1-for-large { --m2-grid-layout-columns: 1; } .is-grid-columns-2-for-large { --m2-grid-layout-columns: 2; } .is-grid-columns-3-for-large { --m2-grid-layout-columns: 3; } .is-grid-columns-4-for-large { --m2-grid-layout-columns: 4; } .is-grid-columns-5-for-large { --m2-grid-layout-columns: 5; } .is-grid-columns-6-for-large { --m2-grid-layout-columns: 6; } .is-grid-columns-7-for-large { --m2-grid-layout-columns: 7; } .is-grid-columns-8-for-large { --m2-grid-layout-columns: 8; } .is-grid-columns-9-for-large { --m2-grid-layout-columns: 9; } .is-grid-columns-10-for-large { --m2-grid-layout-columns: 10; } .is-grid-columns-11-for-large { --m2-grid-layout-columns: 11; } .is-grid-columns-12-for-large { --m2-grid-layout-columns: 12; } .is-grid-columns-auto-for-large { grid-template-columns: auto; } .is-grid-columns-none-for-large { grid-template-columns: none; } } @media print, screen and (min-width: 80em) { .is-grid-columns-for-xlarge { display: grid; grid-template-rows: none; grid-template-columns: repeat(var(--m2-grid-layout-columns, 12), [grid-column-start grid-cell-start] 1fr [grid-cell-end grid-column-end]); } .is-grid-columns-for-xlarge > :where(*) { --m2-grid-cell-row-start: auto; --m2-grid-cell-row-end: auto; --m2-grid-cell-column-start: auto; --m2-grid-cell-column-end: auto; } .is-grid-columns-1-for-xlarge { --m2-grid-layout-columns: 1; } .is-grid-columns-2-for-xlarge { --m2-grid-layout-columns: 2; } .is-grid-columns-3-for-xlarge { --m2-grid-layout-columns: 3; } .is-grid-columns-4-for-xlarge { --m2-grid-layout-columns: 4; } .is-grid-columns-5-for-xlarge { --m2-grid-layout-columns: 5; } .is-grid-columns-6-for-xlarge { --m2-grid-layout-columns: 6; } .is-grid-columns-7-for-xlarge { --m2-grid-layout-columns: 7; } .is-grid-columns-8-for-xlarge { --m2-grid-layout-columns: 8; } .is-grid-columns-9-for-xlarge { --m2-grid-layout-columns: 9; } .is-grid-columns-10-for-xlarge { --m2-grid-layout-columns: 10; } .is-grid-columns-11-for-xlarge { --m2-grid-layout-columns: 11; } .is-grid-columns-12-for-xlarge { --m2-grid-layout-columns: 12; } .is-grid-columns-auto-for-xlarge { grid-template-columns: auto; } .is-grid-columns-none-for-xlarge { grid-template-columns: none; } } .is-grid-rows { display: grid; grid-template-rows: repeat(var(--m2-grid-layout-rows, 12), [grid-row-start grid-cell-start] auto [grid-cell-end grid-row-end]); grid-template-columns: none; } .is-grid-rows > :where(*) { --m2-grid-cell-row-start: auto; --m2-grid-cell-row-end: auto; --m2-grid-cell-column-start: auto; --m2-grid-cell-column-end: auto; } .is-grid-rows-1 { --m2-grid-layout-rows: 1; } .is-grid-rows-2 { --m2-grid-layout-rows: 2; } .is-grid-rows-3 { --m2-grid-layout-rows: 3; } .is-grid-rows-4 { --m2-grid-layout-rows: 4; } .is-grid-rows-5 { --m2-grid-layout-rows: 5; } .is-grid-rows-6 { --m2-grid-layout-rows: 6; } .is-grid-rows-7 { --m2-grid-layout-rows: 7; } .is-grid-rows-8 { --m2-grid-layout-rows: 8; } .is-grid-rows-9 { --m2-grid-layout-rows: 9; } .is-grid-rows-10 { --m2-grid-layout-rows: 10; } .is-grid-rows-11 { --m2-grid-layout-rows: 11; } .is-grid-rows-12 { --m2-grid-layout-rows: 12; } .is-grid-rows-auto { grid-template-rows: auto; } .is-grid-rows-none { grid-template-rows: none; } @media print, screen and (min-width: 48em) { .is-grid-rows-for-medium { display: grid; grid-template-rows: repeat(var(--m2-grid-layout-rows, 12), [grid-row-start grid-cell-start] auto [grid-cell-end grid-row-end]); grid-template-columns: none; } .is-grid-rows-for-medium > :where(*) { --m2-grid-cell-row-start: auto; --m2-grid-cell-row-end: auto; --m2-grid-cell-column-start: auto; --m2-grid-cell-column-end: auto; } .is-grid-rows-1-for-medium { --m2-grid-layout-rows: 1; } .is-grid-rows-2-for-medium { --m2-grid-layout-rows: 2; } .is-grid-rows-3-for-medium { --m2-grid-layout-rows: 3; } .is-grid-rows-4-for-medium { --m2-grid-layout-rows: 4; } .is-grid-rows-5-for-medium { --m2-grid-layout-rows: 5; } .is-grid-rows-6-for-medium { --m2-grid-layout-rows: 6; } .is-grid-rows-7-for-medium { --m2-grid-layout-rows: 7; } .is-grid-rows-8-for-medium { --m2-grid-layout-rows: 8; } .is-grid-rows-9-for-medium { --m2-grid-layout-rows: 9; } .is-grid-rows-10-for-medium { --m2-grid-layout-rows: 10; } .is-grid-rows-11-for-medium { --m2-grid-layout-rows: 11; } .is-grid-rows-12-for-medium { --m2-grid-layout-rows: 12; } .is-grid-rows-auto-for-medium { grid-template-rows: auto; } .is-grid-rows-none-for-medium { grid-template-rows: none; } } @media print, screen and (min-width: 64em) { .is-grid-rows-for-large { display: grid; grid-template-rows: repeat(var(--m2-grid-layout-rows, 12), [grid-row-start grid-cell-start] auto [grid-cell-end grid-row-end]); grid-template-columns: none; } .is-grid-rows-for-large > :where(*) { --m2-grid-cell-row-start: auto; --m2-grid-cell-row-end: auto; --m2-grid-cell-column-start: auto; --m2-grid-cell-column-end: auto; } .is-grid-rows-1-for-large { --m2-grid-layout-rows: 1; } .is-grid-rows-2-for-large { --m2-grid-layout-rows: 2; } .is-grid-rows-3-for-large { --m2-grid-layout-rows: 3; } .is-grid-rows-4-for-large { --m2-grid-layout-rows: 4; } .is-grid-rows-5-for-large { --m2-grid-layout-rows: 5; } .is-grid-rows-6-for-large { --m2-grid-layout-rows: 6; } .is-grid-rows-7-for-large { --m2-grid-layout-rows: 7; } .is-grid-rows-8-for-large { --m2-grid-layout-rows: 8; } .is-grid-rows-9-for-large { --m2-grid-layout-rows: 9; } .is-grid-rows-10-for-large { --m2-grid-layout-rows: 10; } .is-grid-rows-11-for-large { --m2-grid-layout-rows: 11; } .is-grid-rows-12-for-large { --m2-grid-layout-rows: 12; } .is-grid-rows-auto-for-large { grid-template-rows: auto; } .is-grid-rows-none-for-large { grid-template-rows: none; } } @media print, screen and (min-width: 80em) { .is-grid-rows-for-xlarge { display: grid; grid-template-rows: repeat(var(--m2-grid-layout-rows, 12), [grid-row-start grid-cell-start] auto [grid-cell-end grid-row-end]); grid-template-columns: none; } .is-grid-rows-for-xlarge > :where(*) { --m2-grid-cell-row-start: auto; --m2-grid-cell-row-end: auto; --m2-grid-cell-column-start: auto; --m2-grid-cell-column-end: auto; } .is-grid-rows-1-for-xlarge { --m2-grid-layout-rows: 1; } .is-grid-rows-2-for-xlarge { --m2-grid-layout-rows: 2; } .is-grid-rows-3-for-xlarge { --m2-grid-layout-rows: 3; } .is-grid-rows-4-for-xlarge { --m2-grid-layout-rows: 4; } .is-grid-rows-5-for-xlarge { --m2-grid-layout-rows: 5; } .is-grid-rows-6-for-xlarge { --m2-grid-layout-rows: 6; } .is-grid-rows-7-for-xlarge { --m2-grid-layout-rows: 7; } .is-grid-rows-8-for-xlarge { --m2-grid-layout-rows: 8; } .is-grid-rows-9-for-xlarge { --m2-grid-layout-rows: 9; } .is-grid-rows-10-for-xlarge { --m2-grid-layout-rows: 10; } .is-grid-rows-11-for-xlarge { --m2-grid-layout-rows: 11; } .is-grid-rows-12-for-xlarge { --m2-grid-layout-rows: 12; } .is-grid-rows-auto-for-xlarge { grid-template-rows: auto; } .is-grid-rows-none-for-xlarge { grid-template-rows: none; } } .is-grid-cell { --m2-grid-cell-row-start: auto; --m2-grid-cell-row-end: auto; --m2-grid-cell-column-start: auto; --m2-grid-cell-column-end: auto; grid-row-start: var(--m2-grid-cell-row-start, auto); grid-row-end: var(--m2-grid-cell-row-end, auto); grid-column-start: var(--m2-grid-cell-column-start, auto); grid-column-end: var(--m2-grid-cell-column-end, auto); } .is-grid-cell--column-auto { --m2-grid-cell-column-start: auto; --m2-grid-cell-column-end: auto; } .is-grid-cell--column-full { --m2-grid-cell-column-start: 1; --m2-grid-cell-column-end: -1; } .is-grid-cell--column-1 { --m2-grid-cell-column-start: auto; --m2-grid-cell-column-end: span 1; } .is-grid-cell--column-2 { --m2-grid-cell-column-start: auto; --m2-grid-cell-column-end: span 2; } .is-grid-cell--column-3 { --m2-grid-cell-column-start: auto; --m2-grid-cell-column-end: span 3; } .is-grid-cell--column-4 { --m2-grid-cell-column-start: auto; --m2-grid-cell-column-end: span 4; } .is-grid-cell--column-5 { --m2-grid-cell-column-start: auto; --m2-grid-cell-column-end: span 5; } .is-grid-cell--column-6 { --m2-grid-cell-column-start: auto; --m2-grid-cell-column-end: span 6; } .is-grid-cell--column-7 { --m2-grid-cell-column-start: auto; --m2-grid-cell-column-end: span 7; } .is-grid-cell--column-8 { --m2-grid-cell-column-start: auto; --m2-grid-cell-column-end: span 8; } .is-grid-cell--column-9 { --m2-grid-cell-column-start: auto; --m2-grid-cell-column-end: span 9; } .is-grid-cell--column-10 { --m2-grid-cell-column-start: auto; --m2-grid-cell-column-end: span 10; } .is-grid-cell--column-11 { --m2-grid-cell-column-start: auto; --m2-grid-cell-column-end: span 11; } .is-grid-cell--column-12 { --m2-grid-cell-column-start: auto; --m2-grid-cell-column-end: span 12; } .is-grid-cell--row-auto { --m2-grid-cell-row-start: auto; --m2-grid-cell-row-end: auto; } .is-grid-cell--row-full { --m2-grid-cell-row-start: 1; --m2-grid-cell-row-end: -1; } .is-grid-cell--row-1 { --m2-grid-cell-row-end: span 1; } .is-grid-cell--row-2 { --m2-grid-cell-row-end: span 2; } .is-grid-cell--row-3 { --m2-grid-cell-row-end: span 3; } .is-grid-cell--row-4 { --m2-grid-cell-row-end: span 4; } .is-grid-cell--row-5 { --m2-grid-cell-row-end: span 5; } .is-grid-cell--row-6 { --m2-grid-cell-row-end: span 6; } .is-grid-cell--row-7 { --m2-grid-cell-row-end: span 7; } .is-grid-cell--row-8 { --m2-grid-cell-row-end: span 8; } .is-grid-cell--row-9 { --m2-grid-cell-row-end: span 9; } .is-grid-cell--row-10 { --m2-grid-cell-row-end: span 10; } .is-grid-cell--row-11 { --m2-grid-cell-row-end: span 11; } .is-grid-cell--row-12 { --m2-grid-cell-row-end: span 12; } .is-grid-cell--row-start-auto { --m2-grid-cell-row-start: auto; } .is-grid-cell--row-start-1 { --m2-grid-cell-row-start: 1; } .is-grid-cell--row-start-2 { --m2-grid-cell-row-start: 2; } .is-grid-cell--row-start-3 { --m2-grid-cell-row-start: 3; } .is-grid-cell--row-start-4 { --m2-grid-cell-row-start: 4; } .is-grid-cell--row-start-5 { --m2-grid-cell-row-start: 5; } .is-grid-cell--row-start-6 { --m2-grid-cell-row-start: 6; } .is-grid-cell--row-start-7 { --m2-grid-cell-row-start: 7; } .is-grid-cell--row-start-8 { --m2-grid-cell-row-start: 8; } .is-grid-cell--row-start-9 { --m2-grid-cell-row-start: 9; } .is-grid-cell--row-start-10 { --m2-grid-cell-row-start: 10; } .is-grid-cell--row-start-11 { --m2-grid-cell-row-start: 11; } .is-grid-cell--row-start-12 { --m2-grid-cell-row-start: 12; } .is-grid-cell--row-end-1 { --m2-grid-cell-row-end: 1; } .is-grid-cell--row-end-2 { --m2-grid-cell-row-end: 2; } .is-grid-cell--row-end-3 { --m2-grid-cell-row-end: 3; } .is-grid-cell--row-end-4 { --m2-grid-cell-row-end: 4; } .is-grid-cell--row-end-5 { --m2-grid-cell-row-end: 5; } .is-grid-cell--row-end-6 { --m2-grid-cell-row-end: 6; } .is-grid-cell--row-end-7 { --m2-grid-cell-row-end: 7; } .is-grid-cell--row-end-8 { --m2-grid-cell-row-end: 8; } .is-grid-cell--row-end-9 { --m2-grid-cell-row-end: 9; } .is-grid-cell--row-end-10 { --m2-grid-cell-row-end: 10; } .is-grid-cell--row-end-11 { --m2-grid-cell-row-end: 11; } .is-grid-cell--row-end-12 { --m2-grid-cell-row-end: 12; } @media print, screen and (min-width: 48em) { .is-grid-cell--column-auto-for-medium { --m2-grid-cell-column-start: auto; --m2-grid-cell-column-end: auto; } .is-grid-cell--column-full-for-medium { --m2-grid-cell-column-start: 1; --m2-grid-cell-column-end: -1; } .is-grid-cell--column-1-for-medium { --m2-grid-cell-column-start: auto; --m2-grid-cell-column-end: span 1; } .is-grid-cell--column-2-for-medium { --m2-grid-cell-column-start: auto; --m2-grid-cell-column-end: span 2; } .is-grid-cell--column-3-for-medium { --m2-grid-cell-column-start: auto; --m2-grid-cell-column-end: span 3; } .is-grid-cell--column-4-for-medium { --m2-grid-cell-column-start: auto; --m2-grid-cell-column-end: span 4; } .is-grid-cell--column-5-for-medium { --m2-grid-cell-column-start: auto; --m2-grid-cell-column-end: span 5; } .is-grid-cell--column-6-for-medium { --m2-grid-cell-column-start: auto; --m2-grid-cell-column-end: span 6; } .is-grid-cell--column-7-for-medium { --m2-grid-cell-column-start: auto; --m2-grid-cell-column-end: span 7; } .is-grid-cell--column-8-for-medium { --m2-grid-cell-column-start: auto; --m2-grid-cell-column-end: span 8; } .is-grid-cell--column-9-for-medium { --m2-grid-cell-column-start: auto; --m2-grid-cell-column-end: span 9; } .is-grid-cell--column-10-for-medium { --m2-grid-cell-column-start: auto; --m2-grid-cell-column-end: span 10; } .is-grid-cell--column-11-for-medium { --m2-grid-cell-column-start: auto; --m2-grid-cell-column-end: span 11; } .is-grid-cell--column-12-for-medium { --m2-grid-cell-column-start: auto; --m2-grid-cell-column-end: span 12; } .is-grid-cell--row-auto-for-medium { --m2-grid-cell-row-start: auto; --m2-grid-cell-row-end: auto; } .is-grid-cell--row-full-for-medium { --m2-grid-cell-row-start: 1; --m2-grid-cell-row-end: -1; } .is-grid-cell--row-1-for-medium { --m2-grid-cell-row-end: span 1; } .is-grid-cell--row-2-for-medium { --m2-grid-cell-row-end: span 2; } .is-grid-cell--row-3-for-medium { --m2-grid-cell-row-end: span 3; } .is-grid-cell--row-4-for-medium { --m2-grid-cell-row-end: span 4; } .is-grid-cell--row-5-for-medium { --m2-grid-cell-row-end: span 5; } .is-grid-cell--row-6-for-medium { --m2-grid-cell-row-end: span 6; } .is-grid-cell--row-7-for-medium { --m2-grid-cell-row-end: span 7; } .is-grid-cell--row-8-for-medium { --m2-grid-cell-row-end: span 8; } .is-grid-cell--row-9-for-medium { --m2-grid-cell-row-end: span 9; } .is-grid-cell--row-10-for-medium { --m2-grid-cell-row-end: span 10; } .is-grid-cell--row-11-for-medium { --m2-grid-cell-row-end: span 11; } .is-grid-cell--row-12-for-medium { --m2-grid-cell-row-end: span 12; } .is-grid-cell--row-start-auto-for-medium { --m2-grid-cell-row-start: auto; } .is-grid-cell--row-start-1-for-medium { --m2-grid-cell-row-start: 1; } .is-grid-cell--row-start-2-for-medium { --m2-grid-cell-row-start: 2; } .is-grid-cell--row-start-3-for-medium { --m2-grid-cell-row-start: 3; } .is-grid-cell--row-start-4-for-medium { --m2-grid-cell-row-start: 4; } .is-grid-cell--row-start-5-for-medium { --m2-grid-cell-row-start: 5; } .is-grid-cell--row-start-6-for-medium { --m2-grid-cell-row-start: 6; } .is-grid-cell--row-start-7-for-medium { --m2-grid-cell-row-start: 7; } .is-grid-cell--row-start-8-for-medium { --m2-grid-cell-row-start: 8; } .is-grid-cell--row-start-9-for-medium { --m2-grid-cell-row-start: 9; } .is-grid-cell--row-start-10-for-medium { --m2-grid-cell-row-start: 10; } .is-grid-cell--row-start-11-for-medium { --m2-grid-cell-row-start: 11; } .is-grid-cell--row-start-12-for-medium { --m2-grid-cell-row-start: 12; } .is-grid-cell--row-end-1-for-medium { --m2-grid-cell-row-end: 1; } .is-grid-cell--row-end-2-for-medium { --m2-grid-cell-row-end: 2; } .is-grid-cell--row-end-3-for-medium { --m2-grid-cell-row-end: 3; } .is-grid-cell--row-end-4-for-medium { --m2-grid-cell-row-end: 4; } .is-grid-cell--row-end-5-for-medium { --m2-grid-cell-row-end: 5; } .is-grid-cell--row-end-6-for-medium { --m2-grid-cell-row-end: 6; } .is-grid-cell--row-end-7-for-medium { --m2-grid-cell-row-end: 7; } .is-grid-cell--row-end-8-for-medium { --m2-grid-cell-row-end: 8; } .is-grid-cell--row-end-9-for-medium { --m2-grid-cell-row-end: 9; } .is-grid-cell--row-end-10-for-medium { --m2-grid-cell-row-end: 10; } .is-grid-cell--row-end-11-for-medium { --m2-grid-cell-row-end: 11; } .is-grid-cell--row-end-12-for-medium { --m2-grid-cell-row-end: 12; } } @media print, screen and (min-width: 64em) { .is-grid-cell--column-auto-for-large { --m2-grid-cell-column-start: auto; --m2-grid-cell-column-end: auto; } .is-grid-cell--column-full-for-large { --m2-grid-cell-column-start: 1; --m2-grid-cell-column-end: -1; } .is-grid-cell--column-1-for-large { --m2-grid-cell-column-start: auto; --m2-grid-cell-column-end: span 1; } .is-grid-cell--column-2-for-large { --m2-grid-cell-column-start: auto; --m2-grid-cell-column-end: span 2; } .is-grid-cell--column-3-for-large { --m2-grid-cell-column-start: auto; --m2-grid-cell-column-end: span 3; } .is-grid-cell--column-4-for-large { --m2-grid-cell-column-start: auto; --m2-grid-cell-column-end: span 4; } .is-grid-cell--column-5-for-large { --m2-grid-cell-column-start: auto; --m2-grid-cell-column-end: span 5; } .is-grid-cell--column-6-for-large { --m2-grid-cell-column-start: auto; --m2-grid-cell-column-end: span 6; } .is-grid-cell--column-7-for-large { --m2-grid-cell-column-start: auto; --m2-grid-cell-column-end: span 7; } .is-grid-cell--column-8-for-large { --m2-grid-cell-column-start: auto; --m2-grid-cell-column-end: span 8; } .is-grid-cell--column-9-for-large { --m2-grid-cell-column-start: auto; --m2-grid-cell-column-end: span 9; } .is-grid-cell--column-10-for-large { --m2-grid-cell-column-start: auto; --m2-grid-cell-column-end: span 10; } .is-grid-cell--column-11-for-large { --m2-grid-cell-column-start: auto; --m2-grid-cell-column-end: span 11; } .is-grid-cell--column-12-for-large { --m2-grid-cell-column-start: auto; --m2-grid-cell-column-end: span 12; } .is-grid-cell--row-auto-for-large { --m2-grid-cell-row-start: auto; --m2-grid-cell-row-end: auto; } .is-grid-cell--row-full-for-large { --m2-grid-cell-row-start: 1; --m2-grid-cell-row-end: -1; } .is-grid-cell--row-1-for-large { --m2-grid-cell-row-end: span 1; } .is-grid-cell--row-2-for-large { --m2-grid-cell-row-end: span 2; } .is-grid-cell--row-3-for-large { --m2-grid-cell-row-end: span 3; } .is-grid-cell--row-4-for-large { --m2-grid-cell-row-end: span 4; } .is-grid-cell--row-5-for-large { --m2-grid-cell-row-end: span 5; } .is-grid-cell--row-6-for-large { --m2-grid-cell-row-end: span 6; } .is-grid-cell--row-7-for-large { --m2-grid-cell-row-end: span 7; } .is-grid-cell--row-8-for-large { --m2-grid-cell-row-end: span 8; } .is-grid-cell--row-9-for-large { --m2-grid-cell-row-end: span 9; } .is-grid-cell--row-10-for-large { --m2-grid-cell-row-end: span 10; } .is-grid-cell--row-11-for-large { --m2-grid-cell-row-end: span 11; } .is-grid-cell--row-12-for-large { --m2-grid-cell-row-end: span 12; } .is-grid-cell--row-start-auto-for-large { --m2-grid-cell-row-start: auto; } .is-grid-cell--row-start-1-for-large { --m2-grid-cell-row-start: 1; } .is-grid-cell--row-start-2-for-large { --m2-grid-cell-row-start: 2; } .is-grid-cell--row-start-3-for-large { --m2-grid-cell-row-start: 3; } .is-grid-cell--row-start-4-for-large { --m2-grid-cell-row-start: 4; } .is-grid-cell--row-start-5-for-large { --m2-grid-cell-row-start: 5; } .is-grid-cell--row-start-6-for-large { --m2-grid-cell-row-start: 6; } .is-grid-cell--row-start-7-for-large { --m2-grid-cell-row-start: 7; } .is-grid-cell--row-start-8-for-large { --m2-grid-cell-row-start: 8; } .is-grid-cell--row-start-9-for-large { --m2-grid-cell-row-start: 9; } .is-grid-cell--row-start-10-for-large { --m2-grid-cell-row-start: 10; } .is-grid-cell--row-start-11-for-large { --m2-grid-cell-row-start: 11; } .is-grid-cell--row-start-12-for-large { --m2-grid-cell-row-start: 12; } .is-grid-cell--row-end-1-for-large { --m2-grid-cell-row-end: 1; } .is-grid-cell--row-end-2-for-large { --m2-grid-cell-row-end: 2; } .is-grid-cell--row-end-3-for-large { --m2-grid-cell-row-end: 3; } .is-grid-cell--row-end-4-for-large { --m2-grid-cell-row-end: 4; } .is-grid-cell--row-end-5-for-large { --m2-grid-cell-row-end: 5; } .is-grid-cell--row-end-6-for-large { --m2-grid-cell-row-end: 6; } .is-grid-cell--row-end-7-for-large { --m2-grid-cell-row-end: 7; } .is-grid-cell--row-end-8-for-large { --m2-grid-cell-row-end: 8; } .is-grid-cell--row-end-9-for-large { --m2-grid-cell-row-end: 9; } .is-grid-cell--row-end-10-for-large { --m2-grid-cell-row-end: 10; } .is-grid-cell--row-end-11-for-large { --m2-grid-cell-row-end: 11; } .is-grid-cell--row-end-12-for-large { --m2-grid-cell-row-end: 12; } } @media print, screen and (min-width: 80em) { .is-grid-cell--column-auto-for-xlarge { --m2-grid-cell-column-start: auto; --m2-grid-cell-column-end: auto; } .is-grid-cell--column-full-for-xlarge { --m2-grid-cell-column-start: 1; --m2-grid-cell-column-end: -1; } .is-grid-cell--column-1-for-xlarge { --m2-grid-cell-column-start: auto; --m2-grid-cell-column-end: span 1; } .is-grid-cell--column-2-for-xlarge { --m2-grid-cell-column-start: auto; --m2-grid-cell-column-end: span 2; } .is-grid-cell--column-3-for-xlarge { --m2-grid-cell-column-start: auto; --m2-grid-cell-column-end: span 3; } .is-grid-cell--column-4-for-xlarge { --m2-grid-cell-column-start: auto; --m2-grid-cell-column-end: span 4; } .is-grid-cell--column-5-for-xlarge { --m2-grid-cell-column-start: auto; --m2-grid-cell-column-end: span 5; } .is-grid-cell--column-6-for-xlarge { --m2-grid-cell-column-start: auto; --m2-grid-cell-column-end: span 6; } .is-grid-cell--column-7-for-xlarge { --m2-grid-cell-column-start: auto; --m2-grid-cell-column-end: span 7; } .is-grid-cell--column-8-for-xlarge { --m2-grid-cell-column-start: auto; --m2-grid-cell-column-end: span 8; } .is-grid-cell--column-9-for-xlarge { --m2-grid-cell-column-start: auto; --m2-grid-cell-column-end: span 9; } .is-grid-cell--column-10-for-xlarge { --m2-grid-cell-column-start: auto; --m2-grid-cell-column-end: span 10; } .is-grid-cell--column-11-for-xlarge { --m2-grid-cell-column-start: auto; --m2-grid-cell-column-end: span 11; } .is-grid-cell--column-12-for-xlarge { --m2-grid-cell-column-start: auto; --m2-grid-cell-column-end: span 12; } .is-grid-cell--row-auto-for-xlarge { --m2-grid-cell-row-start: auto; --m2-grid-cell-row-end: auto; } .is-grid-cell--row-full-for-xlarge { --m2-grid-cell-row-start: 1; --m2-grid-cell-row-end: -1; } .is-grid-cell--row-1-for-xlarge { --m2-grid-cell-row-end: span 1; } .is-grid-cell--row-2-for-xlarge { --m2-grid-cell-row-end: span 2; } .is-grid-cell--row-3-for-xlarge { --m2-grid-cell-row-end: span 3; } .is-grid-cell--row-4-for-xlarge { --m2-grid-cell-row-end: span 4; } .is-grid-cell--row-5-for-xlarge { --m2-grid-cell-row-end: span 5; } .is-grid-cell--row-6-for-xlarge { --m2-grid-cell-row-end: span 6; } .is-grid-cell--row-7-for-xlarge { --m2-grid-cell-row-end: span 7; } .is-grid-cell--row-8-for-xlarge { --m2-grid-cell-row-end: span 8; } .is-grid-cell--row-9-for-xlarge { --m2-grid-cell-row-end: span 9; } .is-grid-cell--row-10-for-xlarge { --m2-grid-cell-row-end: span 10; } .is-grid-cell--row-11-for-xlarge { --m2-grid-cell-row-end: span 11; } .is-grid-cell--row-12-for-xlarge { --m2-grid-cell-row-end: span 12; } .is-grid-cell--row-start-auto-for-xlarge { --m2-grid-cell-row-start: auto; } .is-grid-cell--row-start-1-for-xlarge { --m2-grid-cell-row-start: 1; } .is-grid-cell--row-start-2-for-xlarge { --m2-grid-cell-row-start: 2; } .is-grid-cell--row-start-3-for-xlarge { --m2-grid-cell-row-start: 3; } .is-grid-cell--row-start-4-for-xlarge { --m2-grid-cell-row-start: 4; } .is-grid-cell--row-start-5-for-xlarge { --m2-grid-cell-row-start: 5; } .is-grid-cell--row-start-6-for-xlarge { --m2-grid-cell-row-start: 6; } .is-grid-cell--row-start-7-for-xlarge { --m2-grid-cell-row-start: 7; } .is-grid-cell--row-start-8-for-xlarge { --m2-grid-cell-row-start: 8; } .is-grid-cell--row-start-9-for-xlarge { --m2-grid-cell-row-start: 9; } .is-grid-cell--row-start-10-for-xlarge { --m2-grid-cell-row-start: 10; } .is-grid-cell--row-start-11-for-xlarge { --m2-grid-cell-row-start: 11; } .is-grid-cell--row-start-12-for-xlarge { --m2-grid-cell-row-start: 12; } .is-grid-cell--row-end-1-for-xlarge { --m2-grid-cell-row-end: 1; } .is-grid-cell--row-end-2-for-xlarge { --m2-grid-cell-row-end: 2; } .is-grid-cell--row-end-3-for-xlarge { --m2-grid-cell-row-end: 3; } .is-grid-cell--row-end-4-for-xlarge { --m2-grid-cell-row-end: 4; } .is-grid-cell--row-end-5-for-xlarge { --m2-grid-cell-row-end: 5; } .is-grid-cell--row-end-6-for-xlarge { --m2-grid-cell-row-end: 6; } .is-grid-cell--row-end-7-for-xlarge { --m2-grid-cell-row-end: 7; } .is-grid-cell--row-end-8-for-xlarge { --m2-grid-cell-row-end: 8; } .is-grid-cell--row-end-9-for-xlarge { --m2-grid-cell-row-end: 9; } .is-grid-cell--row-end-10-for-xlarge { --m2-grid-cell-row-end: 10; } .is-grid-cell--row-end-11-for-xlarge { --m2-grid-cell-row-end: 11; } .is-grid-cell--row-end-12-for-xlarge { --m2-grid-cell-row-end: 12; } } .is-grid-gutter { --m2-grid-layout-gap-row: 20px; --m2-grid-layout-gap-column: 20px; } @media print, screen and (min-width: 48em) { .is-grid-gutter { --m2-grid-layout-gap-row: 32px; --m2-grid-layout-gap-column: 32px; } } .is-grid-gutter--xsmaller, .is-grid-gutter--row-xsmaller { --m2-grid-layout-gap-row: 5px; } .is-grid-gutter--xsmaller, .is-grid-gutter--column-xsmaller { --m2-grid-layout-gap-column: 5px; } .is-grid-gutter--smaller, .is-grid-gutter--row-smaller { --m2-grid-layout-gap-row: 10px; } .is-grid-gutter--smaller, .is-grid-gutter--column-smaller { --m2-grid-layout-gap-column: 10px; } .is-grid-gutter--larger, .is-grid-gutter--row-larger { --m2-grid-layout-gap-row: 30px; } .is-grid-gutter--larger, .is-grid-gutter--column-larger { --m2-grid-layout-gap-column: 30px; } .is-grid-gutter--xlarger, .is-grid-gutter--row-xlarger { --m2-grid-layout-gap-row: 40px; } .is-grid-gutter--xlarger, .is-grid-gutter--column-xlarger { --m2-grid-layout-gap-column: 40px; } .is-grid-gutter--none, .is-grid-gutter--row-none { --m2-grid-layout-gap-row: 0px; } .is-grid-gutter--none, .is-grid-gutter--column-none { --m2-grid-layout-gap-column: 0px; } @media print, screen and (min-width: 48em) { .is-grid-gutter--default-for-medium, .is-grid-gutter--row-default-for-medium { --m2-grid-layout-gap-row: 32px; } .is-grid-gutter--default-for-medium, .is-grid-gutter--column-default-for-medium { --m2-grid-layout-gap-column: 32px; } .is-grid-gutter--xsmaller, .is-grid-gutter--row-xsmaller { --m2-grid-layout-gap-row: 8px; } .is-grid-gutter--xsmaller, .is-grid-gutter--column-xsmaller { --m2-grid-layout-gap-column: 8px; } .is-grid-gutter--xsmaller-for-medium, .is-grid-gutter--row-xsmaller-for-medium { --m2-grid-layout-gap-row: 8px; } .is-grid-gutter--xsmaller-for-medium, .is-grid-gutter--column-xsmaller-for-medium { --m2-grid-layout-gap-column: 8px; } .is-grid-gutter--smaller, .is-grid-gutter--row-smaller { --m2-grid-layout-gap-row: 16px; } .is-grid-gutter--smaller, .is-grid-gutter--column-smaller { --m2-grid-layout-gap-column: 16px; } .is-grid-gutter--smaller-for-medium, .is-grid-gutter--row-smaller-for-medium { --m2-grid-layout-gap-row: 16px; } .is-grid-gutter--smaller-for-medium, .is-grid-gutter--column-smaller-for-medium { --m2-grid-layout-gap-column: 16px; } .is-grid-gutter--larger, .is-grid-gutter--row-larger { --m2-grid-layout-gap-row: 48px; } .is-grid-gutter--larger, .is-grid-gutter--column-larger { --m2-grid-layout-gap-column: 48px; } .is-grid-gutter--larger-for-medium, .is-grid-gutter--row-larger-for-medium { --m2-grid-layout-gap-row: 48px; } .is-grid-gutter--larger-for-medium, .is-grid-gutter--column-larger-for-medium { --m2-grid-layout-gap-column: 48px; } .is-grid-gutter--xlarger, .is-grid-gutter--row-xlarger { --m2-grid-layout-gap-row: 64px; } .is-grid-gutter--xlarger, .is-grid-gutter--column-xlarger { --m2-grid-layout-gap-column: 64px; } .is-grid-gutter--xlarger-for-medium, .is-grid-gutter--row-xlarger-for-medium { --m2-grid-layout-gap-row: 64px; } .is-grid-gutter--xlarger-for-medium, .is-grid-gutter--column-xlarger-for-medium { --m2-grid-layout-gap-column: 64px; } .is-grid-gutter--none, .is-grid-gutter--row-none { --m2-grid-layout-gap-row: 0px; } .is-grid-gutter--none, .is-grid-gutter--column-none { --m2-grid-layout-gap-column: 0px; } .is-grid-gutter--none-for-medium, .is-grid-gutter--row-none-for-medium { --m2-grid-layout-gap-row: 0px; } .is-grid-gutter--none-for-medium, .is-grid-gutter--column-none-for-medium { --m2-grid-layout-gap-column: 0px; } } @media print, screen and (min-width: 64em) { .is-grid-gutter--default-for-large, .is-grid-gutter--row-default-for-large { --m2-grid-layout-gap-row: 32px; } .is-grid-gutter--default-for-large, .is-grid-gutter--column-default-for-large { --m2-grid-layout-gap-column: 32px; } .is-grid-gutter--xsmaller-for-large, .is-grid-gutter--row-xsmaller-for-large { --m2-grid-layout-gap-row: 8px; } .is-grid-gutter--xsmaller-for-large, .is-grid-gutter--column-xsmaller-for-large { --m2-grid-layout-gap-column: 8px; } .is-grid-gutter--smaller-for-large, .is-grid-gutter--row-smaller-for-large { --m2-grid-layout-gap-row: 16px; } .is-grid-gutter--smaller-for-large, .is-grid-gutter--column-smaller-for-large { --m2-grid-layout-gap-column: 16px; } .is-grid-gutter--larger-for-large, .is-grid-gutter--row-larger-for-large { --m2-grid-layout-gap-row: 48px; } .is-grid-gutter--larger-for-large, .is-grid-gutter--column-larger-for-large { --m2-grid-layout-gap-column: 48px; } .is-grid-gutter--xlarger-for-large, .is-grid-gutter--row-xlarger-for-large { --m2-grid-layout-gap-row: 64px; } .is-grid-gutter--xlarger-for-large, .is-grid-gutter--column-xlarger-for-large { --m2-grid-layout-gap-column: 64px; } .is-grid-gutter--none-for-large, .is-grid-gutter--row-none-for-large { --m2-grid-layout-gap-row: 0px; } .is-grid-gutter--none-for-large, .is-grid-gutter--column-none-for-large { --m2-grid-layout-gap-column: 0px; } } @media print, screen and (min-width: 80em) { .is-grid-gutter--default-for-xlarge, .is-grid-gutter--row-default-for-xlarge { --m2-grid-layout-gap-row: 32px; } .is-grid-gutter--default-for-xlarge, .is-grid-gutter--column-default-for-xlarge { --m2-grid-layout-gap-column: 32px; } .is-grid-gutter--xsmaller-for-xlarge, .is-grid-gutter--row-xsmaller-for-xlarge { --m2-grid-layout-gap-row: 8px; } .is-grid-gutter--xsmaller-for-xlarge, .is-grid-gutter--column-xsmaller-for-xlarge { --m2-grid-layout-gap-column: 8px; } .is-grid-gutter--smaller-for-xlarge, .is-grid-gutter--row-smaller-for-xlarge { --m2-grid-layout-gap-row: 16px; } .is-grid-gutter--smaller-for-xlarge, .is-grid-gutter--column-smaller-for-xlarge { --m2-grid-layout-gap-column: 16px; } .is-grid-gutter--larger-for-xlarge, .is-grid-gutter--row-larger-for-xlarge { --m2-grid-layout-gap-row: 48px; } .is-grid-gutter--larger-for-xlarge, .is-grid-gutter--column-larger-for-xlarge { --m2-grid-layout-gap-column: 48px; } .is-grid-gutter--xlarger-for-xlarge, .is-grid-gutter--row-xlarger-for-xlarge { --m2-grid-layout-gap-row: 64px; } .is-grid-gutter--xlarger-for-xlarge, .is-grid-gutter--column-xlarger-for-xlarge { --m2-grid-layout-gap-column: 64px; } .is-grid-gutter--none-for-xlarge, .is-grid-gutter--row-none-for-xlarge { --m2-grid-layout-gap-row: 0px; } .is-grid-gutter--none-for-xlarge, .is-grid-gutter--column-none-for-xlarge { --m2-grid-layout-gap-column: 0px; } } /* ========================================================================================== * Grid List (object/component/_grid-list.scss) * ========================================================================================== */ .c-grid-list { display: flex; row-gap: var(--m2-grid-list-gutter-row, 0); -moz-column-gap: var(--m2-grid-list-gutter-column, 0); column-gap: var(--m2-grid-list-gutter-column, 0); --m2-grid-list-gutter-row: 20px; --m2-grid-list-gutter-column: 20px; } @media print, screen and (min-width: 48em) { .c-grid-list { --m2-grid-list-gutter-row: 32px; --m2-grid-list-gutter-column: 32px; } } .c-grid-list--gutter-xsmaller { --m2-grid-list-gutter-row: 5px; --m2-grid-list-gutter-column: 5px; } .c-grid-list--x-gutter-xsmaller { --m2-grid-list-gutter-column: 5px; } .c-grid-list--y-gutter-xsmaller { --m2-grid-list-gutter-row: 5px; } .c-grid-list--gutter-smaller { --m2-grid-list-gutter-row: 10px; --m2-grid-list-gutter-column: 10px; } .c-grid-list--x-gutter-smaller { --m2-grid-list-gutter-column: 10px; } .c-grid-list--y-gutter-smaller { --m2-grid-list-gutter-row: 10px; } .c-grid-list--gutter-larger { --m2-grid-list-gutter-row: 30px; --m2-grid-list-gutter-column: 30px; } .c-grid-list--x-gutter-larger { --m2-grid-list-gutter-column: 30px; } .c-grid-list--y-gutter-larger { --m2-grid-list-gutter-row: 30px; } .c-grid-list--gutter-xlarger { --m2-grid-list-gutter-row: 40px; --m2-grid-list-gutter-column: 40px; } .c-grid-list--x-gutter-xlarger { --m2-grid-list-gutter-column: 40px; } .c-grid-list--y-gutter-xlarger { --m2-grid-list-gutter-row: 40px; } .c-grid-list--gutter-none { --m2-grid-list-gutter-row: 0px; --m2-grid-list-gutter-column: 0px; } .c-grid-list--x-gutter-none { --m2-grid-list-gutter-column: 0px; } .c-grid-list--y-gutter-none { --m2-grid-list-gutter-row: 0px; } @media print, screen and (min-width: 48em) { .c-grid-list--gutter-default-for-medium { --m2-grid-list-gutter-row: 32px; --m2-grid-list-gutter-column: 32px; } .c-grid-list--x-gutter-default-for-medium { --m2-grid-list-gutter-column: 32px; } .c-grid-list--y-gutter-default-for-medium { --m2-grid-list-gutter-row: 32px; } .c-grid-list--gutter-xsmaller { --m2-grid-list-gutter-row: 8px; --m2-grid-list-gutter-column: 8px; } .c-grid-list--gutter-xsmaller-for-medium { --m2-grid-list-gutter-row: 8px; --m2-grid-list-gutter-column: 8px; } .c-grid-list--x-gutter-xsmaller { --m2-grid-list-gutter-column: 8px; } .c-grid-list--x-gutter-xsmaller-for-medium { --m2-grid-list-gutter-column: 8px; } .c-grid-list--y-gutter-xsmaller { --m2-grid-list-gutter-row: 8px; } .c-grid-list--y-gutter-xsmaller-for-medium { --m2-grid-list-gutter-row: 8px; } .c-grid-list--gutter-smaller { --m2-grid-list-gutter-row: 16px; --m2-grid-list-gutter-column: 16px; } .c-grid-list--gutter-smaller-for-medium { --m2-grid-list-gutter-row: 16px; --m2-grid-list-gutter-column: 16px; } .c-grid-list--x-gutter-smaller { --m2-grid-list-gutter-column: 16px; } .c-grid-list--x-gutter-smaller-for-medium { --m2-grid-list-gutter-column: 16px; } .c-grid-list--y-gutter-smaller { --m2-grid-list-gutter-row: 16px; } .c-grid-list--y-gutter-smaller-for-medium { --m2-grid-list-gutter-row: 16px; } .c-grid-list--gutter-larger { --m2-grid-list-gutter-row: 48px; --m2-grid-list-gutter-column: 48px; } .c-grid-list--gutter-larger-for-medium { --m2-grid-list-gutter-row: 48px; --m2-grid-list-gutter-column: 48px; } .c-grid-list--x-gutter-larger { --m2-grid-list-gutter-column: 48px; } .c-grid-list--x-gutter-larger-for-medium { --m2-grid-list-gutter-column: 48px; } .c-grid-list--y-gutter-larger { --m2-grid-list-gutter-row: 48px; } .c-grid-list--y-gutter-larger-for-medium { --m2-grid-list-gutter-row: 48px; } .c-grid-list--gutter-xlarger { --m2-grid-list-gutter-row: 64px; --m2-grid-list-gutter-column: 64px; } .c-grid-list--gutter-xlarger-for-medium { --m2-grid-list-gutter-row: 64px; --m2-grid-list-gutter-column: 64px; } .c-grid-list--x-gutter-xlarger { --m2-grid-list-gutter-column: 64px; } .c-grid-list--x-gutter-xlarger-for-medium { --m2-grid-list-gutter-column: 64px; } .c-grid-list--y-gutter-xlarger { --m2-grid-list-gutter-row: 64px; } .c-grid-list--y-gutter-xlarger-for-medium { --m2-grid-list-gutter-row: 64px; } .c-grid-list--gutter-none { --m2-grid-list-gutter-row: 0px; --m2-grid-list-gutter-column: 0px; } .c-grid-list--gutter-none-for-medium { --m2-grid-list-gutter-row: 0px; --m2-grid-list-gutter-column: 0px; } .c-grid-list--x-gutter-none { --m2-grid-list-gutter-column: 0px; } .c-grid-list--x-gutter-none-for-medium { --m2-grid-list-gutter-column: 0px; } .c-grid-list--y-gutter-none { --m2-grid-list-gutter-row: 0px; } .c-grid-list--y-gutter-none-for-medium { --m2-grid-list-gutter-row: 0px; } } @media print, screen and (min-width: 64em) { .c-grid-list--gutter-default-for-large { --m2-grid-list-gutter-row: 32px; --m2-grid-list-gutter-column: 32px; } .c-grid-list--x-gutter-default-for-large { --m2-grid-list-gutter-column: 32px; } .c-grid-list--y-gutter-default-for-large { --m2-grid-list-gutter-row: 32px; } .c-grid-list--gutter-xsmaller-for-large { --m2-grid-list-gutter-row: 8px; --m2-grid-list-gutter-column: 8px; } .c-grid-list--x-gutter-xsmaller-for-large { --m2-grid-list-gutter-column: 8px; } .c-grid-list--y-gutter-xsmaller-for-large { --m2-grid-list-gutter-row: 8px; } .c-grid-list--gutter-smaller-for-large { --m2-grid-list-gutter-row: 16px; --m2-grid-list-gutter-column: 16px; } .c-grid-list--x-gutter-smaller-for-large { --m2-grid-list-gutter-column: 16px; } .c-grid-list--y-gutter-smaller-for-large { --m2-grid-list-gutter-row: 16px; } .c-grid-list--gutter-larger-for-large { --m2-grid-list-gutter-row: 48px; --m2-grid-list-gutter-column: 48px; } .c-grid-list--x-gutter-larger-for-large { --m2-grid-list-gutter-column: 48px; } .c-grid-list--y-gutter-larger-for-large { --m2-grid-list-gutter-row: 48px; } .c-grid-list--gutter-xlarger-for-large { --m2-grid-list-gutter-row: 64px; --m2-grid-list-gutter-column: 64px; } .c-grid-list--x-gutter-xlarger-for-large { --m2-grid-list-gutter-column: 64px; } .c-grid-list--y-gutter-xlarger-for-large { --m2-grid-list-gutter-row: 64px; } .c-grid-list--gutter-none-for-large { --m2-grid-list-gutter-row: 0px; --m2-grid-list-gutter-column: 0px; } .c-grid-list--x-gutter-none-for-large { --m2-grid-list-gutter-column: 0px; } .c-grid-list--y-gutter-none-for-large { --m2-grid-list-gutter-row: 0px; } } @media print, screen and (min-width: 80em) { .c-grid-list--gutter-default-for-xlarge { --m2-grid-list-gutter-row: 32px; --m2-grid-list-gutter-column: 32px; } .c-grid-list--x-gutter-default-for-xlarge { --m2-grid-list-gutter-column: 32px; } .c-grid-list--y-gutter-default-for-xlarge { --m2-grid-list-gutter-row: 32px; } .c-grid-list--gutter-xsmaller-for-xlarge { --m2-grid-list-gutter-row: 8px; --m2-grid-list-gutter-column: 8px; } .c-grid-list--x-gutter-xsmaller-for-xlarge { --m2-grid-list-gutter-column: 8px; } .c-grid-list--y-gutter-xsmaller-for-xlarge { --m2-grid-list-gutter-row: 8px; } .c-grid-list--gutter-smaller-for-xlarge { --m2-grid-list-gutter-row: 16px; --m2-grid-list-gutter-column: 16px; } .c-grid-list--x-gutter-smaller-for-xlarge { --m2-grid-list-gutter-column: 16px; } .c-grid-list--y-gutter-smaller-for-xlarge { --m2-grid-list-gutter-row: 16px; } .c-grid-list--gutter-larger-for-xlarge { --m2-grid-list-gutter-row: 48px; --m2-grid-list-gutter-column: 48px; } .c-grid-list--x-gutter-larger-for-xlarge { --m2-grid-list-gutter-column: 48px; } .c-grid-list--y-gutter-larger-for-xlarge { --m2-grid-list-gutter-row: 48px; } .c-grid-list--gutter-xlarger-for-xlarge { --m2-grid-list-gutter-row: 64px; --m2-grid-list-gutter-column: 64px; } .c-grid-list--x-gutter-xlarger-for-xlarge { --m2-grid-list-gutter-column: 64px; } .c-grid-list--y-gutter-xlarger-for-xlarge { --m2-grid-list-gutter-row: 64px; } .c-grid-list--gutter-none-for-xlarge { --m2-grid-list-gutter-row: 0px; --m2-grid-list-gutter-column: 0px; } .c-grid-list--x-gutter-none-for-xlarge { --m2-grid-list-gutter-column: 0px; } .c-grid-list--y-gutter-none-for-xlarge { --m2-grid-list-gutter-row: 0px; } } .c-grid-list { --m2-grid-list-columns: 12; --m2-grid-list-column-width: calc( ( 100% + var( --m2-grid-list-gutter-column, 0 ) ) / max( var( --m2-grid-list-columns, 12 ), 1 ) - var( --m2-grid-list-gutter-column, 0 ) ); flex-wrap: wrap; } .c-grid-list > :where(*) { --m2-grid-list-cell-span: 1; max-width: 100%; flex: 1 0 auto; } .c-grid-list > :where(.is-cell) { --m2-grid-list-cell-span: max( 1, var( --m2-grid-list-columns, 12 ) ); flex: 0 0 auto; width: calc(var(--m2-grid-list-cell-span, 1) * (var(--m2-grid-list-column-width, 0px) + var(--m2-grid-list-gutter-column, 0px)) - var(--m2-grid-list-gutter-column, 0px)); } .c-grid-list > :where(.is-cell-1) { --m2-grid-list-cell-span: 1; } .c-grid-list > :where(.is-cell-2) { --m2-grid-list-cell-span: 2; } .c-grid-list > :where(.is-cell-3) { --m2-grid-list-cell-span: 3; } .c-grid-list > :where(.is-cell-4) { --m2-grid-list-cell-span: 4; } .c-grid-list > :where(.is-cell-5) { --m2-grid-list-cell-span: 5; } .c-grid-list > :where(.is-cell-6) { --m2-grid-list-cell-span: 6; } .c-grid-list > :where(.is-cell-7) { --m2-grid-list-cell-span: 7; } .c-grid-list > :where(.is-cell-8) { --m2-grid-list-cell-span: 8; } .c-grid-list > :where(.is-cell-9) { --m2-grid-list-cell-span: 9; } .c-grid-list > :where(.is-cell-10) { --m2-grid-list-cell-span: 10; } .c-grid-list > :where(.is-cell-11) { --m2-grid-list-cell-span: 11; } .c-grid-list > :where(.is-cell-12) { --m2-grid-list-cell-span: 12; } .c-grid-list > :where(.is-cell-1, .is-cell-2, .is-cell-3, .is-cell-4, .is-cell-5, .is-cell-6, .is-cell-7, .is-cell-8, .is-cell-9, .is-cell-10, .is-cell-11, .is-cell-12) { flex: 0 0 auto; width: calc(var(--m2-grid-list-cell-span, 1) * (var(--m2-grid-list-column-width, 0px) + var(--m2-grid-list-gutter-column, 0px)) - var(--m2-grid-list-gutter-column, 0px)); } .c-grid-list > :where(.is-cell-full) { --m2-grid-list-cell-span: max( 1, var( --m2-grid-list-columns, 12 ) ); flex: 0 0 auto; width: 100%; } .c-grid-list > :where(.is-offset-cell-0) { margin-left: 0; } .c-grid-list > :where(.is-offset-cell-1) { margin-left: calc(1 * (var(--m2-grid-list-column-width, 0px) + var(--m2-grid-list-gutter-column, 0px))); } .c-grid-list > :where(.is-offset-cell-2) { margin-left: calc(2 * (var(--m2-grid-list-column-width, 0px) + var(--m2-grid-list-gutter-column, 0px))); } .c-grid-list > :where(.is-offset-cell-3) { margin-left: calc(3 * (var(--m2-grid-list-column-width, 0px) + var(--m2-grid-list-gutter-column, 0px))); } .c-grid-list > :where(.is-offset-cell-4) { margin-left: calc(4 * (var(--m2-grid-list-column-width, 0px) + var(--m2-grid-list-gutter-column, 0px))); } .c-grid-list > :where(.is-offset-cell-5) { margin-left: calc(5 * (var(--m2-grid-list-column-width, 0px) + var(--m2-grid-list-gutter-column, 0px))); } .c-grid-list > :where(.is-offset-cell-6) { margin-left: calc(6 * (var(--m2-grid-list-column-width, 0px) + var(--m2-grid-list-gutter-column, 0px))); } .c-grid-list > :where(.is-offset-cell-7) { margin-left: calc(7 * (var(--m2-grid-list-column-width, 0px) + var(--m2-grid-list-gutter-column, 0px))); } .c-grid-list > :where(.is-offset-cell-8) { margin-left: calc(8 * (var(--m2-grid-list-column-width, 0px) + var(--m2-grid-list-gutter-column, 0px))); } .c-grid-list > :where(.is-offset-cell-9) { margin-left: calc(9 * (var(--m2-grid-list-column-width, 0px) + var(--m2-grid-list-gutter-column, 0px))); } .c-grid-list > :where(.is-offset-cell-10) { margin-left: calc(10 * (var(--m2-grid-list-column-width, 0px) + var(--m2-grid-list-gutter-column, 0px))); } .c-grid-list > :where(.is-offset-cell-11) { margin-left: calc(11 * (var(--m2-grid-list-column-width, 0px) + var(--m2-grid-list-gutter-column, 0px))); } .c-grid-list > :where(.is-offset-cell-auto) { margin-left: auto; } .c-grid-list--items-auto > *, .c-grid-list > :where(.is-cell-auto) { flex: 1 1 0%; width: auto; } .c-grid-list--items-shrink > *, .c-grid-list > :where(.is-cell-shrink) { flex: 0 0 auto; width: auto; } .c-grid-list--items-grow > *, .c-grid-list > :where(.is-cell-grow) { flex: 1 1 auto; width: auto; } .c-grid-list--items-child-expand > *, .c-grid-list > :where(.is-cell-child-expand) { display: flex; flex-direction: column; } .c-grid-list--items-child-expand > * > :where(*), .c-grid-list > :where(.is-cell-child-expand) > :where(*) { flex: 1 0 auto; margin-left: 0; margin-right: 0; } .c-grid-list--items-child-expand > * > :where(*):first-child, .c-grid-list > :where(.is-cell-child-expand) > :where(*):first-child { margin-top: 0; } .c-grid-list--items-child-expand > * > :where(*):last-child, .c-grid-list > :where(.is-cell-child-expand) > :where(*):last-child { margin-bottom: 0; } @media print, screen and (min-width: 48em) { .c-grid-list > :where(.is-cell-1-for-medium) { --m2-grid-list-cell-span: 1; } .c-grid-list > :where(.is-cell-2-for-medium) { --m2-grid-list-cell-span: 2; } .c-grid-list > :where(.is-cell-3-for-medium) { --m2-grid-list-cell-span: 3; } .c-grid-list > :where(.is-cell-4-for-medium) { --m2-grid-list-cell-span: 4; } .c-grid-list > :where(.is-cell-5-for-medium) { --m2-grid-list-cell-span: 5; } .c-grid-list > :where(.is-cell-6-for-medium) { --m2-grid-list-cell-span: 6; } .c-grid-list > :where(.is-cell-7-for-medium) { --m2-grid-list-cell-span: 7; } .c-grid-list > :where(.is-cell-8-for-medium) { --m2-grid-list-cell-span: 8; } .c-grid-list > :where(.is-cell-9-for-medium) { --m2-grid-list-cell-span: 9; } .c-grid-list > :where(.is-cell-10-for-medium) { --m2-grid-list-cell-span: 10; } .c-grid-list > :where(.is-cell-11-for-medium) { --m2-grid-list-cell-span: 11; } .c-grid-list > :where(.is-cell-12-for-medium) { --m2-grid-list-cell-span: 12; } .c-grid-list > :where(.is-cell-1-for-medium, .is-cell-2-for-medium, .is-cell-3-for-medium, .is-cell-4-for-medium, .is-cell-5-for-medium, .is-cell-6-for-medium, .is-cell-7-for-medium, .is-cell-8-for-medium, .is-cell-9-for-medium, .is-cell-10-for-medium, .is-cell-11-for-medium, .is-cell-12-for-medium) { flex: 0 0 auto; width: calc(var(--m2-grid-list-cell-span, 1) * (var(--m2-grid-list-column-width, 0px) + var(--m2-grid-list-gutter-column, 0px)) - var(--m2-grid-list-gutter-column, 0px)); } .c-grid-list > :where(.is-cell-full-for-medium) { --m2-grid-list-cell-span: max( 1, var( --m2-grid-list-columns, 12 ) ); flex: 0 0 auto; width: 100%; } .c-grid-list > :where(.is-offset-cell-0-for-medium) { margin-left: 0; } .c-grid-list > :where(.is-offset-cell-1-for-medium) { margin-left: calc(1 * (var(--m2-grid-list-column-width, 0px) + var(--m2-grid-list-gutter-column, 0px))); } .c-grid-list > :where(.is-offset-cell-2-for-medium) { margin-left: calc(2 * (var(--m2-grid-list-column-width, 0px) + var(--m2-grid-list-gutter-column, 0px))); } .c-grid-list > :where(.is-offset-cell-3-for-medium) { margin-left: calc(3 * (var(--m2-grid-list-column-width, 0px) + var(--m2-grid-list-gutter-column, 0px))); } .c-grid-list > :where(.is-offset-cell-4-for-medium) { margin-left: calc(4 * (var(--m2-grid-list-column-width, 0px) + var(--m2-grid-list-gutter-column, 0px))); } .c-grid-list > :where(.is-offset-cell-5-for-medium) { margin-left: calc(5 * (var(--m2-grid-list-column-width, 0px) + var(--m2-grid-list-gutter-column, 0px))); } .c-grid-list > :where(.is-offset-cell-6-for-medium) { margin-left: calc(6 * (var(--m2-grid-list-column-width, 0px) + var(--m2-grid-list-gutter-column, 0px))); } .c-grid-list > :where(.is-offset-cell-7-for-medium) { margin-left: calc(7 * (var(--m2-grid-list-column-width, 0px) + var(--m2-grid-list-gutter-column, 0px))); } .c-grid-list > :where(.is-offset-cell-8-for-medium) { margin-left: calc(8 * (var(--m2-grid-list-column-width, 0px) + var(--m2-grid-list-gutter-column, 0px))); } .c-grid-list > :where(.is-offset-cell-9-for-medium) { margin-left: calc(9 * (var(--m2-grid-list-column-width, 0px) + var(--m2-grid-list-gutter-column, 0px))); } .c-grid-list > :where(.is-offset-cell-10-for-medium) { margin-left: calc(10 * (var(--m2-grid-list-column-width, 0px) + var(--m2-grid-list-gutter-column, 0px))); } .c-grid-list > :where(.is-offset-cell-11-for-medium) { margin-left: calc(11 * (var(--m2-grid-list-column-width, 0px) + var(--m2-grid-list-gutter-column, 0px))); } .c-grid-list > :where(.is-offset-cell-auto-for-medium) { margin-left: auto; } .c-grid-list--items-auto-for-medium > *, .c-grid-list > :where(.is-cell-auto-for-medium) { flex: 1 1 0%; width: auto; } .c-grid-list--items-shrink-for-medium > *, .c-grid-list > :where(.is-cell-shrink-for-medium) { flex: 0 0 auto; width: auto; } .c-grid-list--items-grow-for-medium > *, .c-grid-list > :where(.is-cell-grow-for-medium) { flex: 1 1 auto; width: auto; } .c-grid-list--items-child-expand-for-medium > *, .c-grid-list > :where(.is-cell-child-expand-for-medium) { display: flex; flex-direction: column; } .c-grid-list--items-child-expand-for-medium > * > :where(*), .c-grid-list > :where(.is-cell-child-expand-for-medium) > :where(*) { flex: 1 0 auto; margin-left: 0; margin-right: 0; } .c-grid-list--items-child-expand-for-medium > * > :where(*):first-child, .c-grid-list > :where(.is-cell-child-expand-for-medium) > :where(*):first-child { margin-top: 0; } .c-grid-list--items-child-expand-for-medium > * > :where(*):last-child, .c-grid-list > :where(.is-cell-child-expand-for-medium) > :where(*):last-child { margin-bottom: 0; } } @media print, screen and (min-width: 64em) { .c-grid-list > :where(.is-cell-1-for-large) { --m2-grid-list-cell-span: 1; } .c-grid-list > :where(.is-cell-2-for-large) { --m2-grid-list-cell-span: 2; } .c-grid-list > :where(.is-cell-3-for-large) { --m2-grid-list-cell-span: 3; } .c-grid-list > :where(.is-cell-4-for-large) { --m2-grid-list-cell-span: 4; } .c-grid-list > :where(.is-cell-5-for-large) { --m2-grid-list-cell-span: 5; } .c-grid-list > :where(.is-cell-6-for-large) { --m2-grid-list-cell-span: 6; } .c-grid-list > :where(.is-cell-7-for-large) { --m2-grid-list-cell-span: 7; } .c-grid-list > :where(.is-cell-8-for-large) { --m2-grid-list-cell-span: 8; } .c-grid-list > :where(.is-cell-9-for-large) { --m2-grid-list-cell-span: 9; } .c-grid-list > :where(.is-cell-10-for-large) { --m2-grid-list-cell-span: 10; } .c-grid-list > :where(.is-cell-11-for-large) { --m2-grid-list-cell-span: 11; } .c-grid-list > :where(.is-cell-12-for-large) { --m2-grid-list-cell-span: 12; } .c-grid-list > :where(.is-cell-1-for-large, .is-cell-2-for-large, .is-cell-3-for-large, .is-cell-4-for-large, .is-cell-5-for-large, .is-cell-6-for-large, .is-cell-7-for-large, .is-cell-8-for-large, .is-cell-9-for-large, .is-cell-10-for-large, .is-cell-11-for-large, .is-cell-12-for-large) { flex: 0 0 auto; width: calc(var(--m2-grid-list-cell-span, 1) * (var(--m2-grid-list-column-width, 0px) + var(--m2-grid-list-gutter-column, 0px)) - var(--m2-grid-list-gutter-column, 0px)); } .c-grid-list > :where(.is-cell-full-for-large) { --m2-grid-list-cell-span: max( 1, var( --m2-grid-list-columns, 12 ) ); flex: 0 0 auto; width: 100%; } .c-grid-list > :where(.is-offset-cell-0-for-large) { margin-left: 0; } .c-grid-list > :where(.is-offset-cell-1-for-large) { margin-left: calc(1 * (var(--m2-grid-list-column-width, 0px) + var(--m2-grid-list-gutter-column, 0px))); } .c-grid-list > :where(.is-offset-cell-2-for-large) { margin-left: calc(2 * (var(--m2-grid-list-column-width, 0px) + var(--m2-grid-list-gutter-column, 0px))); } .c-grid-list > :where(.is-offset-cell-3-for-large) { margin-left: calc(3 * (var(--m2-grid-list-column-width, 0px) + var(--m2-grid-list-gutter-column, 0px))); } .c-grid-list > :where(.is-offset-cell-4-for-large) { margin-left: calc(4 * (var(--m2-grid-list-column-width, 0px) + var(--m2-grid-list-gutter-column, 0px))); } .c-grid-list > :where(.is-offset-cell-5-for-large) { margin-left: calc(5 * (var(--m2-grid-list-column-width, 0px) + var(--m2-grid-list-gutter-column, 0px))); } .c-grid-list > :where(.is-offset-cell-6-for-large) { margin-left: calc(6 * (var(--m2-grid-list-column-width, 0px) + var(--m2-grid-list-gutter-column, 0px))); } .c-grid-list > :where(.is-offset-cell-7-for-large) { margin-left: calc(7 * (var(--m2-grid-list-column-width, 0px) + var(--m2-grid-list-gutter-column, 0px))); } .c-grid-list > :where(.is-offset-cell-8-for-large) { margin-left: calc(8 * (var(--m2-grid-list-column-width, 0px) + var(--m2-grid-list-gutter-column, 0px))); } .c-grid-list > :where(.is-offset-cell-9-for-large) { margin-left: calc(9 * (var(--m2-grid-list-column-width, 0px) + var(--m2-grid-list-gutter-column, 0px))); } .c-grid-list > :where(.is-offset-cell-10-for-large) { margin-left: calc(10 * (var(--m2-grid-list-column-width, 0px) + var(--m2-grid-list-gutter-column, 0px))); } .c-grid-list > :where(.is-offset-cell-11-for-large) { margin-left: calc(11 * (var(--m2-grid-list-column-width, 0px) + var(--m2-grid-list-gutter-column, 0px))); } .c-grid-list > :where(.is-offset-cell-auto-for-large) { margin-left: auto; } .c-grid-list--items-auto-for-large > *, .c-grid-list > :where(.is-cell-auto-for-large) { flex: 1 1 0%; width: auto; } .c-grid-list--items-shrink-for-large > *, .c-grid-list > :where(.is-cell-shrink-for-large) { flex: 0 0 auto; width: auto; } .c-grid-list--items-grow-for-large > *, .c-grid-list > :where(.is-cell-grow-for-large) { flex: 1 1 auto; width: auto; } .c-grid-list--items-child-expand-for-large > *, .c-grid-list > :where(.is-cell-child-expand-for-large) { display: flex; flex-direction: column; } .c-grid-list--items-child-expand-for-large > * > :where(*), .c-grid-list > :where(.is-cell-child-expand-for-large) > :where(*) { flex: 1 0 auto; margin-left: 0; margin-right: 0; } .c-grid-list--items-child-expand-for-large > * > :where(*):first-child, .c-grid-list > :where(.is-cell-child-expand-for-large) > :where(*):first-child { margin-top: 0; } .c-grid-list--items-child-expand-for-large > * > :where(*):last-child, .c-grid-list > :where(.is-cell-child-expand-for-large) > :where(*):last-child { margin-bottom: 0; } } @media print, screen and (min-width: 80em) { .c-grid-list > :where(.is-cell-1-for-xlarge) { --m2-grid-list-cell-span: 1; } .c-grid-list > :where(.is-cell-2-for-xlarge) { --m2-grid-list-cell-span: 2; } .c-grid-list > :where(.is-cell-3-for-xlarge) { --m2-grid-list-cell-span: 3; } .c-grid-list > :where(.is-cell-4-for-xlarge) { --m2-grid-list-cell-span: 4; } .c-grid-list > :where(.is-cell-5-for-xlarge) { --m2-grid-list-cell-span: 5; } .c-grid-list > :where(.is-cell-6-for-xlarge) { --m2-grid-list-cell-span: 6; } .c-grid-list > :where(.is-cell-7-for-xlarge) { --m2-grid-list-cell-span: 7; } .c-grid-list > :where(.is-cell-8-for-xlarge) { --m2-grid-list-cell-span: 8; } .c-grid-list > :where(.is-cell-9-for-xlarge) { --m2-grid-list-cell-span: 9; } .c-grid-list > :where(.is-cell-10-for-xlarge) { --m2-grid-list-cell-span: 10; } .c-grid-list > :where(.is-cell-11-for-xlarge) { --m2-grid-list-cell-span: 11; } .c-grid-list > :where(.is-cell-12-for-xlarge) { --m2-grid-list-cell-span: 12; } .c-grid-list > :where(.is-cell-1-for-xlarge, .is-cell-2-for-xlarge, .is-cell-3-for-xlarge, .is-cell-4-for-xlarge, .is-cell-5-for-xlarge, .is-cell-6-for-xlarge, .is-cell-7-for-xlarge, .is-cell-8-for-xlarge, .is-cell-9-for-xlarge, .is-cell-10-for-xlarge, .is-cell-11-for-xlarge, .is-cell-12-for-xlarge) { flex: 0 0 auto; width: calc(var(--m2-grid-list-cell-span, 1) * (var(--m2-grid-list-column-width, 0px) + var(--m2-grid-list-gutter-column, 0px)) - var(--m2-grid-list-gutter-column, 0px)); } .c-grid-list > :where(.is-cell-full-for-xlarge) { --m2-grid-list-cell-span: max( 1, var( --m2-grid-list-columns, 12 ) ); flex: 0 0 auto; width: 100%; } .c-grid-list > :where(.is-offset-cell-0-for-xlarge) { margin-left: 0; } .c-grid-list > :where(.is-offset-cell-1-for-xlarge) { margin-left: calc(1 * (var(--m2-grid-list-column-width, 0px) + var(--m2-grid-list-gutter-column, 0px))); } .c-grid-list > :where(.is-offset-cell-2-for-xlarge) { margin-left: calc(2 * (var(--m2-grid-list-column-width, 0px) + var(--m2-grid-list-gutter-column, 0px))); } .c-grid-list > :where(.is-offset-cell-3-for-xlarge) { margin-left: calc(3 * (var(--m2-grid-list-column-width, 0px) + var(--m2-grid-list-gutter-column, 0px))); } .c-grid-list > :where(.is-offset-cell-4-for-xlarge) { margin-left: calc(4 * (var(--m2-grid-list-column-width, 0px) + var(--m2-grid-list-gutter-column, 0px))); } .c-grid-list > :where(.is-offset-cell-5-for-xlarge) { margin-left: calc(5 * (var(--m2-grid-list-column-width, 0px) + var(--m2-grid-list-gutter-column, 0px))); } .c-grid-list > :where(.is-offset-cell-6-for-xlarge) { margin-left: calc(6 * (var(--m2-grid-list-column-width, 0px) + var(--m2-grid-list-gutter-column, 0px))); } .c-grid-list > :where(.is-offset-cell-7-for-xlarge) { margin-left: calc(7 * (var(--m2-grid-list-column-width, 0px) + var(--m2-grid-list-gutter-column, 0px))); } .c-grid-list > :where(.is-offset-cell-8-for-xlarge) { margin-left: calc(8 * (var(--m2-grid-list-column-width, 0px) + var(--m2-grid-list-gutter-column, 0px))); } .c-grid-list > :where(.is-offset-cell-9-for-xlarge) { margin-left: calc(9 * (var(--m2-grid-list-column-width, 0px) + var(--m2-grid-list-gutter-column, 0px))); } .c-grid-list > :where(.is-offset-cell-10-for-xlarge) { margin-left: calc(10 * (var(--m2-grid-list-column-width, 0px) + var(--m2-grid-list-gutter-column, 0px))); } .c-grid-list > :where(.is-offset-cell-11-for-xlarge) { margin-left: calc(11 * (var(--m2-grid-list-column-width, 0px) + var(--m2-grid-list-gutter-column, 0px))); } .c-grid-list > :where(.is-offset-cell-auto-for-xlarge) { margin-left: auto; } .c-grid-list--items-auto-for-xlarge > *, .c-grid-list > :where(.is-cell-auto-for-xlarge) { flex: 1 1 0%; width: auto; } .c-grid-list--items-shrink-for-xlarge > *, .c-grid-list > :where(.is-cell-shrink-for-xlarge) { flex: 0 0 auto; width: auto; } .c-grid-list--items-grow-for-xlarge > *, .c-grid-list > :where(.is-cell-grow-for-xlarge) { flex: 1 1 auto; width: auto; } .c-grid-list--items-child-expand-for-xlarge > *, .c-grid-list > :where(.is-cell-child-expand-for-xlarge) { display: flex; flex-direction: column; } .c-grid-list--items-child-expand-for-xlarge > * > :where(*), .c-grid-list > :where(.is-cell-child-expand-for-xlarge) > :where(*) { flex: 1 0 auto; margin-left: 0; margin-right: 0; } .c-grid-list--items-child-expand-for-xlarge > * > :where(*):first-child, .c-grid-list > :where(.is-cell-child-expand-for-xlarge) > :where(*):first-child { margin-top: 0; } .c-grid-list--items-child-expand-for-xlarge > * > :where(*):last-child, .c-grid-list > :where(.is-cell-child-expand-for-xlarge) > :where(*):last-child { margin-bottom: 0; } } .c-grid-list.is-columns-1 { --m2-grid-list-columns: 1; } .c-grid-list.is-columns-2 { --m2-grid-list-columns: 2; } .c-grid-list.is-columns-3 { --m2-grid-list-columns: 3; } .c-grid-list.is-columns-4 { --m2-grid-list-columns: 4; } .c-grid-list.is-columns-5 { --m2-grid-list-columns: 5; } .c-grid-list.is-columns-6 { --m2-grid-list-columns: 6; } .c-grid-list.is-columns-7 { --m2-grid-list-columns: 7; } .c-grid-list.is-columns-8 { --m2-grid-list-columns: 8; } .c-grid-list.is-columns-1 > *, .c-grid-list.is-columns-2 > *, .c-grid-list.is-columns-3 > *, .c-grid-list.is-columns-4 > *, .c-grid-list.is-columns-5 > *, .c-grid-list.is-columns-6 > *, .c-grid-list.is-columns-7 > *, .c-grid-list.is-columns-8 > * { --m2-grid-list-cell-span: 1; flex: 0 0 auto; width: calc(var(--m2-grid-list-cell-span, 1) * (var(--m2-grid-list-column-width, 0px) + var(--m2-grid-list-gutter-column, 0px)) - var(--m2-grid-list-gutter-column, 0px)); } @media print, screen and (min-width: 48em) { .c-grid-list.is-columns-1-for-medium { --m2-grid-list-columns: 1; } .c-grid-list.is-columns-2-for-medium { --m2-grid-list-columns: 2; } .c-grid-list.is-columns-3-for-medium { --m2-grid-list-columns: 3; } .c-grid-list.is-columns-4-for-medium { --m2-grid-list-columns: 4; } .c-grid-list.is-columns-5-for-medium { --m2-grid-list-columns: 5; } .c-grid-list.is-columns-6-for-medium { --m2-grid-list-columns: 6; } .c-grid-list.is-columns-7-for-medium { --m2-grid-list-columns: 7; } .c-grid-list.is-columns-8-for-medium { --m2-grid-list-columns: 8; } .c-grid-list.is-columns-1-for-medium > *, .c-grid-list.is-columns-2-for-medium > *, .c-grid-list.is-columns-3-for-medium > *, .c-grid-list.is-columns-4-for-medium > *, .c-grid-list.is-columns-5-for-medium > *, .c-grid-list.is-columns-6-for-medium > *, .c-grid-list.is-columns-7-for-medium > *, .c-grid-list.is-columns-8-for-medium > * { --m2-grid-list-cell-span: 1; flex: 0 0 auto; width: calc(var(--m2-grid-list-cell-span, 1) * (var(--m2-grid-list-column-width, 0px) + var(--m2-grid-list-gutter-column, 0px)) - var(--m2-grid-list-gutter-column, 0px)); } } @media print, screen and (min-width: 64em) { .c-grid-list.is-columns-1-for-large { --m2-grid-list-columns: 1; } .c-grid-list.is-columns-2-for-large { --m2-grid-list-columns: 2; } .c-grid-list.is-columns-3-for-large { --m2-grid-list-columns: 3; } .c-grid-list.is-columns-4-for-large { --m2-grid-list-columns: 4; } .c-grid-list.is-columns-5-for-large { --m2-grid-list-columns: 5; } .c-grid-list.is-columns-6-for-large { --m2-grid-list-columns: 6; } .c-grid-list.is-columns-7-for-large { --m2-grid-list-columns: 7; } .c-grid-list.is-columns-8-for-large { --m2-grid-list-columns: 8; } .c-grid-list.is-columns-1-for-large > *, .c-grid-list.is-columns-2-for-large > *, .c-grid-list.is-columns-3-for-large > *, .c-grid-list.is-columns-4-for-large > *, .c-grid-list.is-columns-5-for-large > *, .c-grid-list.is-columns-6-for-large > *, .c-grid-list.is-columns-7-for-large > *, .c-grid-list.is-columns-8-for-large > * { --m2-grid-list-cell-span: 1; flex: 0 0 auto; width: calc(var(--m2-grid-list-cell-span, 1) * (var(--m2-grid-list-column-width, 0px) + var(--m2-grid-list-gutter-column, 0px)) - var(--m2-grid-list-gutter-column, 0px)); } } @media print, screen and (min-width: 80em) { .c-grid-list.is-columns-1-for-xlarge { --m2-grid-list-columns: 1; } .c-grid-list.is-columns-2-for-xlarge { --m2-grid-list-columns: 2; } .c-grid-list.is-columns-3-for-xlarge { --m2-grid-list-columns: 3; } .c-grid-list.is-columns-4-for-xlarge { --m2-grid-list-columns: 4; } .c-grid-list.is-columns-5-for-xlarge { --m2-grid-list-columns: 5; } .c-grid-list.is-columns-6-for-xlarge { --m2-grid-list-columns: 6; } .c-grid-list.is-columns-7-for-xlarge { --m2-grid-list-columns: 7; } .c-grid-list.is-columns-8-for-xlarge { --m2-grid-list-columns: 8; } .c-grid-list.is-columns-1-for-xlarge > *, .c-grid-list.is-columns-2-for-xlarge > *, .c-grid-list.is-columns-3-for-xlarge > *, .c-grid-list.is-columns-4-for-xlarge > *, .c-grid-list.is-columns-5-for-xlarge > *, .c-grid-list.is-columns-6-for-xlarge > *, .c-grid-list.is-columns-7-for-xlarge > *, .c-grid-list.is-columns-8-for-xlarge > * { --m2-grid-list-cell-span: 1; flex: 0 0 auto; width: calc(var(--m2-grid-list-cell-span, 1) * (var(--m2-grid-list-column-width, 0px) + var(--m2-grid-list-gutter-column, 0px)) - var(--m2-grid-list-gutter-column, 0px)); } } .c-grid-list--dev { --dev-color: #666666; grid-auto-rows: minmax(6rem, auto); } .c-grid-list--dev > :where(*) { color: var(--dev-color); background-color: hsl(from var(--dev-color) h s l/0.25); } .c-grid-list--dev > :where(*):where(:nth-child(12n+0)) { --dev-color: hsl( 0deg 100% 50% ); } .c-grid-list--dev > :where(*):where(:nth-child(12n+1)) { --dev-color: hsl( 30deg 100% 50% ); } .c-grid-list--dev > :where(*):where(:nth-child(12n+2)) { --dev-color: hsl( 60deg 100% 50% ); } .c-grid-list--dev > :where(*):where(:nth-child(12n+3)) { --dev-color: hsl( 90deg 100% 50% ); } .c-grid-list--dev > :where(*):where(:nth-child(12n+4)) { --dev-color: hsl( 120deg 100% 50% ); } .c-grid-list--dev > :where(*):where(:nth-child(12n+5)) { --dev-color: hsl( 150deg 100% 50% ); } .c-grid-list--dev > :where(*):where(:nth-child(12n+6)) { --dev-color: hsl( 180deg 100% 50% ); } .c-grid-list--dev > :where(*):where(:nth-child(12n+7)) { --dev-color: hsl( 210deg 100% 50% ); } .c-grid-list--dev > :where(*):where(:nth-child(12n+8)) { --dev-color: hsl( 240deg 100% 50% ); } .c-grid-list--dev > :where(*):where(:nth-child(12n+9)) { --dev-color: hsl( 270deg 100% 50% ); } .c-grid-list--dev > :where(*):where(:nth-child(12n+10)) { --dev-color: hsl( 300deg 100% 50% ); } .c-grid-list--dev > :where(*):where(:nth-child(12n+11)) { --dev-color: hsl( 330deg 100% 50% ); } /* ========================================================================================== * Flexbox（object/component/_flexbox.scss） * ========================================================================================== */ .c-flexbox { display: flex; row-gap: var(--m2-flexbox-gutter-row, 0); -moz-column-gap: var(--m2-flexbox-gutter-column, 0); column-gap: var(--m2-flexbox-gutter-column, 0); --m2-flexbox-gutter-row: 0.375rem; --m2-flexbox-gutter-column: 0.75rem; } @media print, screen and (min-width: 48em) { .c-flexbox { --m2-flexbox-gutter-row: 0.5rem; --m2-flexbox-gutter-column: 1rem; } } .c-flexbox--gutter-xsmaller { --m2-flexbox-gutter-row: 0.09375rem; --m2-flexbox-gutter-column: 0.1875rem; } .c-flexbox--gutter-smaller { --m2-flexbox-gutter-row: 0.1875rem; --m2-flexbox-gutter-column: 0.375rem; } .c-flexbox--gutter-larger { --m2-flexbox-gutter-row: 0.5625rem; --m2-flexbox-gutter-column: 1.125rem; } .c-flexbox--gutter-xlarger { --m2-flexbox-gutter-row: 0.75rem; --m2-flexbox-gutter-column: 1.5rem; } .c-flexbox--gutter-none { --m2-flexbox-gutter-row: 0rem; --m2-flexbox-gutter-column: 0rem; } @media print, screen and (min-width: 48em) { .c-flexbox--gutter-default-for-medium { --m2-flexbox-gutter-row: 0.5rem; --m2-flexbox-gutter-column: 1rem; } .c-flexbox--gutter-xsmaller { --m2-flexbox-gutter-row: 0.125rem; --m2-flexbox-gutter-column: 0.25rem; } .c-flexbox--gutter-xsmaller-for-medium { --m2-flexbox-gutter-row: 0.125rem; --m2-flexbox-gutter-column: 0.25rem; } .c-flexbox--gutter-smaller { --m2-flexbox-gutter-row: 0.25rem; --m2-flexbox-gutter-column: 0.5rem; } .c-flexbox--gutter-smaller-for-medium { --m2-flexbox-gutter-row: 0.25rem; --m2-flexbox-gutter-column: 0.5rem; } .c-flexbox--gutter-larger { --m2-flexbox-gutter-row: 0.75rem; --m2-flexbox-gutter-column: 1.5rem; } .c-flexbox--gutter-larger-for-medium { --m2-flexbox-gutter-row: 0.75rem; --m2-flexbox-gutter-column: 1.5rem; } .c-flexbox--gutter-xlarger { --m2-flexbox-gutter-row: 1rem; --m2-flexbox-gutter-column: 2rem; } .c-flexbox--gutter-xlarger-for-medium { --m2-flexbox-gutter-row: 1rem; --m2-flexbox-gutter-column: 2rem; } .c-flexbox--gutter-none { --m2-flexbox-gutter-row: 0rem; --m2-flexbox-gutter-column: 0rem; } .c-flexbox--gutter-none-for-medium { --m2-flexbox-gutter-row: 0rem; --m2-flexbox-gutter-column: 0rem; } } @media print, screen and (min-width: 64em) { .c-flexbox--gutter-default-for-large { --m2-flexbox-gutter-row: 0.5rem; --m2-flexbox-gutter-column: 1rem; } .c-flexbox--gutter-xsmaller-for-large { --m2-flexbox-gutter-row: 0.125rem; --m2-flexbox-gutter-column: 0.25rem; } .c-flexbox--gutter-smaller-for-large { --m2-flexbox-gutter-row: 0.25rem; --m2-flexbox-gutter-column: 0.5rem; } .c-flexbox--gutter-larger-for-large { --m2-flexbox-gutter-row: 0.75rem; --m2-flexbox-gutter-column: 1.5rem; } .c-flexbox--gutter-xlarger-for-large { --m2-flexbox-gutter-row: 1rem; --m2-flexbox-gutter-column: 2rem; } .c-flexbox--gutter-none-for-large { --m2-flexbox-gutter-row: 0rem; --m2-flexbox-gutter-column: 0rem; } } @media print, screen and (min-width: 80em) { .c-flexbox--gutter-default-for-xlarge { --m2-flexbox-gutter-row: 0.5rem; --m2-flexbox-gutter-column: 1rem; } .c-flexbox--gutter-xsmaller-for-xlarge { --m2-flexbox-gutter-row: 0.125rem; --m2-flexbox-gutter-column: 0.25rem; } .c-flexbox--gutter-smaller-for-xlarge { --m2-flexbox-gutter-row: 0.25rem; --m2-flexbox-gutter-column: 0.5rem; } .c-flexbox--gutter-larger-for-xlarge { --m2-flexbox-gutter-row: 0.75rem; --m2-flexbox-gutter-column: 1.5rem; } .c-flexbox--gutter-xlarger-for-xlarge { --m2-flexbox-gutter-row: 1rem; --m2-flexbox-gutter-column: 2rem; } .c-flexbox--gutter-none-for-xlarge { --m2-flexbox-gutter-row: 0rem; --m2-flexbox-gutter-column: 0rem; } } .c-flexbox--dev { --dev-color: #666666; } .c-flexbox--dev > :where(*) { color: var(--dev-color); padding: 0.5rem 1rem; background-color: hsl(from var(--dev-color) h s l/0.25); } .c-flexbox--dev > :where(*):where(:nth-child(12n+0)) { --dev-color: hsl( 0deg 100% 50% ); } .c-flexbox--dev > :where(*):where(:nth-child(12n+1)) { --dev-color: hsl( 30deg 100% 50% ); } .c-flexbox--dev > :where(*):where(:nth-child(12n+2)) { --dev-color: hsl( 60deg 100% 50% ); } .c-flexbox--dev > :where(*):where(:nth-child(12n+3)) { --dev-color: hsl( 90deg 100% 50% ); } .c-flexbox--dev > :where(*):where(:nth-child(12n+4)) { --dev-color: hsl( 120deg 100% 50% ); } .c-flexbox--dev > :where(*):where(:nth-child(12n+5)) { --dev-color: hsl( 150deg 100% 50% ); } .c-flexbox--dev > :where(*):where(:nth-child(12n+6)) { --dev-color: hsl( 180deg 100% 50% ); } .c-flexbox--dev > :where(*):where(:nth-child(12n+7)) { --dev-color: hsl( 210deg 100% 50% ); } .c-flexbox--dev > :where(*):where(:nth-child(12n+8)) { --dev-color: hsl( 240deg 100% 50% ); } .c-flexbox--dev > :where(*):where(:nth-child(12n+9)) { --dev-color: hsl( 270deg 100% 50% ); } .c-flexbox--dev > :where(*):where(:nth-child(12n+10)) { --dev-color: hsl( 300deg 100% 50% ); } .c-flexbox--dev > :where(*):where(:nth-child(12n+11)) { --dev-color: hsl( 330deg 100% 50% ); } /* ========================================================================================== * Date（object/component/_date.scss） * ========================================================================================== */ .c-date { display: flex; align-items: baseline; flex-wrap: wrap; font-size: 0.875rem; line-height: 1; } .c-date--new > :where(:last-child), .c-date--new-attr > :where(:last-child) { margin-right: 0.375em; } .c-date--new::after, .c-date--new-attr::after { content: "NEW"; color: hsl(326.5789473684, 100%, 44.7058823529%); font-weight: bold; } .c-date--new-attr:after { content: attr(data-date-new); } .c-date--end > :where(:last-child), .c-date--end-attr > :where(:last-child) { margin-right: 0.375em; } .c-date--end::after, .c-date--end-attr::after { content: "END"; color: hsl(0, 0%, 99.5%); font-weight: bold; padding: 0.125em 0.25em; background-color: hsl(0, 0%, 71%); } .c-date--end-attr:after { content: attr(data-date-end); } /* ========================================================================================== * Label（object/component/_label.scss） * ========================================================================================== */ .c-label { display: inline-block; padding: 0.25em 0.75em 0.375em; border-radius: 1.5em; font-size: 0.8rem; line-height: 1; white-space: nowrap; cursor: default; background-color: var(--current-label-color, hsl(0, 0%, 4%)); color: var(--current-label-on-color, hsl(0, 0%, 99.5%)); } .c-label--clear, .c-label--hollow { color: var(--current-label-color, hsl(0, 0%, 4%)); background-color: transparent; } .c-label--hollow { outline: 1px solid var(--current-label-color, currentColor); outline-offset: -1px; } .c-label--brand { background: hsl(332.5190839695, 97.037037037%, 26.4705882353%); color: hsl(0, 0%, 99.5%); } .c-label--brand.c-label--clear, .c-label--brand.c-label--hollow { color: hsl(332.5190839695, 97.037037037%, 26.4705882353%); } .c-label--primary { background: hsl(222, 100%, 29%); color: hsl(0, 0%, 99.5%); } .c-label--primary.c-label--clear, .c-label--primary.c-label--hollow { color: hsl(222, 100%, 29%); } .c-label--secondary { background: hsl(194, 100%, 89%); color: hsl(0, 0%, 99.5%); } .c-label--secondary.c-label--clear, .c-label--secondary.c-label--hollow { color: hsl(194, 100%, 89%); } .c-label--tertiary { background: hsl(43, 47%, 45%); color: hsl(0, 0%, 99.5%); } .c-label--tertiary.c-label--clear, .c-label--tertiary.c-label--hollow { color: hsl(43, 47%, 45%); } .c-label--surface { background: hsl(345.9574468085, 100%, 90.7843137255%); color: hsl(0, 0%, 99.5%); } .c-label--surface.c-label--clear, .c-label--surface.c-label--hollow { color: hsl(345.9574468085, 100%, 90.7843137255%); } .c-label--success { background: hsl(142.3602484472, 69.0987124464%, 54.3137254902%); color: hsl(0, 0%, 99.5%); } .c-label--success.c-label--clear, .c-label--success.c-label--hollow { color: hsl(142.3602484472, 69.0987124464%, 54.3137254902%); } .c-label--warning { background: hsl(40.9411764706, 100%, 50%); color: hsl(0, 0%, 99.5%); } .c-label--warning.c-label--clear, .c-label--warning.c-label--hollow { color: hsl(40.9411764706, 100%, 50%); } .c-label--alert { background: hsl(8.0536912752, 59.3625498008%, 50.7843137255%); color: hsl(0, 0%, 99.5%); } .c-label--alert.c-label--clear, .c-label--alert.c-label--hollow { color: hsl(8.0536912752, 59.3625498008%, 50.7843137255%); } .c-label--black-ter { background: hsl(0, 0%, 14%); color: hsl(0, 0%, 99.5%); } .c-label--black-ter.c-label--clear, .c-label--black-ter.c-label--hollow { color: hsl(0, 0%, 14%); } .c-label--gray-dark { background: hsl(0, 0%, 36%); color: hsl(0, 0%, 99.5%); } .c-label--gray-dark.c-label--clear, .c-label--gray-dark.c-label--hollow { color: hsl(0, 0%, 36%); } .c-label--gray-middle { background: hsl(0, 0%, 48%); color: hsl(0, 0%, 99.5%); } .c-label--gray-middle.c-label--clear, .c-label--gray-middle.c-label--hollow { color: hsl(0, 0%, 48%); } .c-label--white-ter { background: hsl(0, 0%, 96%); color: hsl(0, 0%, 99.5%); } .c-label--white-ter.c-label--clear, .c-label--white-ter.c-label--hollow { color: hsl(0, 0%, 96%); } .c-label--gray-darker { background: hsl(0, 0%, 29%); color: hsl(0, 0%, 99.5%); } .c-label--gray-darker.c-label--clear, .c-label--gray-darker.c-label--hollow { color: hsl(0, 0%, 29%); } .c-label--gray-light { background: hsl(0, 0%, 71%); color: hsl(0, 0%, 99.5%); } .c-label--gray-light.c-label--clear, .c-label--gray-light.c-label--hollow { color: hsl(0, 0%, 71%); } .c-label--gray-lighter { background: hsl(0, 0%, 86%); color: hsl(0, 0%, 99.5%); } .c-label--gray-lighter.c-label--clear, .c-label--gray-lighter.c-label--hollow { color: hsl(0, 0%, 86%); } .c-label { font-weight: bolder; white-space: normal; border-radius: 0; line-height: 1.1; } .c-label--radius { border-radius: 1.5em; } a .c-label { cursor: inherit; } .c-label { color: hsl(43, 47%, 45%); background-color: transparent; } /* ========================================================================================== * Title（object/component/_title.scss） * ========================================================================================== */ .c-title { margin-bottom: min(1.25em, 2.5rem); } .c-title:where(:last-child) { margin-bottom: 0; } .c-title__main, .c-title__sub { display: block; } .c-title__sub { font-size: max(0.5em, 0.875rem); } .c-title--text-direction-row { display: flex; flex-direction: row; flex-wrap: wrap; align-items: baseline; } .c-title--text-direction-row .c-title__main, .c-title--text-direction-row .c-title__sub { padding-right: 0.5em; } .c-title--text-direction-row .c-title__main:where(:last-child), .c-title--text-direction-row .c-title__sub:where(:last-child) { padding-right: 0; } .c-title--text-direction-column { display: flex; flex-direction: column; } .c-title--serif { font-family: "Noto Serif JP", YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif; font-weight: 600; } .c-title--center { text-align: center; } .c-title--boldbar { position: relative; padding-left: 0.75em; } .c-title--boldbar::before { content: ""; position: absolute; display: block; width: 0.25em; top: 0; left: 0; bottom: 0; background-color: hsl(222, 100%, 29%); } .c-title--underline { position: relative; border-bottom: 1px solid hsl(0, 0%, 36%); padding-bottom: 0.5em; } .c-title--overbar, .c-title--underbar { position: relative; } .c-title--overbar::before, .c-title--underbar::before { content: ""; position: absolute; display: block; background: hsl(222, 100%, 29%); left: 0; width: 2.5em; } .c-title--overbar.c-title--center::before, .c-title--underbar.c-title--center::before { left: 0; right: 0; margin-left: auto; margin-right: auto; } .c-title--overbar { padding-top: 0.3em; } .c-title--overbar::before { top: 0; height: 0.15em; } .c-title--underbar { padding-bottom: 0.4em; } .c-title--underbar::before { bottom: 0; height: 0.2em; } .c-title--square { position: relative; padding-top: 0.25em; padding-left: 0.875em; min-height: 1.4em; z-index: 0; } .c-title--square::before { content: ""; position: absolute; background-color: hsl(345.9574468085, 100%, 90.7843137255%); top: 0; left: 0; width: 1.5em; height: 1.5em; z-index: -1; } .c-title--larger:is(h2) { font-size: 2.5rem; } @media print, screen and (min-width: 48em) { .c-title--larger:is(h2) { font-size: 3.5rem; } } .c-title--larger:is(h3) { font-size: 2.25rem; } @media print, screen and (min-width: 48em) { .c-title--larger:is(h3) { font-size: 3rem; } } .c-title--larger:is(h4) { font-size: 2rem; } @media print, screen and (min-width: 48em) { .c-title--larger:is(h4) { font-size: 2.5rem; } } .c-title--larger:is(h5) { font-size: 1.5rem; } @media print, screen and (min-width: 48em) { .c-title--larger:is(h5) { font-size: 1.75rem; } } .c-title--larger:is(h6) { font-size: 1.25rem; } @media print, screen and (min-width: 48em) { .c-title--larger:is(h6) { font-size: 1.5rem; } } .c-title--xlarger:is(h2, h3) { font-size: 2.5rem; } @media print, screen and (min-width: 48em) { .c-title--xlarger:is(h2, h3) { font-size: 3.5rem; } } .c-title--xlarger:is(h4) { font-size: 2.25rem; } @media print, screen and (min-width: 48em) { .c-title--xlarger:is(h4) { font-size: 3rem; } } .c-title--xlarger:is(h5) { font-size: 2rem; } @media print, screen and (min-width: 48em) { .c-title--xlarger:is(h5) { font-size: 2.5rem; } } .c-title--xlarger:is(h6) { font-size: 1.5rem; } @media print, screen and (min-width: 48em) { .c-title--xlarger:is(h6) { font-size: 1.75rem; } } .c-title--smaller:is(h1) { font-size: 2.25rem; } @media print, screen and (min-width: 48em) { .c-title--smaller:is(h1) { font-size: 3rem; } } .c-title--smaller:is(h2) { font-size: 2rem; } @media print, screen and (min-width: 48em) { .c-title--smaller:is(h2) { font-size: 2.5rem; } } .c-title--smaller:is(h3) { font-size: 1.5rem; } @media print, screen and (min-width: 48em) { .c-title--smaller:is(h3) { font-size: 1.75rem; } } .c-title--smaller:is(h4) { font-size: 1.25rem; } @media print, screen and (min-width: 48em) { .c-title--smaller:is(h4) { font-size: 1.5rem; } } .c-title--smaller:is(h5) { font-size: 1.125rem; } @media print, screen and (min-width: 48em) { .c-title--smaller:is(h5) { font-size: 1.125rem; } } .c-title--xsmaller:is(h1) { font-size: 2rem; } @media print, screen and (min-width: 48em) { .c-title--xsmaller:is(h1) { font-size: 2.5rem; } } .c-title--xsmaller:is(h2) { font-size: 1.5rem; } @media print, screen and (min-width: 48em) { .c-title--xsmaller:is(h2) { font-size: 1.75rem; } } .c-title--xsmaller:is(h3) { font-size: 1.25rem; } @media print, screen and (min-width: 48em) { .c-title--xsmaller:is(h3) { font-size: 1.5rem; } } .c-title--xsmaller:is(h4, h5) { font-size: 1.125rem; } @media print, screen and (min-width: 48em) { .c-title--xsmaller:is(h4, h5) { font-size: 1.125rem; } } .c-title__sub { font-size: 1rem; } /* ========================================================================================== * Screen Reader（object/component/_screen-reader.scss） * ========================================================================================== */ /* Text meant only for screen readers. */ .screen-reader-text, .c-screen-reader { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .screen-reader-text:focus, .c-screen-reader:focus { background-color: #eee; clip: auto !important; clip-path: none; color: #444; display: block; font-size: 1em; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* ========================================================================================== * Icon（object/component/_icon.scss） * ========================================================================================== */ .c-icon { flex-grow: 0; flex-shrink: 0; display: inline-block; vertical-align: middle; line-height: 1; max-height: 1lh; margin-left: 0.5em; margin-right: 0.5em; overflow: hidden; speak: none; } .c-icon:where(:first-child) { margin-left: 0; } .c-icon:where(:last-child) { margin-right: 0; } .c-icon--outline { outline: 1px solid currentColor; padding: 0.5em; border-radius: 50%; } .c-icon--gmi { font-family: "Material Symbols Outlined", "Material Icons", "Noto Sans JP", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, Arial, Helvetica, sans-serif; width: 1em; translate: 0 5%; } .c-icon svg, .c-icon__svg { min-width: 1em; min-height: 1em; max-height: 1em; vertical-align: bottom; } /* ========================================================================================== * Image（object/component/_image.scss） * ========================================================================================== */ .c-image { display: block; position: relative; } .c-image :where(img) { display: block; width: 100%; -o-object-fit: var(--m2-img-object-fit, contain); object-fit: var(--m2-img-object-fit, contain); aspect-ratio: var(--m2-img-aspect-ratio, revert-layer); } .c-image--aspect-5to1 { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 5; } .c-image--aspect-4to1 { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 4; } .c-image--aspect-3to1 { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 3; } .c-image--aspect-5to2 { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 2.5; } .c-image--aspect-2to1 { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 2; } .c-image--aspect-16to9 { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 1.7777777778; } .c-image--aspect-7to4 { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 1.75; } .c-image--aspect-5to3 { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 1.6666666667; } .c-image--aspect-8to5 { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 1.6; } .c-image--aspect-3to2 { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 1.5; } .c-image--aspect-7to5 { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 1.4; } .c-image--aspect-4to3 { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 1.3333333333; } .c-image--aspect-5to4 { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 1.25; } .c-image--aspect-6to5 { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 1.2; } .c-image--aspect-1to1 { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 1; } .c-image--aspect-5to6 { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 0.8333333333; } .c-image--aspect-4to5 { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 0.8; } .c-image--aspect-3to4 { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 0.75; } .c-image--aspect-2to3 { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 0.6666666667; } .c-image--aspect-3to5 { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 0.6; } .c-image--aspect-9to16 { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 0.5625; } .c-image--aspect-1to2 { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 0.5; } @media print, screen and (min-width: 48em) { .c-image--aspect-5to1-for-medium { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 5; } .c-image--aspect-4to1-for-medium { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 4; } .c-image--aspect-3to1-for-medium { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 3; } .c-image--aspect-5to2-for-medium { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 2.5; } .c-image--aspect-2to1-for-medium { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 2; } .c-image--aspect-16to9-for-medium { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 1.7777777778; } .c-image--aspect-7to4-for-medium { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 1.75; } .c-image--aspect-5to3-for-medium { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 1.6666666667; } .c-image--aspect-8to5-for-medium { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 1.6; } .c-image--aspect-3to2-for-medium { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 1.5; } .c-image--aspect-7to5-for-medium { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 1.4; } .c-image--aspect-4to3-for-medium { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 1.3333333333; } .c-image--aspect-5to4-for-medium { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 1.25; } .c-image--aspect-6to5-for-medium { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 1.2; } .c-image--aspect-1to1-for-medium { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 1; } .c-image--aspect-5to6-for-medium { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 0.8333333333; } .c-image--aspect-4to5-for-medium { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 0.8; } .c-image--aspect-3to4-for-medium { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 0.75; } .c-image--aspect-2to3-for-medium { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 0.6666666667; } .c-image--aspect-3to5-for-medium { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 0.6; } .c-image--aspect-9to16-for-medium { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 0.5625; } .c-image--aspect-1to2-for-medium { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 0.5; } } @media print, screen and (min-width: 64em) { .c-image--aspect-5to1-for-large { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 5; } .c-image--aspect-4to1-for-large { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 4; } .c-image--aspect-3to1-for-large { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 3; } .c-image--aspect-5to2-for-large { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 2.5; } .c-image--aspect-2to1-for-large { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 2; } .c-image--aspect-16to9-for-large { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 1.7777777778; } .c-image--aspect-7to4-for-large { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 1.75; } .c-image--aspect-5to3-for-large { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 1.6666666667; } .c-image--aspect-8to5-for-large { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 1.6; } .c-image--aspect-3to2-for-large { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 1.5; } .c-image--aspect-7to5-for-large { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 1.4; } .c-image--aspect-4to3-for-large { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 1.3333333333; } .c-image--aspect-5to4-for-large { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 1.25; } .c-image--aspect-6to5-for-large { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 1.2; } .c-image--aspect-1to1-for-large { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 1; } .c-image--aspect-5to6-for-large { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 0.8333333333; } .c-image--aspect-4to5-for-large { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 0.8; } .c-image--aspect-3to4-for-large { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 0.75; } .c-image--aspect-2to3-for-large { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 0.6666666667; } .c-image--aspect-3to5-for-large { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 0.6; } .c-image--aspect-9to16-for-large { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 0.5625; } .c-image--aspect-1to2-for-large { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 0.5; } } @media print, screen and (min-width: 80em) { .c-image--aspect-5to1-for-xlarge { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 5; } .c-image--aspect-4to1-for-xlarge { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 4; } .c-image--aspect-3to1-for-xlarge { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 3; } .c-image--aspect-5to2-for-xlarge { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 2.5; } .c-image--aspect-2to1-for-xlarge { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 2; } .c-image--aspect-16to9-for-xlarge { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 1.7777777778; } .c-image--aspect-7to4-for-xlarge { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 1.75; } .c-image--aspect-5to3-for-xlarge { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 1.6666666667; } .c-image--aspect-8to5-for-xlarge { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 1.6; } .c-image--aspect-3to2-for-xlarge { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 1.5; } .c-image--aspect-7to5-for-xlarge { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 1.4; } .c-image--aspect-4to3-for-xlarge { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 1.3333333333; } .c-image--aspect-5to4-for-xlarge { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 1.25; } .c-image--aspect-6to5-for-xlarge { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 1.2; } .c-image--aspect-1to1-for-xlarge { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 1; } .c-image--aspect-5to6-for-xlarge { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 0.8333333333; } .c-image--aspect-4to5-for-xlarge { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 0.8; } .c-image--aspect-3to4-for-xlarge { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 0.75; } .c-image--aspect-2to3-for-xlarge { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 0.6666666667; } .c-image--aspect-3to5-for-xlarge { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 0.6; } .c-image--aspect-9to16-for-xlarge { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 0.5625; } .c-image--aspect-1to2-for-xlarge { --m2-img-object-fit: cover; --m2-img-aspect-ratio: 0.5; } } .c-image--radius :where(img) { border-radius: 50%; } .c-image--youtube { padding: 0; position: relative; } .c-image--youtube::before, .c-image--youtube::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-position: center; background-size: max(10%, 4.5em); z-index: 1; transition: opacity 0.25s, background-color 0.25s; } .c-image--youtube::before { opacity: 0.85; z-index: 1; background-color: rgba(0, 0, 27, 0.5); background-image: url("./../../assets/img/vendor/youtube/youtube_social_icon_dark.png"); } .c-image--youtube::after { opacity: 0; background-image: url("./../../assets/img/vendor/youtube/youtube_social_icon_red.png"); } .c-image--youtube:hover::before { background-color: rgba(0, 0, 27, 0); } .c-image--youtube:hover::after { opacity: 1; } .c-image--youtube .c-image__caption { color: hsl(0, 0%, 99.5%); font-weight: bold; font-size: 0.875rem; text-shadow: 1px 1px 2px hsl(0, 0%, 4%); position: absolute; top: calc(50% + 2rem); left: 0; right: 0; text-align: center; z-index: 1; } .c-image--x-overflow-scrollable, .c-image--y-overflow-scrollable, .c-image--xy-overflow-scrollable { overflow: auto; max-height: 40vh; } .c-image--x-overflow-scrollable :where(img), .c-image--y-overflow-scrollable :where(img), .c-image--xy-overflow-scrollable :where(img) { margin: auto; } .c-image--x-overflow-scrollable :where(img) { width: auto; height: 100%; max-width: max(200%, 200vw); min-height: inherit; max-height: inherit; } .c-image--y-overflow-scrollable :where(img) { max-height: max(200%, 200vw); } .c-image--xy-overflow-scrollable :where(img) { width: auto; height: auto; max-width: max(200%, 200vmin); max-height: max(200%, 200vmin); } @media print, screen and (min-width: 48em) { .c-image--x-overflow-scrollable-for-medium, .c-image--y-overflow-scrollable-for-medium, .c-image--xy-overflow-scrollable-for-medium { overflow: auto; max-height: 40vh; } .c-image--x-overflow-scrollable-for-medium :where(img), .c-image--y-overflow-scrollable-for-medium :where(img), .c-image--xy-overflow-scrollable-for-medium :where(img) { margin: auto; } .c-image--x-overflow-scrollable-for-medium :where(img) { width: auto; height: 100%; max-width: max(200%, 200vw); min-height: inherit; max-height: inherit; } .c-image--y-overflow-scrollable-for-medium :where(img) { max-height: max(200%, 200vw); } .c-image--xy-overflow-scrollable-for-medium :where(img) { width: auto; height: auto; max-width: max(200%, 200vmin); max-height: max(200%, 200vmin); } } @media print, screen and (min-width: 64em) { .c-image--x-overflow-scrollable-for-large, .c-image--y-overflow-scrollable-for-large, .c-image--xy-overflow-scrollable-for-large { overflow: auto; max-height: 40vh; } .c-image--x-overflow-scrollable-for-large :where(img), .c-image--y-overflow-scrollable-for-large :where(img), .c-image--xy-overflow-scrollable-for-large :where(img) { margin: auto; } .c-image--x-overflow-scrollable-for-large :where(img) { width: auto; height: 100%; max-width: max(200%, 200vw); min-height: inherit; max-height: inherit; } .c-image--y-overflow-scrollable-for-large :where(img) { max-height: max(200%, 200vw); } .c-image--xy-overflow-scrollable-for-large :where(img) { width: auto; height: auto; max-width: max(200%, 200vmin); max-height: max(200%, 200vmin); } } @media print, screen and (min-width: 80em) { .c-image--x-overflow-scrollable-for-xlarge, .c-image--y-overflow-scrollable-for-xlarge, .c-image--xy-overflow-scrollable-for-xlarge { overflow: auto; max-height: 40vh; } .c-image--x-overflow-scrollable-for-xlarge :where(img), .c-image--y-overflow-scrollable-for-xlarge :where(img), .c-image--xy-overflow-scrollable-for-xlarge :where(img) { margin: auto; } .c-image--x-overflow-scrollable-for-xlarge :where(img) { width: auto; height: 100%; max-width: max(200%, 200vw); min-height: inherit; max-height: inherit; } .c-image--y-overflow-scrollable-for-xlarge :where(img) { max-height: max(200%, 200vw); } .c-image--xy-overflow-scrollable-for-xlarge :where(img) { width: auto; height: auto; max-width: max(200%, 200vmin); max-height: max(200%, 200vmin); } } @media print, screen and (max-width: 89.99875em) { .c-image--x-overflow-scrollable-for-xlarge-down, .c-image--y-overflow-scrollable-for-xlarge-down, .c-image--xy-overflow-scrollable-for-xlarge-down { overflow: auto; max-height: 40vh; } .c-image--x-overflow-scrollable-for-xlarge-down :where(img), .c-image--y-overflow-scrollable-for-xlarge-down :where(img), .c-image--xy-overflow-scrollable-for-xlarge-down :where(img) { margin: auto; } .c-image--x-overflow-scrollable-for-xlarge-down :where(img) { width: auto; height: 100%; max-width: max(200%, 200vw); min-height: inherit; max-height: inherit; } .c-image--y-overflow-scrollable-for-xlarge-down :where(img) { max-height: max(200%, 200vw); } .c-image--xy-overflow-scrollable-for-xlarge-down :where(img) { width: auto; height: auto; max-width: max(200%, 200vmin); max-height: max(200%, 200vmin); } } @media print, screen and (max-width: 79.99875em) { .c-image--x-overflow-scrollable-for-large-down, .c-image--y-overflow-scrollable-for-large-down, .c-image--xy-overflow-scrollable-for-large-down { overflow: auto; max-height: 40vh; } .c-image--x-overflow-scrollable-for-large-down :where(img), .c-image--y-overflow-scrollable-for-large-down :where(img), .c-image--xy-overflow-scrollable-for-large-down :where(img) { margin: auto; } .c-image--x-overflow-scrollable-for-large-down :where(img) { width: auto; height: 100%; max-width: max(200%, 200vw); min-height: inherit; max-height: inherit; } .c-image--y-overflow-scrollable-for-large-down :where(img) { max-height: max(200%, 200vw); } .c-image--xy-overflow-scrollable-for-large-down :where(img) { width: auto; height: auto; max-width: max(200%, 200vmin); max-height: max(200%, 200vmin); } } @media print, screen and (max-width: 63.99875em) { .c-image--x-overflow-scrollable-for-medium-down, .c-image--y-overflow-scrollable-for-medium-down, .c-image--xy-overflow-scrollable-for-medium-down { overflow: auto; max-height: 40vh; } .c-image--x-overflow-scrollable-for-medium-down :where(img), .c-image--y-overflow-scrollable-for-medium-down :where(img), .c-image--xy-overflow-scrollable-for-medium-down :where(img) { margin: auto; } .c-image--x-overflow-scrollable-for-medium-down :where(img) { width: auto; height: 100%; max-width: max(200%, 200vw); min-height: inherit; max-height: inherit; } .c-image--y-overflow-scrollable-for-medium-down :where(img) { max-height: max(200%, 200vw); } .c-image--xy-overflow-scrollable-for-medium-down :where(img) { width: auto; height: auto; max-width: max(200%, 200vmin); max-height: max(200%, 200vmin); } } @media print, screen and (min-width: 80em) and (max-width: 89.99875em) { .c-image--x-overflow-scrollable-for-xlarge-only, .c-image--y-overflow-scrollable-for-xlarge-only, .c-image--xy-overflow-scrollable-for-xlarge-only { overflow: auto; max-height: 40vh; } .c-image--x-overflow-scrollable-for-xlarge-only :where(img), .c-image--y-overflow-scrollable-for-xlarge-only :where(img), .c-image--xy-overflow-scrollable-for-xlarge-only :where(img) { margin: auto; } .c-image--x-overflow-scrollable-for-xlarge-only :where(img) { width: auto; height: 100%; max-width: max(200%, 200vw); min-height: inherit; max-height: inherit; } .c-image--y-overflow-scrollable-for-xlarge-only :where(img) { max-height: max(200%, 200vw); } .c-image--xy-overflow-scrollable-for-xlarge-only :where(img) { width: auto; height: auto; max-width: max(200%, 200vmin); max-height: max(200%, 200vmin); } } @media print, screen and (min-width: 64em) and (max-width: 79.99875em) { .c-image--x-overflow-scrollable-for-large-only, .c-image--y-overflow-scrollable-for-large-only, .c-image--xy-overflow-scrollable-for-large-only { overflow: auto; max-height: 40vh; } .c-image--x-overflow-scrollable-for-large-only :where(img), .c-image--y-overflow-scrollable-for-large-only :where(img), .c-image--xy-overflow-scrollable-for-large-only :where(img) { margin: auto; } .c-image--x-overflow-scrollable-for-large-only :where(img) { width: auto; height: 100%; max-width: max(200%, 200vw); min-height: inherit; max-height: inherit; } .c-image--y-overflow-scrollable-for-large-only :where(img) { max-height: max(200%, 200vw); } .c-image--xy-overflow-scrollable-for-large-only :where(img) { width: auto; height: auto; max-width: max(200%, 200vmin); max-height: max(200%, 200vmin); } } @media print, screen and (min-width: 48em) and (max-width: 63.99875em) { .c-image--x-overflow-scrollable-for-medium-only, .c-image--y-overflow-scrollable-for-medium-only, .c-image--xy-overflow-scrollable-for-medium-only { overflow: auto; max-height: 40vh; } .c-image--x-overflow-scrollable-for-medium-only :where(img), .c-image--y-overflow-scrollable-for-medium-only :where(img), .c-image--xy-overflow-scrollable-for-medium-only :where(img) { margin: auto; } .c-image--x-overflow-scrollable-for-medium-only :where(img) { width: auto; height: 100%; max-width: max(200%, 200vw); min-height: inherit; max-height: inherit; } .c-image--y-overflow-scrollable-for-medium-only :where(img) { max-height: max(200%, 200vw); } .c-image--xy-overflow-scrollable-for-medium-only :where(img) { width: auto; height: auto; max-width: max(200%, 200vmin); max-height: max(200%, 200vmin); } } @media print, screen and (max-width: 47.99875em) { .c-image--x-overflow-scrollable-for-small-only, .c-image--y-overflow-scrollable-for-small-only, .c-image--xy-overflow-scrollable-for-small-only { overflow: auto; max-height: 40vh; } .c-image--x-overflow-scrollable-for-small-only :where(img), .c-image--y-overflow-scrollable-for-small-only :where(img), .c-image--xy-overflow-scrollable-for-small-only :where(img) { margin: auto; } .c-image--x-overflow-scrollable-for-small-only :where(img) { width: auto; height: 100%; max-width: max(200%, 200vw); min-height: inherit; max-height: inherit; } .c-image--y-overflow-scrollable-for-small-only :where(img) { max-height: max(200%, 200vw); } .c-image--xy-overflow-scrollable-for-small-only :where(img) { width: auto; height: auto; max-width: max(200%, 200vmin); max-height: max(200%, 200vmin); } } .c-image__caption { font-size: 0.875rem; padding: 0.25em; } /* ========================================================================================== * Logo（object/component/_logo.scss） * ========================================================================================== */ .c-logo-group { display: flex; flex-wrap: wrap; margin-left: -0.5rem; margin-right: -0.5rem; } .c-logo-group__separator { width: 1px; min-width: 0.5px; margin-top: 0.5rem; margin-bottom: 0.5rem; background-color: currentColor; } .c-logo-group .c-logo { margin-left: 0.5rem; margin-right: 0.5rem; } .c-logo { color: hsl(0, 0%, 4%); line-height: 1; display: inline-flex; flex-wrap: nowrap; align-items: center; max-width: 100%; max-height: 100%; } .c-logo:where(a, button):hover, .c-logo:where(a, button):focus { color: inherit; opacity: 0.5; } .c-logo--svg-black svg :where(circle, ellipse, line, path, polygon, polyline, rect, text) { fill: hsl(0, 0%, 4%); } .c-logo--svg-white svg :where(circle, ellipse, line, path, polygon, polyline, rect, text) { fill: hsl(0, 0%, 99.5%); } .c-logo--in-light svg .fill-black-in-light { fill: #000000; } .c-logo--in-light svg .fill-white-in-light { fill: #ffffff; } .c-logo--in-light svg .fill-none-in-light { fill: none; } .c-logo--in-dark svg .fill-black-in-dark { fill: #000000; } .c-logo--in-dark svg .fill-white-in-dark { fill: #ffffff; } .c-logo--in-dark svg .fill-none-in-dark { fill: none; } .c-logo--monochrome-in-light svg .fill-black-in-monochrome-light { fill: #000000; } .c-logo--monochrome-in-light svg .fill-white-in-monochrome-light { fill: #ffffff; } .c-logo--monochrome-in-light svg .fill-none-in-monochrome-light { fill: none; } .c-logo--monochrome-in-dark svg .fill-black-in-monochrome-dark { fill: #000000; } .c-logo--monochrome-in-dark svg .fill-white-in-monochrome-dark { fill: #ffffff; } .c-logo--monochrome-in-dark svg .fill-none-in-monochrome-dark { fill: none; } .c-logo__image { display: flex; width: 100%; height: 100%; max-width: 100%; max-height: 100%; } .c-logo__image:where(img) { width: 100%; height: auto; } .c-logo__image > :where(svg) { width: inherit; height: auto; max-width: 100%; max-height: inherit; } .c-logo__fb { max-height: 5rem; top: 0; left: 0; right: 0; bottom: 0; margin: 1rem auto; } @media print, screen and (min-width: 64em) { .c-logo__fb { position: static; max-height: 3rem; margin: 1rem 0 1rem 4em; } } /* ========================================================================================== * Responsive Embed（object/component/_responsive-embed.scss） * ========================================================================================== */ .c-responsive-embed { position: relative; height: 0; margin-bottom: 1rem; padding-bottom: 75%; overflow: hidden; } .c-responsive-embed iframe, .c-responsive-embed object, .c-responsive-embed embed, .c-responsive-embed video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .c-responsive-embed.c-responsive-embed--widescreen { padding-bottom: 56.25%; } /* ========================================================================================== * Button（object/component/_button.scss） * ========================================================================================== */ .c-button-group { margin-bottom: 1rem; display: flex; flex-wrap: wrap; align-items: stretch; flex-grow: 1; } .c-button-group::before, .c-button-group::after { display: none; } .c-button-group::before, .c-button-group::after { display: table; content: " "; flex-basis: 0; order: 1; } .c-button-group::after { clear: both; } .c-button-group .c-button { margin: 0; margin-right: 0.5em; margin-bottom: 0.5em; font-size: 0.9rem; flex: 0 0 auto; } .c-button-group .c-button:last-child { margin-right: 0; } .c-button-group { flex-grow: 0; } .c-button-group .c-button { font-size: var(--m2-button-font-size, 0.9rem); } .c-button-group--tiny .c-button { --m2-button-font-size: 0.6rem; } .c-button-group--small .c-button { --m2-button-font-size: 0.75rem; } .c-button-group--large .c-button { --m2-button-font-size: 1.25rem; } .c-button-group.expanded .c-button { flex: 1 1 0px; } .c-button-group.brand .c-button, .c-button-group.brand .c-button.disabled, .c-button-group.brand .c-button[disabled], .c-button-group.brand .c-button.disabled:hover, .c-button-group.brand .c-button[disabled]:hover, .c-button-group.brand .c-button.disabled:focus, .c-button-group.brand .c-button[disabled]:focus { background-color: hsl(332.5190839695, 97.037037037%, 26.4705882353%); color: hsl(0, 0%, 99.5%); } .c-button-group.brand .c-button:hover, .c-button-group.brand .c-button:focus { background-color: hsl(332.5190839695, 97.037037037%, 22.5%); color: hsl(0, 0%, 99.5%); } .c-button-group.c-button-group--brand .c-button, .c-button-group.c-button-group--brand .c-button.disabled, .c-button-group.c-button-group--brand .c-button[disabled], .c-button-group.c-button-group--brand .c-button.disabled:hover, .c-button-group.c-button-group--brand .c-button[disabled]:hover, .c-button-group.c-button-group--brand .c-button.disabled:focus, .c-button-group.c-button-group--brand .c-button[disabled]:focus { background-color: hsl(332.5190839695, 97.037037037%, 26.4705882353%); color: hsl(0, 0%, 99.5%); } .c-button-group.c-button-group--brand .c-button:hover, .c-button-group.c-button-group--brand .c-button:focus { background-color: hsl(332.5190839695, 97.037037037%, 37.5%); color: hsl(0, 0%, 99.5%); } .c-button-group.primary .c-button, .c-button-group.primary .c-button.disabled, .c-button-group.primary .c-button[disabled], .c-button-group.primary .c-button.disabled:hover, .c-button-group.primary .c-button[disabled]:hover, .c-button-group.primary .c-button.disabled:focus, .c-button-group.primary .c-button[disabled]:focus { background-color: hsl(222, 100%, 29%); color: hsl(0, 0%, 99.5%); } .c-button-group.primary .c-button:hover, .c-button-group.primary .c-button:focus { background-color: hsl(222, 100%, 24.65%); color: hsl(0, 0%, 99.5%); } .c-button-group.c-button-group--primary .c-button, .c-button-group.c-button-group--primary .c-button.disabled, .c-button-group.c-button-group--primary .c-button[disabled], .c-button-group.c-button-group--primary .c-button.disabled:hover, .c-button-group.c-button-group--primary .c-button[disabled]:hover, .c-button-group.c-button-group--primary .c-button.disabled:focus, .c-button-group.c-button-group--primary .c-button[disabled]:focus { background-color: hsl(222, 100%, 29%); color: hsl(0, 0%, 99.5%); } .c-button-group.c-button-group--primary .c-button:hover, .c-button-group.c-button-group--primary .c-button:focus { background-color: hsl(222, 100%, 39.65%); color: hsl(0, 0%, 99.5%); } .c-button-group.secondary .c-button, .c-button-group.secondary .c-button.disabled, .c-button-group.secondary .c-button[disabled], .c-button-group.secondary .c-button.disabled:hover, .c-button-group.secondary .c-button[disabled]:hover, .c-button-group.secondary .c-button.disabled:focus, .c-button-group.secondary .c-button[disabled]:focus { background-color: hsl(194, 100%, 89%); color: hsl(0, 0%, 4%); } .c-button-group.secondary .c-button:hover, .c-button-group.secondary .c-button:focus { background-color: hsl(194, 100%, 75.65%); color: hsl(0, 0%, 4%); } .c-button-group.c-button-group--secondary .c-button, .c-button-group.c-button-group--secondary .c-button.disabled, .c-button-group.c-button-group--secondary .c-button[disabled], .c-button-group.c-button-group--secondary .c-button.disabled:hover, .c-button-group.c-button-group--secondary .c-button[disabled]:hover, .c-button-group.c-button-group--secondary .c-button.disabled:focus, .c-button-group.c-button-group--secondary .c-button[disabled]:focus { background-color: hsl(194, 100%, 89%); color: hsl(0, 0%, 4%); } .c-button-group.c-button-group--secondary .c-button:hover, .c-button-group.c-button-group--secondary .c-button:focus { background-color: hsl(194, 100%, 75.65%); color: hsl(0, 0%, 4%); } .c-button-group.tertiary .c-button, .c-button-group.tertiary .c-button.disabled, .c-button-group.tertiary .c-button[disabled], .c-button-group.tertiary .c-button.disabled:hover, .c-button-group.tertiary .c-button[disabled]:hover, .c-button-group.tertiary .c-button.disabled:focus, .c-button-group.tertiary .c-button[disabled]:focus { background-color: hsl(43, 47%, 45%); color: hsl(0, 0%, 4%); } .c-button-group.tertiary .c-button:hover, .c-button-group.tertiary .c-button:focus { background-color: hsl(43, 47%, 38.25%); color: hsl(0, 0%, 4%); } .c-button-group.c-button-group--tertiary .c-button, .c-button-group.c-button-group--tertiary .c-button.disabled, .c-button-group.c-button-group--tertiary .c-button[disabled], .c-button-group.c-button-group--tertiary .c-button.disabled:hover, .c-button-group.c-button-group--tertiary .c-button[disabled]:hover, .c-button-group.c-button-group--tertiary .c-button.disabled:focus, .c-button-group.c-button-group--tertiary .c-button[disabled]:focus { background-color: hsl(43, 47%, 45%); color: hsl(0, 0%, 4%); } .c-button-group.c-button-group--tertiary .c-button:hover, .c-button-group.c-button-group--tertiary .c-button:focus { background-color: hsl(43, 47%, 53.25%); color: hsl(0, 0%, 4%); } .c-button-group.surface .c-button, .c-button-group.surface .c-button.disabled, .c-button-group.surface .c-button[disabled], .c-button-group.surface .c-button.disabled:hover, .c-button-group.surface .c-button[disabled]:hover, .c-button-group.surface .c-button.disabled:focus, .c-button-group.surface .c-button[disabled]:focus { background-color: hsl(345.9574468085, 100%, 90.7843137255%); color: hsl(0, 0%, 4%); } .c-button-group.surface .c-button:hover, .c-button-group.surface .c-button:focus { background-color: hsl(345.9574468085, 100%, 77.1666666667%); color: hsl(0, 0%, 4%); } .c-button-group.c-button-group--surface .c-button, .c-button-group.c-button-group--surface .c-button.disabled, .c-button-group.c-button-group--surface .c-button[disabled], .c-button-group.c-button-group--surface .c-button.disabled:hover, .c-button-group.c-button-group--surface .c-button[disabled]:hover, .c-button-group.c-button-group--surface .c-button.disabled:focus, .c-button-group.c-button-group--surface .c-button[disabled]:focus { background-color: hsl(345.9574468085, 100%, 90.7843137255%); color: hsl(0, 0%, 4%); } .c-button-group.c-button-group--surface .c-button:hover, .c-button-group.c-button-group--surface .c-button:focus { background-color: hsl(345.9574468085, 100%, 77.1666666667%); color: hsl(0, 0%, 4%); } .c-button-group.black-ter .c-button, .c-button-group.black-ter .c-button.disabled, .c-button-group.black-ter .c-button[disabled], .c-button-group.black-ter .c-button.disabled:hover, .c-button-group.black-ter .c-button[disabled]:hover, .c-button-group.black-ter .c-button.disabled:focus, .c-button-group.black-ter .c-button[disabled]:focus { background-color: hsl(0, 0%, 14%); color: hsl(0, 0%, 99.5%); } .c-button-group.black-ter .c-button:hover, .c-button-group.black-ter .c-button:focus { background-color: hsl(0, 0%, 11.9%); color: hsl(0, 0%, 99.5%); } .c-button-group.c-button-group--black-ter .c-button, .c-button-group.c-button-group--black-ter .c-button.disabled, .c-button-group.c-button-group--black-ter .c-button[disabled], .c-button-group.c-button-group--black-ter .c-button.disabled:hover, .c-button-group.c-button-group--black-ter .c-button[disabled]:hover, .c-button-group.c-button-group--black-ter .c-button.disabled:focus, .c-button-group.c-button-group--black-ter .c-button[disabled]:focus { background-color: hsl(0, 0%, 14%); color: hsl(0, 0%, 99.5%); } .c-button-group.c-button-group--black-ter .c-button:hover, .c-button-group.c-button-group--black-ter .c-button:focus { background-color: hsl(0, 0%, 26.9%); color: hsl(0, 0%, 99.5%); } .c-button-group.gray-dark .c-button, .c-button-group.gray-dark .c-button.disabled, .c-button-group.gray-dark .c-button[disabled], .c-button-group.gray-dark .c-button.disabled:hover, .c-button-group.gray-dark .c-button[disabled]:hover, .c-button-group.gray-dark .c-button.disabled:focus, .c-button-group.gray-dark .c-button[disabled]:focus { background-color: hsl(0, 0%, 36%); color: hsl(0, 0%, 99.5%); } .c-button-group.gray-dark .c-button:hover, .c-button-group.gray-dark .c-button:focus { background-color: hsl(0, 0%, 30.6%); color: hsl(0, 0%, 99.5%); } .c-button-group.c-button-group--gray-dark .c-button, .c-button-group.c-button-group--gray-dark .c-button.disabled, .c-button-group.c-button-group--gray-dark .c-button[disabled], .c-button-group.c-button-group--gray-dark .c-button.disabled:hover, .c-button-group.c-button-group--gray-dark .c-button[disabled]:hover, .c-button-group.c-button-group--gray-dark .c-button.disabled:focus, .c-button-group.c-button-group--gray-dark .c-button[disabled]:focus { background-color: hsl(0, 0%, 36%); color: hsl(0, 0%, 99.5%); } .c-button-group.c-button-group--gray-dark .c-button:hover, .c-button-group.c-button-group--gray-dark .c-button:focus { background-color: hsl(0, 0%, 45.6%); color: hsl(0, 0%, 99.5%); } .c-button-group.gray-middle .c-button, .c-button-group.gray-middle .c-button.disabled, .c-button-group.gray-middle .c-button[disabled], .c-button-group.gray-middle .c-button.disabled:hover, .c-button-group.gray-middle .c-button[disabled]:hover, .c-button-group.gray-middle .c-button.disabled:focus, .c-button-group.gray-middle .c-button[disabled]:focus { background-color: hsl(0, 0%, 48%); color: hsl(0, 0%, 4%); } .c-button-group.gray-middle .c-button:hover, .c-button-group.gray-middle .c-button:focus { background-color: hsl(0, 0%, 40.8%); color: hsl(0, 0%, 4%); } .c-button-group.c-button-group--gray-middle .c-button, .c-button-group.c-button-group--gray-middle .c-button.disabled, .c-button-group.c-button-group--gray-middle .c-button[disabled], .c-button-group.c-button-group--gray-middle .c-button.disabled:hover, .c-button-group.c-button-group--gray-middle .c-button[disabled]:hover, .c-button-group.c-button-group--gray-middle .c-button.disabled:focus, .c-button-group.c-button-group--gray-middle .c-button[disabled]:focus { background-color: hsl(0, 0%, 48%); color: hsl(0, 0%, 4%); } .c-button-group.c-button-group--gray-middle .c-button:hover, .c-button-group.c-button-group--gray-middle .c-button:focus { background-color: hsl(0, 0%, 55.8%); color: hsl(0, 0%, 4%); } .c-button-group.white-ter .c-button, .c-button-group.white-ter .c-button.disabled, .c-button-group.white-ter .c-button[disabled], .c-button-group.white-ter .c-button.disabled:hover, .c-button-group.white-ter .c-button[disabled]:hover, .c-button-group.white-ter .c-button.disabled:focus, .c-button-group.white-ter .c-button[disabled]:focus { background-color: hsl(0, 0%, 96%); color: hsl(0, 0%, 4%); } .c-button-group.white-ter .c-button:hover, .c-button-group.white-ter .c-button:focus { background-color: hsl(0, 0%, 81.6%); color: hsl(0, 0%, 4%); } .c-button-group.c-button-group--white-ter .c-button, .c-button-group.c-button-group--white-ter .c-button.disabled, .c-button-group.c-button-group--white-ter .c-button[disabled], .c-button-group.c-button-group--white-ter .c-button.disabled:hover, .c-button-group.c-button-group--white-ter .c-button[disabled]:hover, .c-button-group.c-button-group--white-ter .c-button.disabled:focus, .c-button-group.c-button-group--white-ter .c-button[disabled]:focus { background-color: hsl(0, 0%, 96%); color: hsl(0, 0%, 4%); } .c-button-group.c-button-group--white-ter .c-button:hover, .c-button-group.c-button-group--white-ter .c-button:focus { background-color: hsl(0, 0%, 81.6%); color: hsl(0, 0%, 4%); } .c-button-group.black .c-button, .c-button-group.black .c-button.disabled, .c-button-group.black .c-button[disabled], .c-button-group.black .c-button.disabled:hover, .c-button-group.black .c-button[disabled]:hover, .c-button-group.black .c-button.disabled:focus, .c-button-group.black .c-button[disabled]:focus { background-color: hsl(0, 0%, 4%); color: hsl(0, 0%, 99.5%); } .c-button-group.black .c-button:hover, .c-button-group.black .c-button:focus { background-color: hsl(0, 0%, 3.4%); color: hsl(0, 0%, 99.5%); } .c-button-group.c-button-group--black .c-button, .c-button-group.c-button-group--black .c-button.disabled, .c-button-group.c-button-group--black .c-button[disabled], .c-button-group.c-button-group--black .c-button.disabled:hover, .c-button-group.c-button-group--black .c-button[disabled]:hover, .c-button-group.c-button-group--black .c-button.disabled:focus, .c-button-group.c-button-group--black .c-button[disabled]:focus { background-color: hsl(0, 0%, 4%); color: hsl(0, 0%, 99.5%); } .c-button-group.c-button-group--black .c-button:hover, .c-button-group.c-button-group--black .c-button:focus { background-color: hsl(0, 0%, 18.4%); color: hsl(0, 0%, 99.5%); } .c-button-group.gray-light .c-button, .c-button-group.gray-light .c-button.disabled, .c-button-group.gray-light .c-button[disabled], .c-button-group.gray-light .c-button.disabled:hover, .c-button-group.gray-light .c-button[disabled]:hover, .c-button-group.gray-light .c-button.disabled:focus, .c-button-group.gray-light .c-button[disabled]:focus { background-color: hsl(0, 0%, 71%); color: hsl(0, 0%, 4%); } .c-button-group.gray-light .c-button:hover, .c-button-group.gray-light .c-button:focus { background-color: hsl(0, 0%, 60.35%); color: hsl(0, 0%, 4%); } .c-button-group.c-button-group--gray-light .c-button, .c-button-group.c-button-group--gray-light .c-button.disabled, .c-button-group.c-button-group--gray-light .c-button[disabled], .c-button-group.c-button-group--gray-light .c-button.disabled:hover, .c-button-group.c-button-group--gray-light .c-button[disabled]:hover, .c-button-group.c-button-group--gray-light .c-button.disabled:focus, .c-button-group.c-button-group--gray-light .c-button[disabled]:focus { background-color: hsl(0, 0%, 71%); color: hsl(0, 0%, 4%); } .c-button-group.c-button-group--gray-light .c-button:hover, .c-button-group.c-button-group--gray-light .c-button:focus { background-color: hsl(0, 0%, 60.35%); color: hsl(0, 0%, 4%); } .c-button-group.gray-lightest .c-button, .c-button-group.gray-lightest .c-button.disabled, .c-button-group.gray-lightest .c-button[disabled], .c-button-group.gray-lightest .c-button.disabled:hover, .c-button-group.gray-lightest .c-button[disabled]:hover, .c-button-group.gray-lightest .c-button.disabled:focus, .c-button-group.gray-lightest .c-button[disabled]:focus { background-color: hsl(0, 0%, 93%); color: hsl(0, 0%, 4%); } .c-button-group.gray-lightest .c-button:hover, .c-button-group.gray-lightest .c-button:focus { background-color: hsl(0, 0%, 79.05%); color: hsl(0, 0%, 4%); } .c-button-group.c-button-group--gray-lightest .c-button, .c-button-group.c-button-group--gray-lightest .c-button.disabled, .c-button-group.c-button-group--gray-lightest .c-button[disabled], .c-button-group.c-button-group--gray-lightest .c-button.disabled:hover, .c-button-group.c-button-group--gray-lightest .c-button[disabled]:hover, .c-button-group.c-button-group--gray-lightest .c-button.disabled:focus, .c-button-group.c-button-group--gray-lightest .c-button[disabled]:focus { background-color: hsl(0, 0%, 93%); color: hsl(0, 0%, 4%); } .c-button-group.c-button-group--gray-lightest .c-button:hover, .c-button-group.c-button-group--gray-lightest .c-button:focus { background-color: hsl(0, 0%, 79.05%); color: hsl(0, 0%, 4%); } .c-button-group.white .c-button, .c-button-group.white .c-button.disabled, .c-button-group.white .c-button[disabled], .c-button-group.white .c-button.disabled:hover, .c-button-group.white .c-button[disabled]:hover, .c-button-group.white .c-button.disabled:focus, .c-button-group.white .c-button[disabled]:focus { background-color: hsl(0, 0%, 99.5%); color: hsl(0, 0%, 4%); } .c-button-group.white .c-button:hover, .c-button-group.white .c-button:focus { background-color: hsl(0, 0%, 84.575%); color: hsl(0, 0%, 4%); } .c-button-group.c-button-group--white .c-button, .c-button-group.c-button-group--white .c-button.disabled, .c-button-group.c-button-group--white .c-button[disabled], .c-button-group.c-button-group--white .c-button.disabled:hover, .c-button-group.c-button-group--white .c-button[disabled]:hover, .c-button-group.c-button-group--white .c-button.disabled:focus, .c-button-group.c-button-group--white .c-button[disabled]:focus { background-color: hsl(0, 0%, 99.5%); color: hsl(0, 0%, 4%); } .c-button-group.c-button-group--white .c-button:hover, .c-button-group.c-button-group--white .c-button:focus { background-color: hsl(0, 0%, 84.575%); color: hsl(0, 0%, 4%); } .c-button-group.hollow .c-button, .c-button-group.hollow .c-button:hover, .c-button-group.hollow .c-button:focus, .c-button-group.hollow .c-button.disabled, .c-button-group.hollow .c-button.disabled:hover, .c-button-group.hollow .c-button.disabled:focus, .c-button-group.hollow .c-button[disabled], .c-button-group.hollow .c-button[disabled]:hover, .c-button-group.hollow .c-button[disabled]:focus, .c-button-group.is-hollow .c-button, .c-button-group.is-hollow .c-button:hover, .c-button-group.is-hollow .c-button:focus, .c-button-group.is-hollow .c-button.disabled, .c-button-group.is-hollow .c-button.disabled:hover, .c-button-group.is-hollow .c-button.disabled:focus, .c-button-group.is-hollow .c-button[disabled], .c-button-group.is-hollow .c-button[disabled]:hover, .c-button-group.is-hollow .c-button[disabled]:focus, .c-button-group.c-button-group--hollow .c-button, .c-button-group.c-button-group--hollow .c-button:hover, .c-button-group.c-button-group--hollow .c-button:focus, .c-button-group.c-button-group--hollow .c-button.disabled, .c-button-group.c-button-group--hollow .c-button.disabled:hover, .c-button-group.c-button-group--hollow .c-button.disabled:focus, .c-button-group.c-button-group--hollow .c-button[disabled], .c-button-group.c-button-group--hollow .c-button[disabled]:hover, .c-button-group.c-button-group--hollow .c-button[disabled]:focus { background-color: transparent; } .c-button-group.hollow .c-button, .c-button-group.hollow .c-button:hover, .c-button-group.hollow .c-button:focus, .c-button-group.hollow .c-button.disabled, .c-button-group.hollow .c-button.disabled:hover, .c-button-group.hollow .c-button.disabled:focus, .c-button-group.hollow .c-button[disabled], .c-button-group.hollow .c-button[disabled]:hover, .c-button-group.hollow .c-button[disabled]:focus, .c-button-group.is-hollow .c-button, .c-button-group.is-hollow .c-button:hover, .c-button-group.is-hollow .c-button:focus, .c-button-group.is-hollow .c-button.disabled, .c-button-group.is-hollow .c-button.disabled:hover, .c-button-group.is-hollow .c-button.disabled:focus, .c-button-group.is-hollow .c-button[disabled], .c-button-group.is-hollow .c-button[disabled]:hover, .c-button-group.is-hollow .c-button[disabled]:focus, .c-button-group.c-button-group--hollow .c-button, .c-button-group.c-button-group--hollow .c-button:hover, .c-button-group.c-button-group--hollow .c-button:focus, .c-button-group.c-button-group--hollow .c-button.disabled, .c-button-group.c-button-group--hollow .c-button.disabled:hover, .c-button-group.c-button-group--hollow .c-button.disabled:focus, .c-button-group.c-button-group--hollow .c-button[disabled], .c-button-group.c-button-group--hollow .c-button[disabled]:hover, .c-button-group.c-button-group--hollow .c-button[disabled]:focus { background-color: transparent; } .c-button-group.hollow .c-button, .c-button-group.hollow .c-button.disabled, .c-button-group.hollow .c-button[disabled], .c-button-group.hollow .c-button.disabled:hover, .c-button-group.hollow .c-button[disabled]:hover, .c-button-group.hollow .c-button.disabled:focus, .c-button-group.hollow .c-button[disabled]:focus, .c-button-group.is-hollow .c-button, .c-button-group.is-hollow .c-button.disabled, .c-button-group.is-hollow .c-button[disabled], .c-button-group.is-hollow .c-button.disabled:hover, .c-button-group.is-hollow .c-button[disabled]:hover, .c-button-group.is-hollow .c-button.disabled:focus, .c-button-group.is-hollow .c-button[disabled]:focus, .c-button-group.c-button-group--hollow .c-button, .c-button-group.c-button-group--hollow .c-button.disabled, .c-button-group.c-button-group--hollow .c-button[disabled], .c-button-group.c-button-group--hollow .c-button.disabled:hover, .c-button-group.c-button-group--hollow .c-button[disabled]:hover, .c-button-group.c-button-group--hollow .c-button.disabled:focus, .c-button-group.c-button-group--hollow .c-button[disabled]:focus { border: 1px solid hsl(0, 0%, 4%); color: hsl(0, 0%, 4%); } .c-button-group.hollow .c-button:hover, .c-button-group.hollow .c-button:focus, .c-button-group.is-hollow .c-button:hover, .c-button-group.is-hollow .c-button:focus, .c-button-group.c-button-group--hollow .c-button:hover, .c-button-group.c-button-group--hollow .c-button:focus { border-color: hsl(0, 0%, 52%); color: hsl(0, 0%, 52%); } .c-button-group.hollow.brand .c-button, .c-button-group.hollow.brand .c-button.disabled, .c-button-group.hollow.brand .c-button[disabled], .c-button-group.hollow.brand .c-button.disabled:hover, .c-button-group.hollow.brand .c-button[disabled]:hover, .c-button-group.hollow.brand .c-button.disabled:focus, .c-button-group.hollow.brand .c-button[disabled]:focus, .c-button-group.hollow .c-button.brand, .c-button-group.hollow .c-button.brand.disabled, .c-button-group.hollow .c-button.brand[disabled], .c-button-group.hollow .c-button.brand.disabled:hover, .c-button-group.hollow .c-button.brand[disabled]:hover, .c-button-group.hollow .c-button.brand.disabled:focus, .c-button-group.hollow .c-button.brand[disabled]:focus, .c-button-group.is-hollow.brand .c-button, .c-button-group.is-hollow.brand .c-button.disabled, .c-button-group.is-hollow.brand .c-button[disabled], .c-button-group.is-hollow.brand .c-button.disabled:hover, .c-button-group.is-hollow.brand .c-button[disabled]:hover, .c-button-group.is-hollow.brand .c-button.disabled:focus, .c-button-group.is-hollow.brand .c-button[disabled]:focus, .c-button-group.is-hollow .c-button.brand, .c-button-group.is-hollow .c-button.brand.disabled, .c-button-group.is-hollow .c-button.brand[disabled], .c-button-group.is-hollow .c-button.brand.disabled:hover, .c-button-group.is-hollow .c-button.brand[disabled]:hover, .c-button-group.is-hollow .c-button.brand.disabled:focus, .c-button-group.is-hollow .c-button.brand[disabled]:focus, .c-button-group.c-button-group--hollow.brand .c-button, .c-button-group.c-button-group--hollow.brand .c-button.disabled, .c-button-group.c-button-group--hollow.brand .c-button[disabled], .c-button-group.c-button-group--hollow.brand .c-button.disabled:hover, .c-button-group.c-button-group--hollow.brand .c-button[disabled]:hover, .c-button-group.c-button-group--hollow.brand .c-button.disabled:focus, .c-button-group.c-button-group--hollow.brand .c-button[disabled]:focus, .c-button-group.c-button-group--hollow .c-button.brand, .c-button-group.c-button-group--hollow .c-button.brand.disabled, .c-button-group.c-button-group--hollow .c-button.brand[disabled], .c-button-group.c-button-group--hollow .c-button.brand.disabled:hover, .c-button-group.c-button-group--hollow .c-button.brand[disabled]:hover, .c-button-group.c-button-group--hollow .c-button.brand.disabled:focus, .c-button-group.c-button-group--hollow .c-button.brand[disabled]:focus { border: 1px solid hsl(332.5190839695, 97.037037037%, 26.4705882353%); color: hsl(332.5190839695, 97.037037037%, 26.4705882353%); } .c-button-group.hollow.brand .c-button:hover, .c-button-group.hollow.brand .c-button:focus, .c-button-group.hollow .c-button.brand:hover, .c-button-group.hollow .c-button.brand:focus, .c-button-group.is-hollow.brand .c-button:hover, .c-button-group.is-hollow.brand .c-button:focus, .c-button-group.is-hollow .c-button.brand:hover, .c-button-group.is-hollow .c-button.brand:focus, .c-button-group.c-button-group--hollow.brand .c-button:hover, .c-button-group.c-button-group--hollow.brand .c-button:focus, .c-button-group.c-button-group--hollow .c-button.brand:hover, .c-button-group.c-button-group--hollow .c-button.brand:focus { border-color: hsl(332.5190839695, 97.037037037%, 13.2352941176%); color: hsl(332.5190839695, 97.037037037%, 13.2352941176%); } .c-button-group.hollow.c-button-group--brand .c-button, .c-button-group.hollow.c-button-group--brand .c-button:hover, .c-button-group.hollow.c-button-group--brand .c-button:focus, .c-button-group.hollow.c-button-group--brand .c-button.disabled, .c-button-group.hollow.c-button-group--brand .c-button.disabled:hover, .c-button-group.hollow.c-button-group--brand .c-button.disabled:focus, .c-button-group.hollow.c-button-group--brand .c-button[disabled], .c-button-group.hollow.c-button-group--brand .c-button[disabled]:hover, .c-button-group.hollow.c-button-group--brand .c-button[disabled]:focus, .c-button-group.hollow .c-button.c-button--brand, .c-button-group.hollow .c-button.c-button--brand:hover, .c-button-group.hollow .c-button.c-button--brand:focus, .c-button-group.hollow .c-button.c-button--brand.disabled, .c-button-group.hollow .c-button.c-button--brand.disabled:hover, .c-button-group.hollow .c-button.c-button--brand.disabled:focus, .c-button-group.hollow .c-button.c-button--brand[disabled], .c-button-group.hollow .c-button.c-button--brand[disabled]:hover, .c-button-group.hollow .c-button.c-button--brand[disabled]:focus, .c-button-group.is-hollow.c-button-group--brand .c-button, .c-button-group.is-hollow.c-button-group--brand .c-button:hover, .c-button-group.is-hollow.c-button-group--brand .c-button:focus, .c-button-group.is-hollow.c-button-group--brand .c-button.disabled, .c-button-group.is-hollow.c-button-group--brand .c-button.disabled:hover, .c-button-group.is-hollow.c-button-group--brand .c-button.disabled:focus, .c-button-group.is-hollow.c-button-group--brand .c-button[disabled], .c-button-group.is-hollow.c-button-group--brand .c-button[disabled]:hover, .c-button-group.is-hollow.c-button-group--brand .c-button[disabled]:focus, .c-button-group.is-hollow .c-button.c-button--brand, .c-button-group.is-hollow .c-button.c-button--brand:hover, .c-button-group.is-hollow .c-button.c-button--brand:focus, .c-button-group.is-hollow .c-button.c-button--brand.disabled, .c-button-group.is-hollow .c-button.c-button--brand.disabled:hover, .c-button-group.is-hollow .c-button.c-button--brand.disabled:focus, .c-button-group.is-hollow .c-button.c-button--brand[disabled], .c-button-group.is-hollow .c-button.c-button--brand[disabled]:hover, .c-button-group.is-hollow .c-button.c-button--brand[disabled]:focus, .c-button-group.c-button-group--hollow.c-button-group--brand .c-button, .c-button-group.c-button-group--hollow.c-button-group--brand .c-button:hover, .c-button-group.c-button-group--hollow.c-button-group--brand .c-button:focus, .c-button-group.c-button-group--hollow.c-button-group--brand .c-button.disabled, .c-button-group.c-button-group--hollow.c-button-group--brand .c-button.disabled:hover, .c-button-group.c-button-group--hollow.c-button-group--brand .c-button.disabled:focus, .c-button-group.c-button-group--hollow.c-button-group--brand .c-button[disabled], .c-button-group.c-button-group--hollow.c-button-group--brand .c-button[disabled]:hover, .c-button-group.c-button-group--hollow.c-button-group--brand .c-button[disabled]:focus, .c-button-group.c-button-group--hollow .c-button.c-button--brand, .c-button-group.c-button-group--hollow .c-button.c-button--brand:hover, .c-button-group.c-button-group--hollow .c-button.c-button--brand:focus, .c-button-group.c-button-group--hollow .c-button.c-button--brand.disabled, .c-button-group.c-button-group--hollow .c-button.c-button--brand.disabled:hover, .c-button-group.c-button-group--hollow .c-button.c-button--brand.disabled:focus, .c-button-group.c-button-group--hollow .c-button.c-button--brand[disabled], .c-button-group.c-button-group--hollow .c-button.c-button--brand[disabled]:hover, .c-button-group.c-button-group--hollow .c-button.c-button--brand[disabled]:focus { background-color: transparent; } .c-button-group.hollow.c-button-group--brand .c-button, .c-button-group.hollow.c-button-group--brand .c-button.disabled, .c-button-group.hollow.c-button-group--brand .c-button[disabled], .c-button-group.hollow.c-button-group--brand .c-button.disabled:hover, .c-button-group.hollow.c-button-group--brand .c-button[disabled]:hover, .c-button-group.hollow.c-button-group--brand .c-button.disabled:focus, .c-button-group.hollow.c-button-group--brand .c-button[disabled]:focus, .c-button-group.hollow .c-button.c-button--brand, .c-button-group.hollow .c-button.c-button--brand.disabled, .c-button-group.hollow .c-button.c-button--brand[disabled], .c-button-group.hollow .c-button.c-button--brand.disabled:hover, .c-button-group.hollow .c-button.c-button--brand[disabled]:hover, .c-button-group.hollow .c-button.c-button--brand.disabled:focus, .c-button-group.hollow .c-button.c-button--brand[disabled]:focus, .c-button-group.is-hollow.c-button-group--brand .c-button, .c-button-group.is-hollow.c-button-group--brand .c-button.disabled, .c-button-group.is-hollow.c-button-group--brand .c-button[disabled], .c-button-group.is-hollow.c-button-group--brand .c-button.disabled:hover, .c-button-group.is-hollow.c-button-group--brand .c-button[disabled]:hover, .c-button-group.is-hollow.c-button-group--brand .c-button.disabled:focus, .c-button-group.is-hollow.c-button-group--brand .c-button[disabled]:focus, .c-button-group.is-hollow .c-button.c-button--brand, .c-button-group.is-hollow .c-button.c-button--brand.disabled, .c-button-group.is-hollow .c-button.c-button--brand[disabled], .c-button-group.is-hollow .c-button.c-button--brand.disabled:hover, .c-button-group.is-hollow .c-button.c-button--brand[disabled]:hover, .c-button-group.is-hollow .c-button.c-button--brand.disabled:focus, .c-button-group.is-hollow .c-button.c-button--brand[disabled]:focus, .c-button-group.c-button-group--hollow.c-button-group--brand .c-button, .c-button-group.c-button-group--hollow.c-button-group--brand .c-button.disabled, .c-button-group.c-button-group--hollow.c-button-group--brand .c-button[disabled], .c-button-group.c-button-group--hollow.c-button-group--brand .c-button.disabled:hover, .c-button-group.c-button-group--hollow.c-button-group--brand .c-button[disabled]:hover, .c-button-group.c-button-group--hollow.c-button-group--brand .c-button.disabled:focus, .c-button-group.c-button-group--hollow.c-button-group--brand .c-button[disabled]:focus, .c-button-group.c-button-group--hollow .c-button.c-button--brand, .c-button-group.c-button-group--hollow .c-button.c-button--brand.disabled, .c-button-group.c-button-group--hollow .c-button.c-button--brand[disabled], .c-button-group.c-button-group--hollow .c-button.c-button--brand.disabled:hover, .c-button-group.c-button-group--hollow .c-button.c-button--brand[disabled]:hover, .c-button-group.c-button-group--hollow .c-button.c-button--brand.disabled:focus, .c-button-group.c-button-group--hollow .c-button.c-button--brand[disabled]:focus { border: 1px solid hsl(332.5190839695, 97.037037037%, 26.4705882353%); color: hsl(332.5190839695, 97.037037037%, 26.4705882353%); } .c-button-group.hollow.c-button-group--brand .c-button:hover, .c-button-group.hollow.c-button-group--brand .c-button:focus, .c-button-group.hollow .c-button.c-button--brand:hover, .c-button-group.hollow .c-button.c-button--brand:focus, .c-button-group.is-hollow.c-button-group--brand .c-button:hover, .c-button-group.is-hollow.c-button-group--brand .c-button:focus, .c-button-group.is-hollow .c-button.c-button--brand:hover, .c-button-group.is-hollow .c-button.c-button--brand:focus, .c-button-group.c-button-group--hollow.c-button-group--brand .c-button:hover, .c-button-group.c-button-group--hollow.c-button-group--brand .c-button:focus, .c-button-group.c-button-group--hollow .c-button.c-button--brand:hover, .c-button-group.c-button-group--hollow .c-button.c-button--brand:focus { border-color: hsl(332.5190839695, 97.037037037%, 63.2352941176%); color: hsl(332.5190839695, 97.037037037%, 63.2352941176%); } .c-button-group.hollow.primary .c-button, .c-button-group.hollow.primary .c-button.disabled, .c-button-group.hollow.primary .c-button[disabled], .c-button-group.hollow.primary .c-button.disabled:hover, .c-button-group.hollow.primary .c-button[disabled]:hover, .c-button-group.hollow.primary .c-button.disabled:focus, .c-button-group.hollow.primary .c-button[disabled]:focus, .c-button-group.hollow .c-button.primary, .c-button-group.hollow .c-button.primary.disabled, .c-button-group.hollow .c-button.primary[disabled], .c-button-group.hollow .c-button.primary.disabled:hover, .c-button-group.hollow .c-button.primary[disabled]:hover, .c-button-group.hollow .c-button.primary.disabled:focus, .c-button-group.hollow .c-button.primary[disabled]:focus, .c-button-group.is-hollow.primary .c-button, .c-button-group.is-hollow.primary .c-button.disabled, .c-button-group.is-hollow.primary .c-button[disabled], .c-button-group.is-hollow.primary .c-button.disabled:hover, .c-button-group.is-hollow.primary .c-button[disabled]:hover, .c-button-group.is-hollow.primary .c-button.disabled:focus, .c-button-group.is-hollow.primary .c-button[disabled]:focus, .c-button-group.is-hollow .c-button.primary, .c-button-group.is-hollow .c-button.primary.disabled, .c-button-group.is-hollow .c-button.primary[disabled], .c-button-group.is-hollow .c-button.primary.disabled:hover, .c-button-group.is-hollow .c-button.primary[disabled]:hover, .c-button-group.is-hollow .c-button.primary.disabled:focus, .c-button-group.is-hollow .c-button.primary[disabled]:focus, .c-button-group.c-button-group--hollow.primary .c-button, .c-button-group.c-button-group--hollow.primary .c-button.disabled, .c-button-group.c-button-group--hollow.primary .c-button[disabled], .c-button-group.c-button-group--hollow.primary .c-button.disabled:hover, .c-button-group.c-button-group--hollow.primary .c-button[disabled]:hover, .c-button-group.c-button-group--hollow.primary .c-button.disabled:focus, .c-button-group.c-button-group--hollow.primary .c-button[disabled]:focus, .c-button-group.c-button-group--hollow .c-button.primary, .c-button-group.c-button-group--hollow .c-button.primary.disabled, .c-button-group.c-button-group--hollow .c-button.primary[disabled], .c-button-group.c-button-group--hollow .c-button.primary.disabled:hover, .c-button-group.c-button-group--hollow .c-button.primary[disabled]:hover, .c-button-group.c-button-group--hollow .c-button.primary.disabled:focus, .c-button-group.c-button-group--hollow .c-button.primary[disabled]:focus { border: 1px solid hsl(222, 100%, 29%); color: hsl(222, 100%, 29%); } .c-button-group.hollow.primary .c-button:hover, .c-button-group.hollow.primary .c-button:focus, .c-button-group.hollow .c-button.primary:hover, .c-button-group.hollow .c-button.primary:focus, .c-button-group.is-hollow.primary .c-button:hover, .c-button-group.is-hollow.primary .c-button:focus, .c-button-group.is-hollow .c-button.primary:hover, .c-button-group.is-hollow .c-button.primary:focus, .c-button-group.c-button-group--hollow.primary .c-button:hover, .c-button-group.c-button-group--hollow.primary .c-button:focus, .c-button-group.c-button-group--hollow .c-button.primary:hover, .c-button-group.c-button-group--hollow .c-button.primary:focus { border-color: hsl(222, 100%, 14.5%); color: hsl(222, 100%, 14.5%); } .c-button-group.hollow.c-button-group--primary .c-button, .c-button-group.hollow.c-button-group--primary .c-button:hover, .c-button-group.hollow.c-button-group--primary .c-button:focus, .c-button-group.hollow.c-button-group--primary .c-button.disabled, .c-button-group.hollow.c-button-group--primary .c-button.disabled:hover, .c-button-group.hollow.c-button-group--primary .c-button.disabled:focus, .c-button-group.hollow.c-button-group--primary .c-button[disabled], .c-button-group.hollow.c-button-group--primary .c-button[disabled]:hover, .c-button-group.hollow.c-button-group--primary .c-button[disabled]:focus, .c-button-group.hollow .c-button.c-button--primary, .c-button-group.hollow .c-button.c-button--primary:hover, .c-button-group.hollow .c-button.c-button--primary:focus, .c-button-group.hollow .c-button.c-button--primary.disabled, .c-button-group.hollow .c-button.c-button--primary.disabled:hover, .c-button-group.hollow .c-button.c-button--primary.disabled:focus, .c-button-group.hollow .c-button.c-button--primary[disabled], .c-button-group.hollow .c-button.c-button--primary[disabled]:hover, .c-button-group.hollow .c-button.c-button--primary[disabled]:focus, .c-button-group.is-hollow.c-button-group--primary .c-button, .c-button-group.is-hollow.c-button-group--primary .c-button:hover, .c-button-group.is-hollow.c-button-group--primary .c-button:focus, .c-button-group.is-hollow.c-button-group--primary .c-button.disabled, .c-button-group.is-hollow.c-button-group--primary .c-button.disabled:hover, .c-button-group.is-hollow.c-button-group--primary .c-button.disabled:focus, .c-button-group.is-hollow.c-button-group--primary .c-button[disabled], .c-button-group.is-hollow.c-button-group--primary .c-button[disabled]:hover, .c-button-group.is-hollow.c-button-group--primary .c-button[disabled]:focus, .c-button-group.is-hollow .c-button.c-button--primary, .c-button-group.is-hollow .c-button.c-button--primary:hover, .c-button-group.is-hollow .c-button.c-button--primary:focus, .c-button-group.is-hollow .c-button.c-button--primary.disabled, .c-button-group.is-hollow .c-button.c-button--primary.disabled:hover, .c-button-group.is-hollow .c-button.c-button--primary.disabled:focus, .c-button-group.is-hollow .c-button.c-button--primary[disabled], .c-button-group.is-hollow .c-button.c-button--primary[disabled]:hover, .c-button-group.is-hollow .c-button.c-button--primary[disabled]:focus, .c-button-group.c-button-group--hollow.c-button-group--primary .c-button, .c-button-group.c-button-group--hollow.c-button-group--primary .c-button:hover, .c-button-group.c-button-group--hollow.c-button-group--primary .c-button:focus, .c-button-group.c-button-group--hollow.c-button-group--primary .c-button.disabled, .c-button-group.c-button-group--hollow.c-button-group--primary .c-button.disabled:hover, .c-button-group.c-button-group--hollow.c-button-group--primary .c-button.disabled:focus, .c-button-group.c-button-group--hollow.c-button-group--primary .c-button[disabled], .c-button-group.c-button-group--hollow.c-button-group--primary .c-button[disabled]:hover, .c-button-group.c-button-group--hollow.c-button-group--primary .c-button[disabled]:focus, .c-button-group.c-button-group--hollow .c-button.c-button--primary, .c-button-group.c-button-group--hollow .c-button.c-button--primary:hover, .c-button-group.c-button-group--hollow .c-button.c-button--primary:focus, .c-button-group.c-button-group--hollow .c-button.c-button--primary.disabled, .c-button-group.c-button-group--hollow .c-button.c-button--primary.disabled:hover, .c-button-group.c-button-group--hollow .c-button.c-button--primary.disabled:focus, .c-button-group.c-button-group--hollow .c-button.c-button--primary[disabled], .c-button-group.c-button-group--hollow .c-button.c-button--primary[disabled]:hover, .c-button-group.c-button-group--hollow .c-button.c-button--primary[disabled]:focus { background-color: transparent; } .c-button-group.hollow.c-button-group--primary .c-button, .c-button-group.hollow.c-button-group--primary .c-button.disabled, .c-button-group.hollow.c-button-group--primary .c-button[disabled], .c-button-group.hollow.c-button-group--primary .c-button.disabled:hover, .c-button-group.hollow.c-button-group--primary .c-button[disabled]:hover, .c-button-group.hollow.c-button-group--primary .c-button.disabled:focus, .c-button-group.hollow.c-button-group--primary .c-button[disabled]:focus, .c-button-group.hollow .c-button.c-button--primary, .c-button-group.hollow .c-button.c-button--primary.disabled, .c-button-group.hollow .c-button.c-button--primary[disabled], .c-button-group.hollow .c-button.c-button--primary.disabled:hover, .c-button-group.hollow .c-button.c-button--primary[disabled]:hover, .c-button-group.hollow .c-button.c-button--primary.disabled:focus, .c-button-group.hollow .c-button.c-button--primary[disabled]:focus, .c-button-group.is-hollow.c-button-group--primary .c-button, .c-button-group.is-hollow.c-button-group--primary .c-button.disabled, .c-button-group.is-hollow.c-button-group--primary .c-button[disabled], .c-button-group.is-hollow.c-button-group--primary .c-button.disabled:hover, .c-button-group.is-hollow.c-button-group--primary .c-button[disabled]:hover, .c-button-group.is-hollow.c-button-group--primary .c-button.disabled:focus, .c-button-group.is-hollow.c-button-group--primary .c-button[disabled]:focus, .c-button-group.is-hollow .c-button.c-button--primary, .c-button-group.is-hollow .c-button.c-button--primary.disabled, .c-button-group.is-hollow .c-button.c-button--primary[disabled], .c-button-group.is-hollow .c-button.c-button--primary.disabled:hover, .c-button-group.is-hollow .c-button.c-button--primary[disabled]:hover, .c-button-group.is-hollow .c-button.c-button--primary.disabled:focus, .c-button-group.is-hollow .c-button.c-button--primary[disabled]:focus, .c-button-group.c-button-group--hollow.c-button-group--primary .c-button, .c-button-group.c-button-group--hollow.c-button-group--primary .c-button.disabled, .c-button-group.c-button-group--hollow.c-button-group--primary .c-button[disabled], .c-button-group.c-button-group--hollow.c-button-group--primary .c-button.disabled:hover, .c-button-group.c-button-group--hollow.c-button-group--primary .c-button[disabled]:hover, .c-button-group.c-button-group--hollow.c-button-group--primary .c-button.disabled:focus, .c-button-group.c-button-group--hollow.c-button-group--primary .c-button[disabled]:focus, .c-button-group.c-button-group--hollow .c-button.c-button--primary, .c-button-group.c-button-group--hollow .c-button.c-button--primary.disabled, .c-button-group.c-button-group--hollow .c-button.c-button--primary[disabled], .c-button-group.c-button-group--hollow .c-button.c-button--primary.disabled:hover, .c-button-group.c-button-group--hollow .c-button.c-button--primary[disabled]:hover, .c-button-group.c-button-group--hollow .c-button.c-button--primary.disabled:focus, .c-button-group.c-button-group--hollow .c-button.c-button--primary[disabled]:focus { border: 1px solid hsl(222, 100%, 29%); color: hsl(222, 100%, 29%); } .c-button-group.hollow.c-button-group--primary .c-button:hover, .c-button-group.hollow.c-button-group--primary .c-button:focus, .c-button-group.hollow .c-button.c-button--primary:hover, .c-button-group.hollow .c-button.c-button--primary:focus, .c-button-group.is-hollow.c-button-group--primary .c-button:hover, .c-button-group.is-hollow.c-button-group--primary .c-button:focus, .c-button-group.is-hollow .c-button.c-button--primary:hover, .c-button-group.is-hollow .c-button.c-button--primary:focus, .c-button-group.c-button-group--hollow.c-button-group--primary .c-button:hover, .c-button-group.c-button-group--hollow.c-button-group--primary .c-button:focus, .c-button-group.c-button-group--hollow .c-button.c-button--primary:hover, .c-button-group.c-button-group--hollow .c-button.c-button--primary:focus { border-color: hsl(222, 100%, 64.5%); color: hsl(222, 100%, 64.5%); } .c-button-group.hollow.secondary .c-button, .c-button-group.hollow.secondary .c-button.disabled, .c-button-group.hollow.secondary .c-button[disabled], .c-button-group.hollow.secondary .c-button.disabled:hover, .c-button-group.hollow.secondary .c-button[disabled]:hover, .c-button-group.hollow.secondary .c-button.disabled:focus, .c-button-group.hollow.secondary .c-button[disabled]:focus, .c-button-group.hollow .c-button.secondary, .c-button-group.hollow .c-button.secondary.disabled, .c-button-group.hollow .c-button.secondary[disabled], .c-button-group.hollow .c-button.secondary.disabled:hover, .c-button-group.hollow .c-button.secondary[disabled]:hover, .c-button-group.hollow .c-button.secondary.disabled:focus, .c-button-group.hollow .c-button.secondary[disabled]:focus, .c-button-group.is-hollow.secondary .c-button, .c-button-group.is-hollow.secondary .c-button.disabled, .c-button-group.is-hollow.secondary .c-button[disabled], .c-button-group.is-hollow.secondary .c-button.disabled:hover, .c-button-group.is-hollow.secondary .c-button[disabled]:hover, .c-button-group.is-hollow.secondary .c-button.disabled:focus, .c-button-group.is-hollow.secondary .c-button[disabled]:focus, .c-button-group.is-hollow .c-button.secondary, .c-button-group.is-hollow .c-button.secondary.disabled, .c-button-group.is-hollow .c-button.secondary[disabled], .c-button-group.is-hollow .c-button.secondary.disabled:hover, .c-button-group.is-hollow .c-button.secondary[disabled]:hover, .c-button-group.is-hollow .c-button.secondary.disabled:focus, .c-button-group.is-hollow .c-button.secondary[disabled]:focus, .c-button-group.c-button-group--hollow.secondary .c-button, .c-button-group.c-button-group--hollow.secondary .c-button.disabled, .c-button-group.c-button-group--hollow.secondary .c-button[disabled], .c-button-group.c-button-group--hollow.secondary .c-button.disabled:hover, .c-button-group.c-button-group--hollow.secondary .c-button[disabled]:hover, .c-button-group.c-button-group--hollow.secondary .c-button.disabled:focus, .c-button-group.c-button-group--hollow.secondary .c-button[disabled]:focus, .c-button-group.c-button-group--hollow .c-button.secondary, .c-button-group.c-button-group--hollow .c-button.secondary.disabled, .c-button-group.c-button-group--hollow .c-button.secondary[disabled], .c-button-group.c-button-group--hollow .c-button.secondary.disabled:hover, .c-button-group.c-button-group--hollow .c-button.secondary[disabled]:hover, .c-button-group.c-button-group--hollow .c-button.secondary.disabled:focus, .c-button-group.c-button-group--hollow .c-button.secondary[disabled]:focus { border: 1px solid hsl(194, 100%, 89%); color: hsl(194, 100%, 89%); } .c-button-group.hollow.secondary .c-button:hover, .c-button-group.hollow.secondary .c-button:focus, .c-button-group.hollow .c-button.secondary:hover, .c-button-group.hollow .c-button.secondary:focus, .c-button-group.is-hollow.secondary .c-button:hover, .c-button-group.is-hollow.secondary .c-button:focus, .c-button-group.is-hollow .c-button.secondary:hover, .c-button-group.is-hollow .c-button.secondary:focus, .c-button-group.c-button-group--hollow.secondary .c-button:hover, .c-button-group.c-button-group--hollow.secondary .c-button:focus, .c-button-group.c-button-group--hollow .c-button.secondary:hover, .c-button-group.c-button-group--hollow .c-button.secondary:focus { border-color: hsl(194, 100%, 44.5%); color: hsl(194, 100%, 44.5%); } .c-button-group.hollow.c-button-group--secondary .c-button, .c-button-group.hollow.c-button-group--secondary .c-button:hover, .c-button-group.hollow.c-button-group--secondary .c-button:focus, .c-button-group.hollow.c-button-group--secondary .c-button.disabled, .c-button-group.hollow.c-button-group--secondary .c-button.disabled:hover, .c-button-group.hollow.c-button-group--secondary .c-button.disabled:focus, .c-button-group.hollow.c-button-group--secondary .c-button[disabled], .c-button-group.hollow.c-button-group--secondary .c-button[disabled]:hover, .c-button-group.hollow.c-button-group--secondary .c-button[disabled]:focus, .c-button-group.hollow .c-button.c-button--secondary, .c-button-group.hollow .c-button.c-button--secondary:hover, .c-button-group.hollow .c-button.c-button--secondary:focus, .c-button-group.hollow .c-button.c-button--secondary.disabled, .c-button-group.hollow .c-button.c-button--secondary.disabled:hover, .c-button-group.hollow .c-button.c-button--secondary.disabled:focus, .c-button-group.hollow .c-button.c-button--secondary[disabled], .c-button-group.hollow .c-button.c-button--secondary[disabled]:hover, .c-button-group.hollow .c-button.c-button--secondary[disabled]:focus, .c-button-group.is-hollow.c-button-group--secondary .c-button, .c-button-group.is-hollow.c-button-group--secondary .c-button:hover, .c-button-group.is-hollow.c-button-group--secondary .c-button:focus, .c-button-group.is-hollow.c-button-group--secondary .c-button.disabled, .c-button-group.is-hollow.c-button-group--secondary .c-button.disabled:hover, .c-button-group.is-hollow.c-button-group--secondary .c-button.disabled:focus, .c-button-group.is-hollow.c-button-group--secondary .c-button[disabled], .c-button-group.is-hollow.c-button-group--secondary .c-button[disabled]:hover, .c-button-group.is-hollow.c-button-group--secondary .c-button[disabled]:focus, .c-button-group.is-hollow .c-button.c-button--secondary, .c-button-group.is-hollow .c-button.c-button--secondary:hover, .c-button-group.is-hollow .c-button.c-button--secondary:focus, .c-button-group.is-hollow .c-button.c-button--secondary.disabled, .c-button-group.is-hollow .c-button.c-button--secondary.disabled:hover, .c-button-group.is-hollow .c-button.c-button--secondary.disabled:focus, .c-button-group.is-hollow .c-button.c-button--secondary[disabled], .c-button-group.is-hollow .c-button.c-button--secondary[disabled]:hover, .c-button-group.is-hollow .c-button.c-button--secondary[disabled]:focus, .c-button-group.c-button-group--hollow.c-button-group--secondary .c-button, .c-button-group.c-button-group--hollow.c-button-group--secondary .c-button:hover, .c-button-group.c-button-group--hollow.c-button-group--secondary .c-button:focus, .c-button-group.c-button-group--hollow.c-button-group--secondary .c-button.disabled, .c-button-group.c-button-group--hollow.c-button-group--secondary .c-button.disabled:hover, .c-button-group.c-button-group--hollow.c-button-group--secondary .c-button.disabled:focus, .c-button-group.c-button-group--hollow.c-button-group--secondary .c-button[disabled], .c-button-group.c-button-group--hollow.c-button-group--secondary .c-button[disabled]:hover, .c-button-group.c-button-group--hollow.c-button-group--secondary .c-button[disabled]:focus, .c-button-group.c-button-group--hollow .c-button.c-button--secondary, .c-button-group.c-button-group--hollow .c-button.c-button--secondary:hover, .c-button-group.c-button-group--hollow .c-button.c-button--secondary:focus, .c-button-group.c-button-group--hollow .c-button.c-button--secondary.disabled, .c-button-group.c-button-group--hollow .c-button.c-button--secondary.disabled:hover, .c-button-group.c-button-group--hollow .c-button.c-button--secondary.disabled:focus, .c-button-group.c-button-group--hollow .c-button.c-button--secondary[disabled], .c-button-group.c-button-group--hollow .c-button.c-button--secondary[disabled]:hover, .c-button-group.c-button-group--hollow .c-button.c-button--secondary[disabled]:focus { background-color: transparent; } .c-button-group.hollow.c-button-group--secondary .c-button, .c-button-group.hollow.c-button-group--secondary .c-button.disabled, .c-button-group.hollow.c-button-group--secondary .c-button[disabled], .c-button-group.hollow.c-button-group--secondary .c-button.disabled:hover, .c-button-group.hollow.c-button-group--secondary .c-button[disabled]:hover, .c-button-group.hollow.c-button-group--secondary .c-button.disabled:focus, .c-button-group.hollow.c-button-group--secondary .c-button[disabled]:focus, .c-button-group.hollow .c-button.c-button--secondary, .c-button-group.hollow .c-button.c-button--secondary.disabled, .c-button-group.hollow .c-button.c-button--secondary[disabled], .c-button-group.hollow .c-button.c-button--secondary.disabled:hover, .c-button-group.hollow .c-button.c-button--secondary[disabled]:hover, .c-button-group.hollow .c-button.c-button--secondary.disabled:focus, .c-button-group.hollow .c-button.c-button--secondary[disabled]:focus, .c-button-group.is-hollow.c-button-group--secondary .c-button, .c-button-group.is-hollow.c-button-group--secondary .c-button.disabled, .c-button-group.is-hollow.c-button-group--secondary .c-button[disabled], .c-button-group.is-hollow.c-button-group--secondary .c-button.disabled:hover, .c-button-group.is-hollow.c-button-group--secondary .c-button[disabled]:hover, .c-button-group.is-hollow.c-button-group--secondary .c-button.disabled:focus, .c-button-group.is-hollow.c-button-group--secondary .c-button[disabled]:focus, .c-button-group.is-hollow .c-button.c-button--secondary, .c-button-group.is-hollow .c-button.c-button--secondary.disabled, .c-button-group.is-hollow .c-button.c-button--secondary[disabled], .c-button-group.is-hollow .c-button.c-button--secondary.disabled:hover, .c-button-group.is-hollow .c-button.c-button--secondary[disabled]:hover, .c-button-group.is-hollow .c-button.c-button--secondary.disabled:focus, .c-button-group.is-hollow .c-button.c-button--secondary[disabled]:focus, .c-button-group.c-button-group--hollow.c-button-group--secondary .c-button, .c-button-group.c-button-group--hollow.c-button-group--secondary .c-button.disabled, .c-button-group.c-button-group--hollow.c-button-group--secondary .c-button[disabled], .c-button-group.c-button-group--hollow.c-button-group--secondary .c-button.disabled:hover, .c-button-group.c-button-group--hollow.c-button-group--secondary .c-button[disabled]:hover, .c-button-group.c-button-group--hollow.c-button-group--secondary .c-button.disabled:focus, .c-button-group.c-button-group--hollow.c-button-group--secondary .c-button[disabled]:focus, .c-button-group.c-button-group--hollow .c-button.c-button--secondary, .c-button-group.c-button-group--hollow .c-button.c-button--secondary.disabled, .c-button-group.c-button-group--hollow .c-button.c-button--secondary[disabled], .c-button-group.c-button-group--hollow .c-button.c-button--secondary.disabled:hover, .c-button-group.c-button-group--hollow .c-button.c-button--secondary[disabled]:hover, .c-button-group.c-button-group--hollow .c-button.c-button--secondary.disabled:focus, .c-button-group.c-button-group--hollow .c-button.c-button--secondary[disabled]:focus { border: 1px solid hsl(194, 100%, 89%); color: hsl(194, 100%, 89%); } .c-button-group.hollow.c-button-group--secondary .c-button:hover, .c-button-group.hollow.c-button-group--secondary .c-button:focus, .c-button-group.hollow .c-button.c-button--secondary:hover, .c-button-group.hollow .c-button.c-button--secondary:focus, .c-button-group.is-hollow.c-button-group--secondary .c-button:hover, .c-button-group.is-hollow.c-button-group--secondary .c-button:focus, .c-button-group.is-hollow .c-button.c-button--secondary:hover, .c-button-group.is-hollow .c-button.c-button--secondary:focus, .c-button-group.c-button-group--hollow.c-button-group--secondary .c-button:hover, .c-button-group.c-button-group--hollow.c-button-group--secondary .c-button:focus, .c-button-group.c-button-group--hollow .c-button.c-button--secondary:hover, .c-button-group.c-button-group--hollow .c-button.c-button--secondary:focus { border-color: hsl(194, 100%, 44.5%); color: hsl(194, 100%, 44.5%); } .c-button-group.hollow.tertiary .c-button, .c-button-group.hollow.tertiary .c-button.disabled, .c-button-group.hollow.tertiary .c-button[disabled], .c-button-group.hollow.tertiary .c-button.disabled:hover, .c-button-group.hollow.tertiary .c-button[disabled]:hover, .c-button-group.hollow.tertiary .c-button.disabled:focus, .c-button-group.hollow.tertiary .c-button[disabled]:focus, .c-button-group.hollow .c-button.tertiary, .c-button-group.hollow .c-button.tertiary.disabled, .c-button-group.hollow .c-button.tertiary[disabled], .c-button-group.hollow .c-button.tertiary.disabled:hover, .c-button-group.hollow .c-button.tertiary[disabled]:hover, .c-button-group.hollow .c-button.tertiary.disabled:focus, .c-button-group.hollow .c-button.tertiary[disabled]:focus, .c-button-group.is-hollow.tertiary .c-button, .c-button-group.is-hollow.tertiary .c-button.disabled, .c-button-group.is-hollow.tertiary .c-button[disabled], .c-button-group.is-hollow.tertiary .c-button.disabled:hover, .c-button-group.is-hollow.tertiary .c-button[disabled]:hover, .c-button-group.is-hollow.tertiary .c-button.disabled:focus, .c-button-group.is-hollow.tertiary .c-button[disabled]:focus, .c-button-group.is-hollow .c-button.tertiary, .c-button-group.is-hollow .c-button.tertiary.disabled, .c-button-group.is-hollow .c-button.tertiary[disabled], .c-button-group.is-hollow .c-button.tertiary.disabled:hover, .c-button-group.is-hollow .c-button.tertiary[disabled]:hover, .c-button-group.is-hollow .c-button.tertiary.disabled:focus, .c-button-group.is-hollow .c-button.tertiary[disabled]:focus, .c-button-group.c-button-group--hollow.tertiary .c-button, .c-button-group.c-button-group--hollow.tertiary .c-button.disabled, .c-button-group.c-button-group--hollow.tertiary .c-button[disabled], .c-button-group.c-button-group--hollow.tertiary .c-button.disabled:hover, .c-button-group.c-button-group--hollow.tertiary .c-button[disabled]:hover, .c-button-group.c-button-group--hollow.tertiary .c-button.disabled:focus, .c-button-group.c-button-group--hollow.tertiary .c-button[disabled]:focus, .c-button-group.c-button-group--hollow .c-button.tertiary, .c-button-group.c-button-group--hollow .c-button.tertiary.disabled, .c-button-group.c-button-group--hollow .c-button.tertiary[disabled], .c-button-group.c-button-group--hollow .c-button.tertiary.disabled:hover, .c-button-group.c-button-group--hollow .c-button.tertiary[disabled]:hover, .c-button-group.c-button-group--hollow .c-button.tertiary.disabled:focus, .c-button-group.c-button-group--hollow .c-button.tertiary[disabled]:focus { border: 1px solid hsl(43, 47%, 45%); color: hsl(43, 47%, 45%); } .c-button-group.hollow.tertiary .c-button:hover, .c-button-group.hollow.tertiary .c-button:focus, .c-button-group.hollow .c-button.tertiary:hover, .c-button-group.hollow .c-button.tertiary:focus, .c-button-group.is-hollow.tertiary .c-button:hover, .c-button-group.is-hollow.tertiary .c-button:focus, .c-button-group.is-hollow .c-button.tertiary:hover, .c-button-group.is-hollow .c-button.tertiary:focus, .c-button-group.c-button-group--hollow.tertiary .c-button:hover, .c-button-group.c-button-group--hollow.tertiary .c-button:focus, .c-button-group.c-button-group--hollow .c-button.tertiary:hover, .c-button-group.c-button-group--hollow .c-button.tertiary:focus { border-color: hsl(43, 47%, 22.5%); color: hsl(43, 47%, 22.5%); } .c-button-group.hollow.c-button-group--tertiary .c-button, .c-button-group.hollow.c-button-group--tertiary .c-button:hover, .c-button-group.hollow.c-button-group--tertiary .c-button:focus, .c-button-group.hollow.c-button-group--tertiary .c-button.disabled, .c-button-group.hollow.c-button-group--tertiary .c-button.disabled:hover, .c-button-group.hollow.c-button-group--tertiary .c-button.disabled:focus, .c-button-group.hollow.c-button-group--tertiary .c-button[disabled], .c-button-group.hollow.c-button-group--tertiary .c-button[disabled]:hover, .c-button-group.hollow.c-button-group--tertiary .c-button[disabled]:focus, .c-button-group.hollow .c-button.c-button--tertiary, .c-button-group.hollow .c-button.c-button--tertiary:hover, .c-button-group.hollow .c-button.c-button--tertiary:focus, .c-button-group.hollow .c-button.c-button--tertiary.disabled, .c-button-group.hollow .c-button.c-button--tertiary.disabled:hover, .c-button-group.hollow .c-button.c-button--tertiary.disabled:focus, .c-button-group.hollow .c-button.c-button--tertiary[disabled], .c-button-group.hollow .c-button.c-button--tertiary[disabled]:hover, .c-button-group.hollow .c-button.c-button--tertiary[disabled]:focus, .c-button-group.is-hollow.c-button-group--tertiary .c-button, .c-button-group.is-hollow.c-button-group--tertiary .c-button:hover, .c-button-group.is-hollow.c-button-group--tertiary .c-button:focus, .c-button-group.is-hollow.c-button-group--tertiary .c-button.disabled, .c-button-group.is-hollow.c-button-group--tertiary .c-button.disabled:hover, .c-button-group.is-hollow.c-button-group--tertiary .c-button.disabled:focus, .c-button-group.is-hollow.c-button-group--tertiary .c-button[disabled], .c-button-group.is-hollow.c-button-group--tertiary .c-button[disabled]:hover, .c-button-group.is-hollow.c-button-group--tertiary .c-button[disabled]:focus, .c-button-group.is-hollow .c-button.c-button--tertiary, .c-button-group.is-hollow .c-button.c-button--tertiary:hover, .c-button-group.is-hollow .c-button.c-button--tertiary:focus, .c-button-group.is-hollow .c-button.c-button--tertiary.disabled, .c-button-group.is-hollow .c-button.c-button--tertiary.disabled:hover, .c-button-group.is-hollow .c-button.c-button--tertiary.disabled:focus, .c-button-group.is-hollow .c-button.c-button--tertiary[disabled], .c-button-group.is-hollow .c-button.c-button--tertiary[disabled]:hover, .c-button-group.is-hollow .c-button.c-button--tertiary[disabled]:focus, .c-button-group.c-button-group--hollow.c-button-group--tertiary .c-button, .c-button-group.c-button-group--hollow.c-button-group--tertiary .c-button:hover, .c-button-group.c-button-group--hollow.c-button-group--tertiary .c-button:focus, .c-button-group.c-button-group--hollow.c-button-group--tertiary .c-button.disabled, .c-button-group.c-button-group--hollow.c-button-group--tertiary .c-button.disabled:hover, .c-button-group.c-button-group--hollow.c-button-group--tertiary .c-button.disabled:focus, .c-button-group.c-button-group--hollow.c-button-group--tertiary .c-button[disabled], .c-button-group.c-button-group--hollow.c-button-group--tertiary .c-button[disabled]:hover, .c-button-group.c-button-group--hollow.c-button-group--tertiary .c-button[disabled]:focus, .c-button-group.c-button-group--hollow .c-button.c-button--tertiary, .c-button-group.c-button-group--hollow .c-button.c-button--tertiary:hover, .c-button-group.c-button-group--hollow .c-button.c-button--tertiary:focus, .c-button-group.c-button-group--hollow .c-button.c-button--tertiary.disabled, .c-button-group.c-button-group--hollow .c-button.c-button--tertiary.disabled:hover, .c-button-group.c-button-group--hollow .c-button.c-button--tertiary.disabled:focus, .c-button-group.c-button-group--hollow .c-button.c-button--tertiary[disabled], .c-button-group.c-button-group--hollow .c-button.c-button--tertiary[disabled]:hover, .c-button-group.c-button-group--hollow .c-button.c-button--tertiary[disabled]:focus { background-color: transparent; } .c-button-group.hollow.c-button-group--tertiary .c-button, .c-button-group.hollow.c-button-group--tertiary .c-button.disabled, .c-button-group.hollow.c-button-group--tertiary .c-button[disabled], .c-button-group.hollow.c-button-group--tertiary .c-button.disabled:hover, .c-button-group.hollow.c-button-group--tertiary .c-button[disabled]:hover, .c-button-group.hollow.c-button-group--tertiary .c-button.disabled:focus, .c-button-group.hollow.c-button-group--tertiary .c-button[disabled]:focus, .c-button-group.hollow .c-button.c-button--tertiary, .c-button-group.hollow .c-button.c-button--tertiary.disabled, .c-button-group.hollow .c-button.c-button--tertiary[disabled], .c-button-group.hollow .c-button.c-button--tertiary.disabled:hover, .c-button-group.hollow .c-button.c-button--tertiary[disabled]:hover, .c-button-group.hollow .c-button.c-button--tertiary.disabled:focus, .c-button-group.hollow .c-button.c-button--tertiary[disabled]:focus, .c-button-group.is-hollow.c-button-group--tertiary .c-button, .c-button-group.is-hollow.c-button-group--tertiary .c-button.disabled, .c-button-group.is-hollow.c-button-group--tertiary .c-button[disabled], .c-button-group.is-hollow.c-button-group--tertiary .c-button.disabled:hover, .c-button-group.is-hollow.c-button-group--tertiary .c-button[disabled]:hover, .c-button-group.is-hollow.c-button-group--tertiary .c-button.disabled:focus, .c-button-group.is-hollow.c-button-group--tertiary .c-button[disabled]:focus, .c-button-group.is-hollow .c-button.c-button--tertiary, .c-button-group.is-hollow .c-button.c-button--tertiary.disabled, .c-button-group.is-hollow .c-button.c-button--tertiary[disabled], .c-button-group.is-hollow .c-button.c-button--tertiary.disabled:hover, .c-button-group.is-hollow .c-button.c-button--tertiary[disabled]:hover, .c-button-group.is-hollow .c-button.c-button--tertiary.disabled:focus, .c-button-group.is-hollow .c-button.c-button--tertiary[disabled]:focus, .c-button-group.c-button-group--hollow.c-button-group--tertiary .c-button, .c-button-group.c-button-group--hollow.c-button-group--tertiary .c-button.disabled, .c-button-group.c-button-group--hollow.c-button-group--tertiary .c-button[disabled], .c-button-group.c-button-group--hollow.c-button-group--tertiary .c-button.disabled:hover, .c-button-group.c-button-group--hollow.c-button-group--tertiary .c-button[disabled]:hover, .c-button-group.c-button-group--hollow.c-button-group--tertiary .c-button.disabled:focus, .c-button-group.c-button-group--hollow.c-button-group--tertiary .c-button[disabled]:focus, .c-button-group.c-button-group--hollow .c-button.c-button--tertiary, .c-button-group.c-button-group--hollow .c-button.c-button--tertiary.disabled, .c-button-group.c-button-group--hollow .c-button.c-button--tertiary[disabled], .c-button-group.c-button-group--hollow .c-button.c-button--tertiary.disabled:hover, .c-button-group.c-button-group--hollow .c-button.c-button--tertiary[disabled]:hover, .c-button-group.c-button-group--hollow .c-button.c-button--tertiary.disabled:focus, .c-button-group.c-button-group--hollow .c-button.c-button--tertiary[disabled]:focus { border: 1px solid hsl(43, 47%, 45%); color: hsl(43, 47%, 45%); } .c-button-group.hollow.c-button-group--tertiary .c-button:hover, .c-button-group.hollow.c-button-group--tertiary .c-button:focus, .c-button-group.hollow .c-button.c-button--tertiary:hover, .c-button-group.hollow .c-button.c-button--tertiary:focus, .c-button-group.is-hollow.c-button-group--tertiary .c-button:hover, .c-button-group.is-hollow.c-button-group--tertiary .c-button:focus, .c-button-group.is-hollow .c-button.c-button--tertiary:hover, .c-button-group.is-hollow .c-button.c-button--tertiary:focus, .c-button-group.c-button-group--hollow.c-button-group--tertiary .c-button:hover, .c-button-group.c-button-group--hollow.c-button-group--tertiary .c-button:focus, .c-button-group.c-button-group--hollow .c-button.c-button--tertiary:hover, .c-button-group.c-button-group--hollow .c-button.c-button--tertiary:focus { border-color: hsl(43, 47%, 72.5%); color: hsl(43, 47%, 72.5%); } .c-button-group.hollow.surface .c-button, .c-button-group.hollow.surface .c-button.disabled, .c-button-group.hollow.surface .c-button[disabled], .c-button-group.hollow.surface .c-button.disabled:hover, .c-button-group.hollow.surface .c-button[disabled]:hover, .c-button-group.hollow.surface .c-button.disabled:focus, .c-button-group.hollow.surface .c-button[disabled]:focus, .c-button-group.hollow .c-button.surface, .c-button-group.hollow .c-button.surface.disabled, .c-button-group.hollow .c-button.surface[disabled], .c-button-group.hollow .c-button.surface.disabled:hover, .c-button-group.hollow .c-button.surface[disabled]:hover, .c-button-group.hollow .c-button.surface.disabled:focus, .c-button-group.hollow .c-button.surface[disabled]:focus, .c-button-group.is-hollow.surface .c-button, .c-button-group.is-hollow.surface .c-button.disabled, .c-button-group.is-hollow.surface .c-button[disabled], .c-button-group.is-hollow.surface .c-button.disabled:hover, .c-button-group.is-hollow.surface .c-button[disabled]:hover, .c-button-group.is-hollow.surface .c-button.disabled:focus, .c-button-group.is-hollow.surface .c-button[disabled]:focus, .c-button-group.is-hollow .c-button.surface, .c-button-group.is-hollow .c-button.surface.disabled, .c-button-group.is-hollow .c-button.surface[disabled], .c-button-group.is-hollow .c-button.surface.disabled:hover, .c-button-group.is-hollow .c-button.surface[disabled]:hover, .c-button-group.is-hollow .c-button.surface.disabled:focus, .c-button-group.is-hollow .c-button.surface[disabled]:focus, .c-button-group.c-button-group--hollow.surface .c-button, .c-button-group.c-button-group--hollow.surface .c-button.disabled, .c-button-group.c-button-group--hollow.surface .c-button[disabled], .c-button-group.c-button-group--hollow.surface .c-button.disabled:hover, .c-button-group.c-button-group--hollow.surface .c-button[disabled]:hover, .c-button-group.c-button-group--hollow.surface .c-button.disabled:focus, .c-button-group.c-button-group--hollow.surface .c-button[disabled]:focus, .c-button-group.c-button-group--hollow .c-button.surface, .c-button-group.c-button-group--hollow .c-button.surface.disabled, .c-button-group.c-button-group--hollow .c-button.surface[disabled], .c-button-group.c-button-group--hollow .c-button.surface.disabled:hover, .c-button-group.c-button-group--hollow .c-button.surface[disabled]:hover, .c-button-group.c-button-group--hollow .c-button.surface.disabled:focus, .c-button-group.c-button-group--hollow .c-button.surface[disabled]:focus { border: 1px solid hsl(345.9574468085, 100%, 90.7843137255%); color: hsl(345.9574468085, 100%, 90.7843137255%); } .c-button-group.hollow.surface .c-button:hover, .c-button-group.hollow.surface .c-button:focus, .c-button-group.hollow .c-button.surface:hover, .c-button-group.hollow .c-button.surface:focus, .c-button-group.is-hollow.surface .c-button:hover, .c-button-group.is-hollow.surface .c-button:focus, .c-button-group.is-hollow .c-button.surface:hover, .c-button-group.is-hollow .c-button.surface:focus, .c-button-group.c-button-group--hollow.surface .c-button:hover, .c-button-group.c-button-group--hollow.surface .c-button:focus, .c-button-group.c-button-group--hollow .c-button.surface:hover, .c-button-group.c-button-group--hollow .c-button.surface:focus { border-color: hsl(345.9574468085, 100%, 45.3921568627%); color: hsl(345.9574468085, 100%, 45.3921568627%); } .c-button-group.hollow.c-button-group--surface .c-button, .c-button-group.hollow.c-button-group--surface .c-button:hover, .c-button-group.hollow.c-button-group--surface .c-button:focus, .c-button-group.hollow.c-button-group--surface .c-button.disabled, .c-button-group.hollow.c-button-group--surface .c-button.disabled:hover, .c-button-group.hollow.c-button-group--surface .c-button.disabled:focus, .c-button-group.hollow.c-button-group--surface .c-button[disabled], .c-button-group.hollow.c-button-group--surface .c-button[disabled]:hover, .c-button-group.hollow.c-button-group--surface .c-button[disabled]:focus, .c-button-group.hollow .c-button.c-button--surface, .c-button-group.hollow .c-button.c-button--surface:hover, .c-button-group.hollow .c-button.c-button--surface:focus, .c-button-group.hollow .c-button.c-button--surface.disabled, .c-button-group.hollow .c-button.c-button--surface.disabled:hover, .c-button-group.hollow .c-button.c-button--surface.disabled:focus, .c-button-group.hollow .c-button.c-button--surface[disabled], .c-button-group.hollow .c-button.c-button--surface[disabled]:hover, .c-button-group.hollow .c-button.c-button--surface[disabled]:focus, .c-button-group.is-hollow.c-button-group--surface .c-button, .c-button-group.is-hollow.c-button-group--surface .c-button:hover, .c-button-group.is-hollow.c-button-group--surface .c-button:focus, .c-button-group.is-hollow.c-button-group--surface .c-button.disabled, .c-button-group.is-hollow.c-button-group--surface .c-button.disabled:hover, .c-button-group.is-hollow.c-button-group--surface .c-button.disabled:focus, .c-button-group.is-hollow.c-button-group--surface .c-button[disabled], .c-button-group.is-hollow.c-button-group--surface .c-button[disabled]:hover, .c-button-group.is-hollow.c-button-group--surface .c-button[disabled]:focus, .c-button-group.is-hollow .c-button.c-button--surface, .c-button-group.is-hollow .c-button.c-button--surface:hover, .c-button-group.is-hollow .c-button.c-button--surface:focus, .c-button-group.is-hollow .c-button.c-button--surface.disabled, .c-button-group.is-hollow .c-button.c-button--surface.disabled:hover, .c-button-group.is-hollow .c-button.c-button--surface.disabled:focus, .c-button-group.is-hollow .c-button.c-button--surface[disabled], .c-button-group.is-hollow .c-button.c-button--surface[disabled]:hover, .c-button-group.is-hollow .c-button.c-button--surface[disabled]:focus, .c-button-group.c-button-group--hollow.c-button-group--surface .c-button, .c-button-group.c-button-group--hollow.c-button-group--surface .c-button:hover, .c-button-group.c-button-group--hollow.c-button-group--surface .c-button:focus, .c-button-group.c-button-group--hollow.c-button-group--surface .c-button.disabled, .c-button-group.c-button-group--hollow.c-button-group--surface .c-button.disabled:hover, .c-button-group.c-button-group--hollow.c-button-group--surface .c-button.disabled:focus, .c-button-group.c-button-group--hollow.c-button-group--surface .c-button[disabled], .c-button-group.c-button-group--hollow.c-button-group--surface .c-button[disabled]:hover, .c-button-group.c-button-group--hollow.c-button-group--surface .c-button[disabled]:focus, .c-button-group.c-button-group--hollow .c-button.c-button--surface, .c-button-group.c-button-group--hollow .c-button.c-button--surface:hover, .c-button-group.c-button-group--hollow .c-button.c-button--surface:focus, .c-button-group.c-button-group--hollow .c-button.c-button--surface.disabled, .c-button-group.c-button-group--hollow .c-button.c-button--surface.disabled:hover, .c-button-group.c-button-group--hollow .c-button.c-button--surface.disabled:focus, .c-button-group.c-button-group--hollow .c-button.c-button--surface[disabled], .c-button-group.c-button-group--hollow .c-button.c-button--surface[disabled]:hover, .c-button-group.c-button-group--hollow .c-button.c-button--surface[disabled]:focus { background-color: transparent; } .c-button-group.hollow.c-button-group--surface .c-button, .c-button-group.hollow.c-button-group--surface .c-button.disabled, .c-button-group.hollow.c-button-group--surface .c-button[disabled], .c-button-group.hollow.c-button-group--surface .c-button.disabled:hover, .c-button-group.hollow.c-button-group--surface .c-button[disabled]:hover, .c-button-group.hollow.c-button-group--surface .c-button.disabled:focus, .c-button-group.hollow.c-button-group--surface .c-button[disabled]:focus, .c-button-group.hollow .c-button.c-button--surface, .c-button-group.hollow .c-button.c-button--surface.disabled, .c-button-group.hollow .c-button.c-button--surface[disabled], .c-button-group.hollow .c-button.c-button--surface.disabled:hover, .c-button-group.hollow .c-button.c-button--surface[disabled]:hover, .c-button-group.hollow .c-button.c-button--surface.disabled:focus, .c-button-group.hollow .c-button.c-button--surface[disabled]:focus, .c-button-group.is-hollow.c-button-group--surface .c-button, .c-button-group.is-hollow.c-button-group--surface .c-button.disabled, .c-button-group.is-hollow.c-button-group--surface .c-button[disabled], .c-button-group.is-hollow.c-button-group--surface .c-button.disabled:hover, .c-button-group.is-hollow.c-button-group--surface .c-button[disabled]:hover, .c-button-group.is-hollow.c-button-group--surface .c-button.disabled:focus, .c-button-group.is-hollow.c-button-group--surface .c-button[disabled]:focus, .c-button-group.is-hollow .c-button.c-button--surface, .c-button-group.is-hollow .c-button.c-button--surface.disabled, .c-button-group.is-hollow .c-button.c-button--surface[disabled], .c-button-group.is-hollow .c-button.c-button--surface.disabled:hover, .c-button-group.is-hollow .c-button.c-button--surface[disabled]:hover, .c-button-group.is-hollow .c-button.c-button--surface.disabled:focus, .c-button-group.is-hollow .c-button.c-button--surface[disabled]:focus, .c-button-group.c-button-group--hollow.c-button-group--surface .c-button, .c-button-group.c-button-group--hollow.c-button-group--surface .c-button.disabled, .c-button-group.c-button-group--hollow.c-button-group--surface .c-button[disabled], .c-button-group.c-button-group--hollow.c-button-group--surface .c-button.disabled:hover, .c-button-group.c-button-group--hollow.c-button-group--surface .c-button[disabled]:hover, .c-button-group.c-button-group--hollow.c-button-group--surface .c-button.disabled:focus, .c-button-group.c-button-group--hollow.c-button-group--surface .c-button[disabled]:focus, .c-button-group.c-button-group--hollow .c-button.c-button--surface, .c-button-group.c-button-group--hollow .c-button.c-button--surface.disabled, .c-button-group.c-button-group--hollow .c-button.c-button--surface[disabled], .c-button-group.c-button-group--hollow .c-button.c-button--surface.disabled:hover, .c-button-group.c-button-group--hollow .c-button.c-button--surface[disabled]:hover, .c-button-group.c-button-group--hollow .c-button.c-button--surface.disabled:focus, .c-button-group.c-button-group--hollow .c-button.c-button--surface[disabled]:focus { border: 1px solid hsl(345.9574468085, 100%, 90.7843137255%); color: hsl(345.9574468085, 100%, 90.7843137255%); } .c-button-group.hollow.c-button-group--surface .c-button:hover, .c-button-group.hollow.c-button-group--surface .c-button:focus, .c-button-group.hollow .c-button.c-button--surface:hover, .c-button-group.hollow .c-button.c-button--surface:focus, .c-button-group.is-hollow.c-button-group--surface .c-button:hover, .c-button-group.is-hollow.c-button-group--surface .c-button:focus, .c-button-group.is-hollow .c-button.c-button--surface:hover, .c-button-group.is-hollow .c-button.c-button--surface:focus, .c-button-group.c-button-group--hollow.c-button-group--surface .c-button:hover, .c-button-group.c-button-group--hollow.c-button-group--surface .c-button:focus, .c-button-group.c-button-group--hollow .c-button.c-button--surface:hover, .c-button-group.c-button-group--hollow .c-button.c-button--surface:focus { border-color: hsl(345.9574468085, 100%, 45.3921568627%); color: hsl(345.9574468085, 100%, 45.3921568627%); } .c-button-group.hollow.black-ter .c-button, .c-button-group.hollow.black-ter .c-button.disabled, .c-button-group.hollow.black-ter .c-button[disabled], .c-button-group.hollow.black-ter .c-button.disabled:hover, .c-button-group.hollow.black-ter .c-button[disabled]:hover, .c-button-group.hollow.black-ter .c-button.disabled:focus, .c-button-group.hollow.black-ter .c-button[disabled]:focus, .c-button-group.hollow .c-button.black-ter, .c-button-group.hollow .c-button.black-ter.disabled, .c-button-group.hollow .c-button.black-ter[disabled], .c-button-group.hollow .c-button.black-ter.disabled:hover, .c-button-group.hollow .c-button.black-ter[disabled]:hover, .c-button-group.hollow .c-button.black-ter.disabled:focus, .c-button-group.hollow .c-button.black-ter[disabled]:focus, .c-button-group.is-hollow.black-ter .c-button, .c-button-group.is-hollow.black-ter .c-button.disabled, .c-button-group.is-hollow.black-ter .c-button[disabled], .c-button-group.is-hollow.black-ter .c-button.disabled:hover, .c-button-group.is-hollow.black-ter .c-button[disabled]:hover, .c-button-group.is-hollow.black-ter .c-button.disabled:focus, .c-button-group.is-hollow.black-ter .c-button[disabled]:focus, .c-button-group.is-hollow .c-button.black-ter, .c-button-group.is-hollow .c-button.black-ter.disabled, .c-button-group.is-hollow .c-button.black-ter[disabled], .c-button-group.is-hollow .c-button.black-ter.disabled:hover, .c-button-group.is-hollow .c-button.black-ter[disabled]:hover, .c-button-group.is-hollow .c-button.black-ter.disabled:focus, .c-button-group.is-hollow .c-button.black-ter[disabled]:focus, .c-button-group.c-button-group--hollow.black-ter .c-button, .c-button-group.c-button-group--hollow.black-ter .c-button.disabled, .c-button-group.c-button-group--hollow.black-ter .c-button[disabled], .c-button-group.c-button-group--hollow.black-ter .c-button.disabled:hover, .c-button-group.c-button-group--hollow.black-ter .c-button[disabled]:hover, .c-button-group.c-button-group--hollow.black-ter .c-button.disabled:focus, .c-button-group.c-button-group--hollow.black-ter .c-button[disabled]:focus, .c-button-group.c-button-group--hollow .c-button.black-ter, .c-button-group.c-button-group--hollow .c-button.black-ter.disabled, .c-button-group.c-button-group--hollow .c-button.black-ter[disabled], .c-button-group.c-button-group--hollow .c-button.black-ter.disabled:hover, .c-button-group.c-button-group--hollow .c-button.black-ter[disabled]:hover, .c-button-group.c-button-group--hollow .c-button.black-ter.disabled:focus, .c-button-group.c-button-group--hollow .c-button.black-ter[disabled]:focus { border: 1px solid hsl(0, 0%, 14%); color: hsl(0, 0%, 14%); } .c-button-group.hollow.black-ter .c-button:hover, .c-button-group.hollow.black-ter .c-button:focus, .c-button-group.hollow .c-button.black-ter:hover, .c-button-group.hollow .c-button.black-ter:focus, .c-button-group.is-hollow.black-ter .c-button:hover, .c-button-group.is-hollow.black-ter .c-button:focus, .c-button-group.is-hollow .c-button.black-ter:hover, .c-button-group.is-hollow .c-button.black-ter:focus, .c-button-group.c-button-group--hollow.black-ter .c-button:hover, .c-button-group.c-button-group--hollow.black-ter .c-button:focus, .c-button-group.c-button-group--hollow .c-button.black-ter:hover, .c-button-group.c-button-group--hollow .c-button.black-ter:focus { border-color: hsl(0, 0%, 7%); color: hsl(0, 0%, 7%); } .c-button-group.hollow.c-button-group--black-ter .c-button, .c-button-group.hollow.c-button-group--black-ter .c-button:hover, .c-button-group.hollow.c-button-group--black-ter .c-button:focus, .c-button-group.hollow.c-button-group--black-ter .c-button.disabled, .c-button-group.hollow.c-button-group--black-ter .c-button.disabled:hover, .c-button-group.hollow.c-button-group--black-ter .c-button.disabled:focus, .c-button-group.hollow.c-button-group--black-ter .c-button[disabled], .c-button-group.hollow.c-button-group--black-ter .c-button[disabled]:hover, .c-button-group.hollow.c-button-group--black-ter .c-button[disabled]:focus, .c-button-group.hollow .c-button.c-button--black-ter, .c-button-group.hollow .c-button.c-button--black-ter:hover, .c-button-group.hollow .c-button.c-button--black-ter:focus, .c-button-group.hollow .c-button.c-button--black-ter.disabled, .c-button-group.hollow .c-button.c-button--black-ter.disabled:hover, .c-button-group.hollow .c-button.c-button--black-ter.disabled:focus, .c-button-group.hollow .c-button.c-button--black-ter[disabled], .c-button-group.hollow .c-button.c-button--black-ter[disabled]:hover, .c-button-group.hollow .c-button.c-button--black-ter[disabled]:focus, .c-button-group.is-hollow.c-button-group--black-ter .c-button, .c-button-group.is-hollow.c-button-group--black-ter .c-button:hover, .c-button-group.is-hollow.c-button-group--black-ter .c-button:focus, .c-button-group.is-hollow.c-button-group--black-ter .c-button.disabled, .c-button-group.is-hollow.c-button-group--black-ter .c-button.disabled:hover, .c-button-group.is-hollow.c-button-group--black-ter .c-button.disabled:focus, .c-button-group.is-hollow.c-button-group--black-ter .c-button[disabled], .c-button-group.is-hollow.c-button-group--black-ter .c-button[disabled]:hover, .c-button-group.is-hollow.c-button-group--black-ter .c-button[disabled]:focus, .c-button-group.is-hollow .c-button.c-button--black-ter, .c-button-group.is-hollow .c-button.c-button--black-ter:hover, .c-button-group.is-hollow .c-button.c-button--black-ter:focus, .c-button-group.is-hollow .c-button.c-button--black-ter.disabled, .c-button-group.is-hollow .c-button.c-button--black-ter.disabled:hover, .c-button-group.is-hollow .c-button.c-button--black-ter.disabled:focus, .c-button-group.is-hollow .c-button.c-button--black-ter[disabled], .c-button-group.is-hollow .c-button.c-button--black-ter[disabled]:hover, .c-button-group.is-hollow .c-button.c-button--black-ter[disabled]:focus, .c-button-group.c-button-group--hollow.c-button-group--black-ter .c-button, .c-button-group.c-button-group--hollow.c-button-group--black-ter .c-button:hover, .c-button-group.c-button-group--hollow.c-button-group--black-ter .c-button:focus, .c-button-group.c-button-group--hollow.c-button-group--black-ter .c-button.disabled, .c-button-group.c-button-group--hollow.c-button-group--black-ter .c-button.disabled:hover, .c-button-group.c-button-group--hollow.c-button-group--black-ter .c-button.disabled:focus, .c-button-group.c-button-group--hollow.c-button-group--black-ter .c-button[disabled], .c-button-group.c-button-group--hollow.c-button-group--black-ter .c-button[disabled]:hover, .c-button-group.c-button-group--hollow.c-button-group--black-ter .c-button[disabled]:focus, .c-button-group.c-button-group--hollow .c-button.c-button--black-ter, .c-button-group.c-button-group--hollow .c-button.c-button--black-ter:hover, .c-button-group.c-button-group--hollow .c-button.c-button--black-ter:focus, .c-button-group.c-button-group--hollow .c-button.c-button--black-ter.disabled, .c-button-group.c-button-group--hollow .c-button.c-button--black-ter.disabled:hover, .c-button-group.c-button-group--hollow .c-button.c-button--black-ter.disabled:focus, .c-button-group.c-button-group--hollow .c-button.c-button--black-ter[disabled], .c-button-group.c-button-group--hollow .c-button.c-button--black-ter[disabled]:hover, .c-button-group.c-button-group--hollow .c-button.c-button--black-ter[disabled]:focus { background-color: transparent; } .c-button-group.hollow.c-button-group--black-ter .c-button, .c-button-group.hollow.c-button-group--black-ter .c-button.disabled, .c-button-group.hollow.c-button-group--black-ter .c-button[disabled], .c-button-group.hollow.c-button-group--black-ter .c-button.disabled:hover, .c-button-group.hollow.c-button-group--black-ter .c-button[disabled]:hover, .c-button-group.hollow.c-button-group--black-ter .c-button.disabled:focus, .c-button-group.hollow.c-button-group--black-ter .c-button[disabled]:focus, .c-button-group.hollow .c-button.c-button--black-ter, .c-button-group.hollow .c-button.c-button--black-ter.disabled, .c-button-group.hollow .c-button.c-button--black-ter[disabled], .c-button-group.hollow .c-button.c-button--black-ter.disabled:hover, .c-button-group.hollow .c-button.c-button--black-ter[disabled]:hover, .c-button-group.hollow .c-button.c-button--black-ter.disabled:focus, .c-button-group.hollow .c-button.c-button--black-ter[disabled]:focus, .c-button-group.is-hollow.c-button-group--black-ter .c-button, .c-button-group.is-hollow.c-button-group--black-ter .c-button.disabled, .c-button-group.is-hollow.c-button-group--black-ter .c-button[disabled], .c-button-group.is-hollow.c-button-group--black-ter .c-button.disabled:hover, .c-button-group.is-hollow.c-button-group--black-ter .c-button[disabled]:hover, .c-button-group.is-hollow.c-button-group--black-ter .c-button.disabled:focus, .c-button-group.is-hollow.c-button-group--black-ter .c-button[disabled]:focus, .c-button-group.is-hollow .c-button.c-button--black-ter, .c-button-group.is-hollow .c-button.c-button--black-ter.disabled, .c-button-group.is-hollow .c-button.c-button--black-ter[disabled], .c-button-group.is-hollow .c-button.c-button--black-ter.disabled:hover, .c-button-group.is-hollow .c-button.c-button--black-ter[disabled]:hover, .c-button-group.is-hollow .c-button.c-button--black-ter.disabled:focus, .c-button-group.is-hollow .c-button.c-button--black-ter[disabled]:focus, .c-button-group.c-button-group--hollow.c-button-group--black-ter .c-button, .c-button-group.c-button-group--hollow.c-button-group--black-ter .c-button.disabled, .c-button-group.c-button-group--hollow.c-button-group--black-ter .c-button[disabled], .c-button-group.c-button-group--hollow.c-button-group--black-ter .c-button.disabled:hover, .c-button-group.c-button-group--hollow.c-button-group--black-ter .c-button[disabled]:hover, .c-button-group.c-button-group--hollow.c-button-group--black-ter .c-button.disabled:focus, .c-button-group.c-button-group--hollow.c-button-group--black-ter .c-button[disabled]:focus, .c-button-group.c-button-group--hollow .c-button.c-button--black-ter, .c-button-group.c-button-group--hollow .c-button.c-button--black-ter.disabled, .c-button-group.c-button-group--hollow .c-button.c-button--black-ter[disabled], .c-button-group.c-button-group--hollow .c-button.c-button--black-ter.disabled:hover, .c-button-group.c-button-group--hollow .c-button.c-button--black-ter[disabled]:hover, .c-button-group.c-button-group--hollow .c-button.c-button--black-ter.disabled:focus, .c-button-group.c-button-group--hollow .c-button.c-button--black-ter[disabled]:focus { border: 1px solid hsl(0, 0%, 14%); color: hsl(0, 0%, 14%); } .c-button-group.hollow.c-button-group--black-ter .c-button:hover, .c-button-group.hollow.c-button-group--black-ter .c-button:focus, .c-button-group.hollow .c-button.c-button--black-ter:hover, .c-button-group.hollow .c-button.c-button--black-ter:focus, .c-button-group.is-hollow.c-button-group--black-ter .c-button:hover, .c-button-group.is-hollow.c-button-group--black-ter .c-button:focus, .c-button-group.is-hollow .c-button.c-button--black-ter:hover, .c-button-group.is-hollow .c-button.c-button--black-ter:focus, .c-button-group.c-button-group--hollow.c-button-group--black-ter .c-button:hover, .c-button-group.c-button-group--hollow.c-button-group--black-ter .c-button:focus, .c-button-group.c-button-group--hollow .c-button.c-button--black-ter:hover, .c-button-group.c-button-group--hollow .c-button.c-button--black-ter:focus { border-color: hsl(0, 0%, 57%); color: hsl(0, 0%, 57%); } .c-button-group.hollow.gray-dark .c-button, .c-button-group.hollow.gray-dark .c-button.disabled, .c-button-group.hollow.gray-dark .c-button[disabled], .c-button-group.hollow.gray-dark .c-button.disabled:hover, .c-button-group.hollow.gray-dark .c-button[disabled]:hover, .c-button-group.hollow.gray-dark .c-button.disabled:focus, .c-button-group.hollow.gray-dark .c-button[disabled]:focus, .c-button-group.hollow .c-button.gray-dark, .c-button-group.hollow .c-button.gray-dark.disabled, .c-button-group.hollow .c-button.gray-dark[disabled], .c-button-group.hollow .c-button.gray-dark.disabled:hover, .c-button-group.hollow .c-button.gray-dark[disabled]:hover, .c-button-group.hollow .c-button.gray-dark.disabled:focus, .c-button-group.hollow .c-button.gray-dark[disabled]:focus, .c-button-group.is-hollow.gray-dark .c-button, .c-button-group.is-hollow.gray-dark .c-button.disabled, .c-button-group.is-hollow.gray-dark .c-button[disabled], .c-button-group.is-hollow.gray-dark .c-button.disabled:hover, .c-button-group.is-hollow.gray-dark .c-button[disabled]:hover, .c-button-group.is-hollow.gray-dark .c-button.disabled:focus, .c-button-group.is-hollow.gray-dark .c-button[disabled]:focus, .c-button-group.is-hollow .c-button.gray-dark, .c-button-group.is-hollow .c-button.gray-dark.disabled, .c-button-group.is-hollow .c-button.gray-dark[disabled], .c-button-group.is-hollow .c-button.gray-dark.disabled:hover, .c-button-group.is-hollow .c-button.gray-dark[disabled]:hover, .c-button-group.is-hollow .c-button.gray-dark.disabled:focus, .c-button-group.is-hollow .c-button.gray-dark[disabled]:focus, .c-button-group.c-button-group--hollow.gray-dark .c-button, .c-button-group.c-button-group--hollow.gray-dark .c-button.disabled, .c-button-group.c-button-group--hollow.gray-dark .c-button[disabled], .c-button-group.c-button-group--hollow.gray-dark .c-button.disabled:hover, .c-button-group.c-button-group--hollow.gray-dark .c-button[disabled]:hover, .c-button-group.c-button-group--hollow.gray-dark .c-button.disabled:focus, .c-button-group.c-button-group--hollow.gray-dark .c-button[disabled]:focus, .c-button-group.c-button-group--hollow .c-button.gray-dark, .c-button-group.c-button-group--hollow .c-button.gray-dark.disabled, .c-button-group.c-button-group--hollow .c-button.gray-dark[disabled], .c-button-group.c-button-group--hollow .c-button.gray-dark.disabled:hover, .c-button-group.c-button-group--hollow .c-button.gray-dark[disabled]:hover, .c-button-group.c-button-group--hollow .c-button.gray-dark.disabled:focus, .c-button-group.c-button-group--hollow .c-button.gray-dark[disabled]:focus { border: 1px solid hsl(0, 0%, 36%); color: hsl(0, 0%, 36%); } .c-button-group.hollow.gray-dark .c-button:hover, .c-button-group.hollow.gray-dark .c-button:focus, .c-button-group.hollow .c-button.gray-dark:hover, .c-button-group.hollow .c-button.gray-dark:focus, .c-button-group.is-hollow.gray-dark .c-button:hover, .c-button-group.is-hollow.gray-dark .c-button:focus, .c-button-group.is-hollow .c-button.gray-dark:hover, .c-button-group.is-hollow .c-button.gray-dark:focus, .c-button-group.c-button-group--hollow.gray-dark .c-button:hover, .c-button-group.c-button-group--hollow.gray-dark .c-button:focus, .c-button-group.c-button-group--hollow .c-button.gray-dark:hover, .c-button-group.c-button-group--hollow .c-button.gray-dark:focus { border-color: hsl(0, 0%, 18%); color: hsl(0, 0%, 18%); } .c-button-group.hollow.c-button-group--gray-dark .c-button, .c-button-group.hollow.c-button-group--gray-dark .c-button:hover, .c-button-group.hollow.c-button-group--gray-dark .c-button:focus, .c-button-group.hollow.c-button-group--gray-dark .c-button.disabled, .c-button-group.hollow.c-button-group--gray-dark .c-button.disabled:hover, .c-button-group.hollow.c-button-group--gray-dark .c-button.disabled:focus, .c-button-group.hollow.c-button-group--gray-dark .c-button[disabled], .c-button-group.hollow.c-button-group--gray-dark .c-button[disabled]:hover, .c-button-group.hollow.c-button-group--gray-dark .c-button[disabled]:focus, .c-button-group.hollow .c-button.c-button--gray-dark, .c-button-group.hollow .c-button.c-button--gray-dark:hover, .c-button-group.hollow .c-button.c-button--gray-dark:focus, .c-button-group.hollow .c-button.c-button--gray-dark.disabled, .c-button-group.hollow .c-button.c-button--gray-dark.disabled:hover, .c-button-group.hollow .c-button.c-button--gray-dark.disabled:focus, .c-button-group.hollow .c-button.c-button--gray-dark[disabled], .c-button-group.hollow .c-button.c-button--gray-dark[disabled]:hover, .c-button-group.hollow .c-button.c-button--gray-dark[disabled]:focus, .c-button-group.is-hollow.c-button-group--gray-dark .c-button, .c-button-group.is-hollow.c-button-group--gray-dark .c-button:hover, .c-button-group.is-hollow.c-button-group--gray-dark .c-button:focus, .c-button-group.is-hollow.c-button-group--gray-dark .c-button.disabled, .c-button-group.is-hollow.c-button-group--gray-dark .c-button.disabled:hover, .c-button-group.is-hollow.c-button-group--gray-dark .c-button.disabled:focus, .c-button-group.is-hollow.c-button-group--gray-dark .c-button[disabled], .c-button-group.is-hollow.c-button-group--gray-dark .c-button[disabled]:hover, .c-button-group.is-hollow.c-button-group--gray-dark .c-button[disabled]:focus, .c-button-group.is-hollow .c-button.c-button--gray-dark, .c-button-group.is-hollow .c-button.c-button--gray-dark:hover, .c-button-group.is-hollow .c-button.c-button--gray-dark:focus, .c-button-group.is-hollow .c-button.c-button--gray-dark.disabled, .c-button-group.is-hollow .c-button.c-button--gray-dark.disabled:hover, .c-button-group.is-hollow .c-button.c-button--gray-dark.disabled:focus, .c-button-group.is-hollow .c-button.c-button--gray-dark[disabled], .c-button-group.is-hollow .c-button.c-button--gray-dark[disabled]:hover, .c-button-group.is-hollow .c-button.c-button--gray-dark[disabled]:focus, .c-button-group.c-button-group--hollow.c-button-group--gray-dark .c-button, .c-button-group.c-button-group--hollow.c-button-group--gray-dark .c-button:hover, .c-button-group.c-button-group--hollow.c-button-group--gray-dark .c-button:focus, .c-button-group.c-button-group--hollow.c-button-group--gray-dark .c-button.disabled, .c-button-group.c-button-group--hollow.c-button-group--gray-dark .c-button.disabled:hover, .c-button-group.c-button-group--hollow.c-button-group--gray-dark .c-button.disabled:focus, .c-button-group.c-button-group--hollow.c-button-group--gray-dark .c-button[disabled], .c-button-group.c-button-group--hollow.c-button-group--gray-dark .c-button[disabled]:hover, .c-button-group.c-button-group--hollow.c-button-group--gray-dark .c-button[disabled]:focus, .c-button-group.c-button-group--hollow .c-button.c-button--gray-dark, .c-button-group.c-button-group--hollow .c-button.c-button--gray-dark:hover, .c-button-group.c-button-group--hollow .c-button.c-button--gray-dark:focus, .c-button-group.c-button-group--hollow .c-button.c-button--gray-dark.disabled, .c-button-group.c-button-group--hollow .c-button.c-button--gray-dark.disabled:hover, .c-button-group.c-button-group--hollow .c-button.c-button--gray-dark.disabled:focus, .c-button-group.c-button-group--hollow .c-button.c-button--gray-dark[disabled], .c-button-group.c-button-group--hollow .c-button.c-button--gray-dark[disabled]:hover, .c-button-group.c-button-group--hollow .c-button.c-button--gray-dark[disabled]:focus { background-color: transparent; } .c-button-group.hollow.c-button-group--gray-dark .c-button, .c-button-group.hollow.c-button-group--gray-dark .c-button.disabled, .c-button-group.hollow.c-button-group--gray-dark .c-button[disabled], .c-button-group.hollow.c-button-group--gray-dark .c-button.disabled:hover, .c-button-group.hollow.c-button-group--gray-dark .c-button[disabled]:hover, .c-button-group.hollow.c-button-group--gray-dark .c-button.disabled:focus, .c-button-group.hollow.c-button-group--gray-dark .c-button[disabled]:focus, .c-button-group.hollow .c-button.c-button--gray-dark, .c-button-group.hollow .c-button.c-button--gray-dark.disabled, .c-button-group.hollow .c-button.c-button--gray-dark[disabled], .c-button-group.hollow .c-button.c-button--gray-dark.disabled:hover, .c-button-group.hollow .c-button.c-button--gray-dark[disabled]:hover, .c-button-group.hollow .c-button.c-button--gray-dark.disabled:focus, .c-button-group.hollow .c-button.c-button--gray-dark[disabled]:focus, .c-button-group.is-hollow.c-button-group--gray-dark .c-button, .c-button-group.is-hollow.c-button-group--gray-dark .c-button.disabled, .c-button-group.is-hollow.c-button-group--gray-dark .c-button[disabled], .c-button-group.is-hollow.c-button-group--gray-dark .c-button.disabled:hover, .c-button-group.is-hollow.c-button-group--gray-dark .c-button[disabled]:hover, .c-button-group.is-hollow.c-button-group--gray-dark .c-button.disabled:focus, .c-button-group.is-hollow.c-button-group--gray-dark .c-button[disabled]:focus, .c-button-group.is-hollow .c-button.c-button--gray-dark, .c-button-group.is-hollow .c-button.c-button--gray-dark.disabled, .c-button-group.is-hollow .c-button.c-button--gray-dark[disabled], .c-button-group.is-hollow .c-button.c-button--gray-dark.disabled:hover, .c-button-group.is-hollow .c-button.c-button--gray-dark[disabled]:hover, .c-button-group.is-hollow .c-button.c-button--gray-dark.disabled:focus, .c-button-group.is-hollow .c-button.c-button--gray-dark[disabled]:focus, .c-button-group.c-button-group--hollow.c-button-group--gray-dark .c-button, .c-button-group.c-button-group--hollow.c-button-group--gray-dark .c-button.disabled, .c-button-group.c-button-group--hollow.c-button-group--gray-dark .c-button[disabled], .c-button-group.c-button-group--hollow.c-button-group--gray-dark .c-button.disabled:hover, .c-button-group.c-button-group--hollow.c-button-group--gray-dark .c-button[disabled]:hover, .c-button-group.c-button-group--hollow.c-button-group--gray-dark .c-button.disabled:focus, .c-button-group.c-button-group--hollow.c-button-group--gray-dark .c-button[disabled]:focus, .c-button-group.c-button-group--hollow .c-button.c-button--gray-dark, .c-button-group.c-button-group--hollow .c-button.c-button--gray-dark.disabled, .c-button-group.c-button-group--hollow .c-button.c-button--gray-dark[disabled], .c-button-group.c-button-group--hollow .c-button.c-button--gray-dark.disabled:hover, .c-button-group.c-button-group--hollow .c-button.c-button--gray-dark[disabled]:hover, .c-button-group.c-button-group--hollow .c-button.c-button--gray-dark.disabled:focus, .c-button-group.c-button-group--hollow .c-button.c-button--gray-dark[disabled]:focus { border: 1px solid hsl(0, 0%, 36%); color: hsl(0, 0%, 36%); } .c-button-group.hollow.c-button-group--gray-dark .c-button:hover, .c-button-group.hollow.c-button-group--gray-dark .c-button:focus, .c-button-group.hollow .c-button.c-button--gray-dark:hover, .c-button-group.hollow .c-button.c-button--gray-dark:focus, .c-button-group.is-hollow.c-button-group--gray-dark .c-button:hover, .c-button-group.is-hollow.c-button-group--gray-dark .c-button:focus, .c-button-group.is-hollow .c-button.c-button--gray-dark:hover, .c-button-group.is-hollow .c-button.c-button--gray-dark:focus, .c-button-group.c-button-group--hollow.c-button-group--gray-dark .c-button:hover, .c-button-group.c-button-group--hollow.c-button-group--gray-dark .c-button:focus, .c-button-group.c-button-group--hollow .c-button.c-button--gray-dark:hover, .c-button-group.c-button-group--hollow .c-button.c-button--gray-dark:focus { border-color: hsl(0, 0%, 68%); color: hsl(0, 0%, 68%); } .c-button-group.hollow.gray-middle .c-button, .c-button-group.hollow.gray-middle .c-button.disabled, .c-button-group.hollow.gray-middle .c-button[disabled], .c-button-group.hollow.gray-middle .c-button.disabled:hover, .c-button-group.hollow.gray-middle .c-button[disabled]:hover, .c-button-group.hollow.gray-middle .c-button.disabled:focus, .c-button-group.hollow.gray-middle .c-button[disabled]:focus, .c-button-group.hollow .c-button.gray-middle, .c-button-group.hollow .c-button.gray-middle.disabled, .c-button-group.hollow .c-button.gray-middle[disabled], .c-button-group.hollow .c-button.gray-middle.disabled:hover, .c-button-group.hollow .c-button.gray-middle[disabled]:hover, .c-button-group.hollow .c-button.gray-middle.disabled:focus, .c-button-group.hollow .c-button.gray-middle[disabled]:focus, .c-button-group.is-hollow.gray-middle .c-button, .c-button-group.is-hollow.gray-middle .c-button.disabled, .c-button-group.is-hollow.gray-middle .c-button[disabled], .c-button-group.is-hollow.gray-middle .c-button.disabled:hover, .c-button-group.is-hollow.gray-middle .c-button[disabled]:hover, .c-button-group.is-hollow.gray-middle .c-button.disabled:focus, .c-button-group.is-hollow.gray-middle .c-button[disabled]:focus, .c-button-group.is-hollow .c-button.gray-middle, .c-button-group.is-hollow .c-button.gray-middle.disabled, .c-button-group.is-hollow .c-button.gray-middle[disabled], .c-button-group.is-hollow .c-button.gray-middle.disabled:hover, .c-button-group.is-hollow .c-button.gray-middle[disabled]:hover, .c-button-group.is-hollow .c-button.gray-middle.disabled:focus, .c-button-group.is-hollow .c-button.gray-middle[disabled]:focus, .c-button-group.c-button-group--hollow.gray-middle .c-button, .c-button-group.c-button-group--hollow.gray-middle .c-button.disabled, .c-button-group.c-button-group--hollow.gray-middle .c-button[disabled], .c-button-group.c-button-group--hollow.gray-middle .c-button.disabled:hover, .c-button-group.c-button-group--hollow.gray-middle .c-button[disabled]:hover, .c-button-group.c-button-group--hollow.gray-middle .c-button.disabled:focus, .c-button-group.c-button-group--hollow.gray-middle .c-button[disabled]:focus, .c-button-group.c-button-group--hollow .c-button.gray-middle, .c-button-group.c-button-group--hollow .c-button.gray-middle.disabled, .c-button-group.c-button-group--hollow .c-button.gray-middle[disabled], .c-button-group.c-button-group--hollow .c-button.gray-middle.disabled:hover, .c-button-group.c-button-group--hollow .c-button.gray-middle[disabled]:hover, .c-button-group.c-button-group--hollow .c-button.gray-middle.disabled:focus, .c-button-group.c-button-group--hollow .c-button.gray-middle[disabled]:focus { border: 1px solid hsl(0, 0%, 48%); color: hsl(0, 0%, 48%); } .c-button-group.hollow.gray-middle .c-button:hover, .c-button-group.hollow.gray-middle .c-button:focus, .c-button-group.hollow .c-button.gray-middle:hover, .c-button-group.hollow .c-button.gray-middle:focus, .c-button-group.is-hollow.gray-middle .c-button:hover, .c-button-group.is-hollow.gray-middle .c-button:focus, .c-button-group.is-hollow .c-button.gray-middle:hover, .c-button-group.is-hollow .c-button.gray-middle:focus, .c-button-group.c-button-group--hollow.gray-middle .c-button:hover, .c-button-group.c-button-group--hollow.gray-middle .c-button:focus, .c-button-group.c-button-group--hollow .c-button.gray-middle:hover, .c-button-group.c-button-group--hollow .c-button.gray-middle:focus { border-color: hsl(0, 0%, 24%); color: hsl(0, 0%, 24%); } .c-button-group.hollow.c-button-group--gray-middle .c-button, .c-button-group.hollow.c-button-group--gray-middle .c-button:hover, .c-button-group.hollow.c-button-group--gray-middle .c-button:focus, .c-button-group.hollow.c-button-group--gray-middle .c-button.disabled, .c-button-group.hollow.c-button-group--gray-middle .c-button.disabled:hover, .c-button-group.hollow.c-button-group--gray-middle .c-button.disabled:focus, .c-button-group.hollow.c-button-group--gray-middle .c-button[disabled], .c-button-group.hollow.c-button-group--gray-middle .c-button[disabled]:hover, .c-button-group.hollow.c-button-group--gray-middle .c-button[disabled]:focus, .c-button-group.hollow .c-button.c-button--gray-middle, .c-button-group.hollow .c-button.c-button--gray-middle:hover, .c-button-group.hollow .c-button.c-button--gray-middle:focus, .c-button-group.hollow .c-button.c-button--gray-middle.disabled, .c-button-group.hollow .c-button.c-button--gray-middle.disabled:hover, .c-button-group.hollow .c-button.c-button--gray-middle.disabled:focus, .c-button-group.hollow .c-button.c-button--gray-middle[disabled], .c-button-group.hollow .c-button.c-button--gray-middle[disabled]:hover, .c-button-group.hollow .c-button.c-button--gray-middle[disabled]:focus, .c-button-group.is-hollow.c-button-group--gray-middle .c-button, .c-button-group.is-hollow.c-button-group--gray-middle .c-button:hover, .c-button-group.is-hollow.c-button-group--gray-middle .c-button:focus, .c-button-group.is-hollow.c-button-group--gray-middle .c-button.disabled, .c-button-group.is-hollow.c-button-group--gray-middle .c-button.disabled:hover, .c-button-group.is-hollow.c-button-group--gray-middle .c-button.disabled:focus, .c-button-group.is-hollow.c-button-group--gray-middle .c-button[disabled], .c-button-group.is-hollow.c-button-group--gray-middle .c-button[disabled]:hover, .c-button-group.is-hollow.c-button-group--gray-middle .c-button[disabled]:focus, .c-button-group.is-hollow .c-button.c-button--gray-middle, .c-button-group.is-hollow .c-button.c-button--gray-middle:hover, .c-button-group.is-hollow .c-button.c-button--gray-middle:focus, .c-button-group.is-hollow .c-button.c-button--gray-middle.disabled, .c-button-group.is-hollow .c-button.c-button--gray-middle.disabled:hover, .c-button-group.is-hollow .c-button.c-button--gray-middle.disabled:focus, .c-button-group.is-hollow .c-button.c-button--gray-middle[disabled], .c-button-group.is-hollow .c-button.c-button--gray-middle[disabled]:hover, .c-button-group.is-hollow .c-button.c-button--gray-middle[disabled]:focus, .c-button-group.c-button-group--hollow.c-button-group--gray-middle .c-button, .c-button-group.c-button-group--hollow.c-button-group--gray-middle .c-button:hover, .c-button-group.c-button-group--hollow.c-button-group--gray-middle .c-button:focus, .c-button-group.c-button-group--hollow.c-button-group--gray-middle .c-button.disabled, .c-button-group.c-button-group--hollow.c-button-group--gray-middle .c-button.disabled:hover, .c-button-group.c-button-group--hollow.c-button-group--gray-middle .c-button.disabled:focus, .c-button-group.c-button-group--hollow.c-button-group--gray-middle .c-button[disabled], .c-button-group.c-button-group--hollow.c-button-group--gray-middle .c-button[disabled]:hover, .c-button-group.c-button-group--hollow.c-button-group--gray-middle .c-button[disabled]:focus, .c-button-group.c-button-group--hollow .c-button.c-button--gray-middle, .c-button-group.c-button-group--hollow .c-button.c-button--gray-middle:hover, .c-button-group.c-button-group--hollow .c-button.c-button--gray-middle:focus, .c-button-group.c-button-group--hollow .c-button.c-button--gray-middle.disabled, .c-button-group.c-button-group--hollow .c-button.c-button--gray-middle.disabled:hover, .c-button-group.c-button-group--hollow .c-button.c-button--gray-middle.disabled:focus, .c-button-group.c-button-group--hollow .c-button.c-button--gray-middle[disabled], .c-button-group.c-button-group--hollow .c-button.c-button--gray-middle[disabled]:hover, .c-button-group.c-button-group--hollow .c-button.c-button--gray-middle[disabled]:focus { background-color: transparent; } .c-button-group.hollow.c-button-group--gray-middle .c-button, .c-button-group.hollow.c-button-group--gray-middle .c-button.disabled, .c-button-group.hollow.c-button-group--gray-middle .c-button[disabled], .c-button-group.hollow.c-button-group--gray-middle .c-button.disabled:hover, .c-button-group.hollow.c-button-group--gray-middle .c-button[disabled]:hover, .c-button-group.hollow.c-button-group--gray-middle .c-button.disabled:focus, .c-button-group.hollow.c-button-group--gray-middle .c-button[disabled]:focus, .c-button-group.hollow .c-button.c-button--gray-middle, .c-button-group.hollow .c-button.c-button--gray-middle.disabled, .c-button-group.hollow .c-button.c-button--gray-middle[disabled], .c-button-group.hollow .c-button.c-button--gray-middle.disabled:hover, .c-button-group.hollow .c-button.c-button--gray-middle[disabled]:hover, .c-button-group.hollow .c-button.c-button--gray-middle.disabled:focus, .c-button-group.hollow .c-button.c-button--gray-middle[disabled]:focus, .c-button-group.is-hollow.c-button-group--gray-middle .c-button, .c-button-group.is-hollow.c-button-group--gray-middle .c-button.disabled, .c-button-group.is-hollow.c-button-group--gray-middle .c-button[disabled], .c-button-group.is-hollow.c-button-group--gray-middle .c-button.disabled:hover, .c-button-group.is-hollow.c-button-group--gray-middle .c-button[disabled]:hover, .c-button-group.is-hollow.c-button-group--gray-middle .c-button.disabled:focus, .c-button-group.is-hollow.c-button-group--gray-middle .c-button[disabled]:focus, .c-button-group.is-hollow .c-button.c-button--gray-middle, .c-button-group.is-hollow .c-button.c-button--gray-middle.disabled, .c-button-group.is-hollow .c-button.c-button--gray-middle[disabled], .c-button-group.is-hollow .c-button.c-button--gray-middle.disabled:hover, .c-button-group.is-hollow .c-button.c-button--gray-middle[disabled]:hover, .c-button-group.is-hollow .c-button.c-button--gray-middle.disabled:focus, .c-button-group.is-hollow .c-button.c-button--gray-middle[disabled]:focus, .c-button-group.c-button-group--hollow.c-button-group--gray-middle .c-button, .c-button-group.c-button-group--hollow.c-button-group--gray-middle .c-button.disabled, .c-button-group.c-button-group--hollow.c-button-group--gray-middle .c-button[disabled], .c-button-group.c-button-group--hollow.c-button-group--gray-middle .c-button.disabled:hover, .c-button-group.c-button-group--hollow.c-button-group--gray-middle .c-button[disabled]:hover, .c-button-group.c-button-group--hollow.c-button-group--gray-middle .c-button.disabled:focus, .c-button-group.c-button-group--hollow.c-button-group--gray-middle .c-button[disabled]:focus, .c-button-group.c-button-group--hollow .c-button.c-button--gray-middle, .c-button-group.c-button-group--hollow .c-button.c-button--gray-middle.disabled, .c-button-group.c-button-group--hollow .c-button.c-button--gray-middle[disabled], .c-button-group.c-button-group--hollow .c-button.c-button--gray-middle.disabled:hover, .c-button-group.c-button-group--hollow .c-button.c-button--gray-middle[disabled]:hover, .c-button-group.c-button-group--hollow .c-button.c-button--gray-middle.disabled:focus, .c-button-group.c-button-group--hollow .c-button.c-button--gray-middle[disabled]:focus { border: 1px solid hsl(0, 0%, 48%); color: hsl(0, 0%, 48%); } .c-button-group.hollow.c-button-group--gray-middle .c-button:hover, .c-button-group.hollow.c-button-group--gray-middle .c-button:focus, .c-button-group.hollow .c-button.c-button--gray-middle:hover, .c-button-group.hollow .c-button.c-button--gray-middle:focus, .c-button-group.is-hollow.c-button-group--gray-middle .c-button:hover, .c-button-group.is-hollow.c-button-group--gray-middle .c-button:focus, .c-button-group.is-hollow .c-button.c-button--gray-middle:hover, .c-button-group.is-hollow .c-button.c-button--gray-middle:focus, .c-button-group.c-button-group--hollow.c-button-group--gray-middle .c-button:hover, .c-button-group.c-button-group--hollow.c-button-group--gray-middle .c-button:focus, .c-button-group.c-button-group--hollow .c-button.c-button--gray-middle:hover, .c-button-group.c-button-group--hollow .c-button.c-button--gray-middle:focus { border-color: hsl(0, 0%, 74%); color: hsl(0, 0%, 74%); } .c-button-group.hollow.white-ter .c-button, .c-button-group.hollow.white-ter .c-button.disabled, .c-button-group.hollow.white-ter .c-button[disabled], .c-button-group.hollow.white-ter .c-button.disabled:hover, .c-button-group.hollow.white-ter .c-button[disabled]:hover, .c-button-group.hollow.white-ter .c-button.disabled:focus, .c-button-group.hollow.white-ter .c-button[disabled]:focus, .c-button-group.hollow .c-button.white-ter, .c-button-group.hollow .c-button.white-ter.disabled, .c-button-group.hollow .c-button.white-ter[disabled], .c-button-group.hollow .c-button.white-ter.disabled:hover, .c-button-group.hollow .c-button.white-ter[disabled]:hover, .c-button-group.hollow .c-button.white-ter.disabled:focus, .c-button-group.hollow .c-button.white-ter[disabled]:focus, .c-button-group.is-hollow.white-ter .c-button, .c-button-group.is-hollow.white-ter .c-button.disabled, .c-button-group.is-hollow.white-ter .c-button[disabled], .c-button-group.is-hollow.white-ter .c-button.disabled:hover, .c-button-group.is-hollow.white-ter .c-button[disabled]:hover, .c-button-group.is-hollow.white-ter .c-button.disabled:focus, .c-button-group.is-hollow.white-ter .c-button[disabled]:focus, .c-button-group.is-hollow .c-button.white-ter, .c-button-group.is-hollow .c-button.white-ter.disabled, .c-button-group.is-hollow .c-button.white-ter[disabled], .c-button-group.is-hollow .c-button.white-ter.disabled:hover, .c-button-group.is-hollow .c-button.white-ter[disabled]:hover, .c-button-group.is-hollow .c-button.white-ter.disabled:focus, .c-button-group.is-hollow .c-button.white-ter[disabled]:focus, .c-button-group.c-button-group--hollow.white-ter .c-button, .c-button-group.c-button-group--hollow.white-ter .c-button.disabled, .c-button-group.c-button-group--hollow.white-ter .c-button[disabled], .c-button-group.c-button-group--hollow.white-ter .c-button.disabled:hover, .c-button-group.c-button-group--hollow.white-ter .c-button[disabled]:hover, .c-button-group.c-button-group--hollow.white-ter .c-button.disabled:focus, .c-button-group.c-button-group--hollow.white-ter .c-button[disabled]:focus, .c-button-group.c-button-group--hollow .c-button.white-ter, .c-button-group.c-button-group--hollow .c-button.white-ter.disabled, .c-button-group.c-button-group--hollow .c-button.white-ter[disabled], .c-button-group.c-button-group--hollow .c-button.white-ter.disabled:hover, .c-button-group.c-button-group--hollow .c-button.white-ter[disabled]:hover, .c-button-group.c-button-group--hollow .c-button.white-ter.disabled:focus, .c-button-group.c-button-group--hollow .c-button.white-ter[disabled]:focus { border: 1px solid hsl(0, 0%, 96%); color: hsl(0, 0%, 96%); } .c-button-group.hollow.white-ter .c-button:hover, .c-button-group.hollow.white-ter .c-button:focus, .c-button-group.hollow .c-button.white-ter:hover, .c-button-group.hollow .c-button.white-ter:focus, .c-button-group.is-hollow.white-ter .c-button:hover, .c-button-group.is-hollow.white-ter .c-button:focus, .c-button-group.is-hollow .c-button.white-ter:hover, .c-button-group.is-hollow .c-button.white-ter:focus, .c-button-group.c-button-group--hollow.white-ter .c-button:hover, .c-button-group.c-button-group--hollow.white-ter .c-button:focus, .c-button-group.c-button-group--hollow .c-button.white-ter:hover, .c-button-group.c-button-group--hollow .c-button.white-ter:focus { border-color: hsl(0, 0%, 48%); color: hsl(0, 0%, 48%); } .c-button-group.hollow.c-button-group--white-ter .c-button, .c-button-group.hollow.c-button-group--white-ter .c-button:hover, .c-button-group.hollow.c-button-group--white-ter .c-button:focus, .c-button-group.hollow.c-button-group--white-ter .c-button.disabled, .c-button-group.hollow.c-button-group--white-ter .c-button.disabled:hover, .c-button-group.hollow.c-button-group--white-ter .c-button.disabled:focus, .c-button-group.hollow.c-button-group--white-ter .c-button[disabled], .c-button-group.hollow.c-button-group--white-ter .c-button[disabled]:hover, .c-button-group.hollow.c-button-group--white-ter .c-button[disabled]:focus, .c-button-group.hollow .c-button.c-button--white-ter, .c-button-group.hollow .c-button.c-button--white-ter:hover, .c-button-group.hollow .c-button.c-button--white-ter:focus, .c-button-group.hollow .c-button.c-button--white-ter.disabled, .c-button-group.hollow .c-button.c-button--white-ter.disabled:hover, .c-button-group.hollow .c-button.c-button--white-ter.disabled:focus, .c-button-group.hollow .c-button.c-button--white-ter[disabled], .c-button-group.hollow .c-button.c-button--white-ter[disabled]:hover, .c-button-group.hollow .c-button.c-button--white-ter[disabled]:focus, .c-button-group.is-hollow.c-button-group--white-ter .c-button, .c-button-group.is-hollow.c-button-group--white-ter .c-button:hover, .c-button-group.is-hollow.c-button-group--white-ter .c-button:focus, .c-button-group.is-hollow.c-button-group--white-ter .c-button.disabled, .c-button-group.is-hollow.c-button-group--white-ter .c-button.disabled:hover, .c-button-group.is-hollow.c-button-group--white-ter .c-button.disabled:focus, .c-button-group.is-hollow.c-button-group--white-ter .c-button[disabled], .c-button-group.is-hollow.c-button-group--white-ter .c-button[disabled]:hover, .c-button-group.is-hollow.c-button-group--white-ter .c-button[disabled]:focus, .c-button-group.is-hollow .c-button.c-button--white-ter, .c-button-group.is-hollow .c-button.c-button--white-ter:hover, .c-button-group.is-hollow .c-button.c-button--white-ter:focus, .c-button-group.is-hollow .c-button.c-button--white-ter.disabled, .c-button-group.is-hollow .c-button.c-button--white-ter.disabled:hover, .c-button-group.is-hollow .c-button.c-button--white-ter.disabled:focus, .c-button-group.is-hollow .c-button.c-button--white-ter[disabled], .c-button-group.is-hollow .c-button.c-button--white-ter[disabled]:hover, .c-button-group.is-hollow .c-button.c-button--white-ter[disabled]:focus, .c-button-group.c-button-group--hollow.c-button-group--white-ter .c-button, .c-button-group.c-button-group--hollow.c-button-group--white-ter .c-button:hover, .c-button-group.c-button-group--hollow.c-button-group--white-ter .c-button:focus, .c-button-group.c-button-group--hollow.c-button-group--white-ter .c-button.disabled, .c-button-group.c-button-group--hollow.c-button-group--white-ter .c-button.disabled:hover, .c-button-group.c-button-group--hollow.c-button-group--white-ter .c-button.disabled:focus, .c-button-group.c-button-group--hollow.c-button-group--white-ter .c-button[disabled], .c-button-group.c-button-group--hollow.c-button-group--white-ter .c-button[disabled]:hover, .c-button-group.c-button-group--hollow.c-button-group--white-ter .c-button[disabled]:focus, .c-button-group.c-button-group--hollow .c-button.c-button--white-ter, .c-button-group.c-button-group--hollow .c-button.c-button--white-ter:hover, .c-button-group.c-button-group--hollow .c-button.c-button--white-ter:focus, .c-button-group.c-button-group--hollow .c-button.c-button--white-ter.disabled, .c-button-group.c-button-group--hollow .c-button.c-button--white-ter.disabled:hover, .c-button-group.c-button-group--hollow .c-button.c-button--white-ter.disabled:focus, .c-button-group.c-button-group--hollow .c-button.c-button--white-ter[disabled], .c-button-group.c-button-group--hollow .c-button.c-button--white-ter[disabled]:hover, .c-button-group.c-button-group--hollow .c-button.c-button--white-ter[disabled]:focus { background-color: transparent; } .c-button-group.hollow.c-button-group--white-ter .c-button, .c-button-group.hollow.c-button-group--white-ter .c-button.disabled, .c-button-group.hollow.c-button-group--white-ter .c-button[disabled], .c-button-group.hollow.c-button-group--white-ter .c-button.disabled:hover, .c-button-group.hollow.c-button-group--white-ter .c-button[disabled]:hover, .c-button-group.hollow.c-button-group--white-ter .c-button.disabled:focus, .c-button-group.hollow.c-button-group--white-ter .c-button[disabled]:focus, .c-button-group.hollow .c-button.c-button--white-ter, .c-button-group.hollow .c-button.c-button--white-ter.disabled, .c-button-group.hollow .c-button.c-button--white-ter[disabled], .c-button-group.hollow .c-button.c-button--white-ter.disabled:hover, .c-button-group.hollow .c-button.c-button--white-ter[disabled]:hover, .c-button-group.hollow .c-button.c-button--white-ter.disabled:focus, .c-button-group.hollow .c-button.c-button--white-ter[disabled]:focus, .c-button-group.is-hollow.c-button-group--white-ter .c-button, .c-button-group.is-hollow.c-button-group--white-ter .c-button.disabled, .c-button-group.is-hollow.c-button-group--white-ter .c-button[disabled], .c-button-group.is-hollow.c-button-group--white-ter .c-button.disabled:hover, .c-button-group.is-hollow.c-button-group--white-ter .c-button[disabled]:hover, .c-button-group.is-hollow.c-button-group--white-ter .c-button.disabled:focus, .c-button-group.is-hollow.c-button-group--white-ter .c-button[disabled]:focus, .c-button-group.is-hollow .c-button.c-button--white-ter, .c-button-group.is-hollow .c-button.c-button--white-ter.disabled, .c-button-group.is-hollow .c-button.c-button--white-ter[disabled], .c-button-group.is-hollow .c-button.c-button--white-ter.disabled:hover, .c-button-group.is-hollow .c-button.c-button--white-ter[disabled]:hover, .c-button-group.is-hollow .c-button.c-button--white-ter.disabled:focus, .c-button-group.is-hollow .c-button.c-button--white-ter[disabled]:focus, .c-button-group.c-button-group--hollow.c-button-group--white-ter .c-button, .c-button-group.c-button-group--hollow.c-button-group--white-ter .c-button.disabled, .c-button-group.c-button-group--hollow.c-button-group--white-ter .c-button[disabled], .c-button-group.c-button-group--hollow.c-button-group--white-ter .c-button.disabled:hover, .c-button-group.c-button-group--hollow.c-button-group--white-ter .c-button[disabled]:hover, .c-button-group.c-button-group--hollow.c-button-group--white-ter .c-button.disabled:focus, .c-button-group.c-button-group--hollow.c-button-group--white-ter .c-button[disabled]:focus, .c-button-group.c-button-group--hollow .c-button.c-button--white-ter, .c-button-group.c-button-group--hollow .c-button.c-button--white-ter.disabled, .c-button-group.c-button-group--hollow .c-button.c-button--white-ter[disabled], .c-button-group.c-button-group--hollow .c-button.c-button--white-ter.disabled:hover, .c-button-group.c-button-group--hollow .c-button.c-button--white-ter[disabled]:hover, .c-button-group.c-button-group--hollow .c-button.c-button--white-ter.disabled:focus, .c-button-group.c-button-group--hollow .c-button.c-button--white-ter[disabled]:focus { border: 1px solid hsl(0, 0%, 96%); color: hsl(0, 0%, 96%); } .c-button-group.hollow.c-button-group--white-ter .c-button:hover, .c-button-group.hollow.c-button-group--white-ter .c-button:focus, .c-button-group.hollow .c-button.c-button--white-ter:hover, .c-button-group.hollow .c-button.c-button--white-ter:focus, .c-button-group.is-hollow.c-button-group--white-ter .c-button:hover, .c-button-group.is-hollow.c-button-group--white-ter .c-button:focus, .c-button-group.is-hollow .c-button.c-button--white-ter:hover, .c-button-group.is-hollow .c-button.c-button--white-ter:focus, .c-button-group.c-button-group--hollow.c-button-group--white-ter .c-button:hover, .c-button-group.c-button-group--hollow.c-button-group--white-ter .c-button:focus, .c-button-group.c-button-group--hollow .c-button.c-button--white-ter:hover, .c-button-group.c-button-group--hollow .c-button.c-button--white-ter:focus { border-color: hsl(0, 0%, 48%); color: hsl(0, 0%, 48%); } .c-button-group.hollow.black .c-button, .c-button-group.hollow.black .c-button.disabled, .c-button-group.hollow.black .c-button[disabled], .c-button-group.hollow.black .c-button.disabled:hover, .c-button-group.hollow.black .c-button[disabled]:hover, .c-button-group.hollow.black .c-button.disabled:focus, .c-button-group.hollow.black .c-button[disabled]:focus, .c-button-group.hollow .c-button.black, .c-button-group.hollow .c-button.black.disabled, .c-button-group.hollow .c-button.black[disabled], .c-button-group.hollow .c-button.black.disabled:hover, .c-button-group.hollow .c-button.black[disabled]:hover, .c-button-group.hollow .c-button.black.disabled:focus, .c-button-group.hollow .c-button.black[disabled]:focus, .c-button-group.is-hollow.black .c-button, .c-button-group.is-hollow.black .c-button.disabled, .c-button-group.is-hollow.black .c-button[disabled], .c-button-group.is-hollow.black .c-button.disabled:hover, .c-button-group.is-hollow.black .c-button[disabled]:hover, .c-button-group.is-hollow.black .c-button.disabled:focus, .c-button-group.is-hollow.black .c-button[disabled]:focus, .c-button-group.is-hollow .c-button.black, .c-button-group.is-hollow .c-button.black.disabled, .c-button-group.is-hollow .c-button.black[disabled], .c-button-group.is-hollow .c-button.black.disabled:hover, .c-button-group.is-hollow .c-button.black[disabled]:hover, .c-button-group.is-hollow .c-button.black.disabled:focus, .c-button-group.is-hollow .c-button.black[disabled]:focus, .c-button-group.c-button-group--hollow.black .c-button, .c-button-group.c-button-group--hollow.black .c-button.disabled, .c-button-group.c-button-group--hollow.black .c-button[disabled], .c-button-group.c-button-group--hollow.black .c-button.disabled:hover, .c-button-group.c-button-group--hollow.black .c-button[disabled]:hover, .c-button-group.c-button-group--hollow.black .c-button.disabled:focus, .c-button-group.c-button-group--hollow.black .c-button[disabled]:focus, .c-button-group.c-button-group--hollow .c-button.black, .c-button-group.c-button-group--hollow .c-button.black.disabled, .c-button-group.c-button-group--hollow .c-button.black[disabled], .c-button-group.c-button-group--hollow .c-button.black.disabled:hover, .c-button-group.c-button-group--hollow .c-button.black[disabled]:hover, .c-button-group.c-button-group--hollow .c-button.black.disabled:focus, .c-button-group.c-button-group--hollow .c-button.black[disabled]:focus { border: 1px solid hsl(0, 0%, 4%); color: hsl(0, 0%, 4%); } .c-button-group.hollow.black .c-button:hover, .c-button-group.hollow.black .c-button:focus, .c-button-group.hollow .c-button.black:hover, .c-button-group.hollow .c-button.black:focus, .c-button-group.is-hollow.black .c-button:hover, .c-button-group.is-hollow.black .c-button:focus, .c-button-group.is-hollow .c-button.black:hover, .c-button-group.is-hollow .c-button.black:focus, .c-button-group.c-button-group--hollow.black .c-button:hover, .c-button-group.c-button-group--hollow.black .c-button:focus, .c-button-group.c-button-group--hollow .c-button.black:hover, .c-button-group.c-button-group--hollow .c-button.black:focus { border-color: hsl(0, 0%, 2%); color: hsl(0, 0%, 2%); } .c-button-group.hollow.c-button-group--black .c-button, .c-button-group.hollow.c-button-group--black .c-button:hover, .c-button-group.hollow.c-button-group--black .c-button:focus, .c-button-group.hollow.c-button-group--black .c-button.disabled, .c-button-group.hollow.c-button-group--black .c-button.disabled:hover, .c-button-group.hollow.c-button-group--black .c-button.disabled:focus, .c-button-group.hollow.c-button-group--black .c-button[disabled], .c-button-group.hollow.c-button-group--black .c-button[disabled]:hover, .c-button-group.hollow.c-button-group--black .c-button[disabled]:focus, .c-button-group.hollow .c-button.c-button--black, .c-button-group.hollow .c-button.c-button--black:hover, .c-button-group.hollow .c-button.c-button--black:focus, .c-button-group.hollow .c-button.c-button--black.disabled, .c-button-group.hollow .c-button.c-button--black.disabled:hover, .c-button-group.hollow .c-button.c-button--black.disabled:focus, .c-button-group.hollow .c-button.c-button--black[disabled], .c-button-group.hollow .c-button.c-button--black[disabled]:hover, .c-button-group.hollow .c-button.c-button--black[disabled]:focus, .c-button-group.is-hollow.c-button-group--black .c-button, .c-button-group.is-hollow.c-button-group--black .c-button:hover, .c-button-group.is-hollow.c-button-group--black .c-button:focus, .c-button-group.is-hollow.c-button-group--black .c-button.disabled, .c-button-group.is-hollow.c-button-group--black .c-button.disabled:hover, .c-button-group.is-hollow.c-button-group--black .c-button.disabled:focus, .c-button-group.is-hollow.c-button-group--black .c-button[disabled], .c-button-group.is-hollow.c-button-group--black .c-button[disabled]:hover, .c-button-group.is-hollow.c-button-group--black .c-button[disabled]:focus, .c-button-group.is-hollow .c-button.c-button--black, .c-button-group.is-hollow .c-button.c-button--black:hover, .c-button-group.is-hollow .c-button.c-button--black:focus, .c-button-group.is-hollow .c-button.c-button--black.disabled, .c-button-group.is-hollow .c-button.c-button--black.disabled:hover, .c-button-group.is-hollow .c-button.c-button--black.disabled:focus, .c-button-group.is-hollow .c-button.c-button--black[disabled], .c-button-group.is-hollow .c-button.c-button--black[disabled]:hover, .c-button-group.is-hollow .c-button.c-button--black[disabled]:focus, .c-button-group.c-button-group--hollow.c-button-group--black .c-button, .c-button-group.c-button-group--hollow.c-button-group--black .c-button:hover, .c-button-group.c-button-group--hollow.c-button-group--black .c-button:focus, .c-button-group.c-button-group--hollow.c-button-group--black .c-button.disabled, .c-button-group.c-button-group--hollow.c-button-group--black .c-button.disabled:hover, .c-button-group.c-button-group--hollow.c-button-group--black .c-button.disabled:focus, .c-button-group.c-button-group--hollow.c-button-group--black .c-button[disabled], .c-button-group.c-button-group--hollow.c-button-group--black .c-button[disabled]:hover, .c-button-group.c-button-group--hollow.c-button-group--black .c-button[disabled]:focus, .c-button-group.c-button-group--hollow .c-button.c-button--black, .c-button-group.c-button-group--hollow .c-button.c-button--black:hover, .c-button-group.c-button-group--hollow .c-button.c-button--black:focus, .c-button-group.c-button-group--hollow .c-button.c-button--black.disabled, .c-button-group.c-button-group--hollow .c-button.c-button--black.disabled:hover, .c-button-group.c-button-group--hollow .c-button.c-button--black.disabled:focus, .c-button-group.c-button-group--hollow .c-button.c-button--black[disabled], .c-button-group.c-button-group--hollow .c-button.c-button--black[disabled]:hover, .c-button-group.c-button-group--hollow .c-button.c-button--black[disabled]:focus { background-color: transparent; } .c-button-group.hollow.c-button-group--black .c-button, .c-button-group.hollow.c-button-group--black .c-button.disabled, .c-button-group.hollow.c-button-group--black .c-button[disabled], .c-button-group.hollow.c-button-group--black .c-button.disabled:hover, .c-button-group.hollow.c-button-group--black .c-button[disabled]:hover, .c-button-group.hollow.c-button-group--black .c-button.disabled:focus, .c-button-group.hollow.c-button-group--black .c-button[disabled]:focus, .c-button-group.hollow .c-button.c-button--black, .c-button-group.hollow .c-button.c-button--black.disabled, .c-button-group.hollow .c-button.c-button--black[disabled], .c-button-group.hollow .c-button.c-button--black.disabled:hover, .c-button-group.hollow .c-button.c-button--black[disabled]:hover, .c-button-group.hollow .c-button.c-button--black.disabled:focus, .c-button-group.hollow .c-button.c-button--black[disabled]:focus, .c-button-group.is-hollow.c-button-group--black .c-button, .c-button-group.is-hollow.c-button-group--black .c-button.disabled, .c-button-group.is-hollow.c-button-group--black .c-button[disabled], .c-button-group.is-hollow.c-button-group--black .c-button.disabled:hover, .c-button-group.is-hollow.c-button-group--black .c-button[disabled]:hover, .c-button-group.is-hollow.c-button-group--black .c-button.disabled:focus, .c-button-group.is-hollow.c-button-group--black .c-button[disabled]:focus, .c-button-group.is-hollow .c-button.c-button--black, .c-button-group.is-hollow .c-button.c-button--black.disabled, .c-button-group.is-hollow .c-button.c-button--black[disabled], .c-button-group.is-hollow .c-button.c-button--black.disabled:hover, .c-button-group.is-hollow .c-button.c-button--black[disabled]:hover, .c-button-group.is-hollow .c-button.c-button--black.disabled:focus, .c-button-group.is-hollow .c-button.c-button--black[disabled]:focus, .c-button-group.c-button-group--hollow.c-button-group--black .c-button, .c-button-group.c-button-group--hollow.c-button-group--black .c-button.disabled, .c-button-group.c-button-group--hollow.c-button-group--black .c-button[disabled], .c-button-group.c-button-group--hollow.c-button-group--black .c-button.disabled:hover, .c-button-group.c-button-group--hollow.c-button-group--black .c-button[disabled]:hover, .c-button-group.c-button-group--hollow.c-button-group--black .c-button.disabled:focus, .c-button-group.c-button-group--hollow.c-button-group--black .c-button[disabled]:focus, .c-button-group.c-button-group--hollow .c-button.c-button--black, .c-button-group.c-button-group--hollow .c-button.c-button--black.disabled, .c-button-group.c-button-group--hollow .c-button.c-button--black[disabled], .c-button-group.c-button-group--hollow .c-button.c-button--black.disabled:hover, .c-button-group.c-button-group--hollow .c-button.c-button--black[disabled]:hover, .c-button-group.c-button-group--hollow .c-button.c-button--black.disabled:focus, .c-button-group.c-button-group--hollow .c-button.c-button--black[disabled]:focus { border: 1px solid hsl(0, 0%, 4%); color: hsl(0, 0%, 4%); } .c-button-group.hollow.c-button-group--black .c-button:hover, .c-button-group.hollow.c-button-group--black .c-button:focus, .c-button-group.hollow .c-button.c-button--black:hover, .c-button-group.hollow .c-button.c-button--black:focus, .c-button-group.is-hollow.c-button-group--black .c-button:hover, .c-button-group.is-hollow.c-button-group--black .c-button:focus, .c-button-group.is-hollow .c-button.c-button--black:hover, .c-button-group.is-hollow .c-button.c-button--black:focus, .c-button-group.c-button-group--hollow.c-button-group--black .c-button:hover, .c-button-group.c-button-group--hollow.c-button-group--black .c-button:focus, .c-button-group.c-button-group--hollow .c-button.c-button--black:hover, .c-button-group.c-button-group--hollow .c-button.c-button--black:focus { border-color: hsl(0, 0%, 52%); color: hsl(0, 0%, 52%); } .c-button-group.hollow.gray-light .c-button, .c-button-group.hollow.gray-light .c-button.disabled, .c-button-group.hollow.gray-light .c-button[disabled], .c-button-group.hollow.gray-light .c-button.disabled:hover, .c-button-group.hollow.gray-light .c-button[disabled]:hover, .c-button-group.hollow.gray-light .c-button.disabled:focus, .c-button-group.hollow.gray-light .c-button[disabled]:focus, .c-button-group.hollow .c-button.gray-light, .c-button-group.hollow .c-button.gray-light.disabled, .c-button-group.hollow .c-button.gray-light[disabled], .c-button-group.hollow .c-button.gray-light.disabled:hover, .c-button-group.hollow .c-button.gray-light[disabled]:hover, .c-button-group.hollow .c-button.gray-light.disabled:focus, .c-button-group.hollow .c-button.gray-light[disabled]:focus, .c-button-group.is-hollow.gray-light .c-button, .c-button-group.is-hollow.gray-light .c-button.disabled, .c-button-group.is-hollow.gray-light .c-button[disabled], .c-button-group.is-hollow.gray-light .c-button.disabled:hover, .c-button-group.is-hollow.gray-light .c-button[disabled]:hover, .c-button-group.is-hollow.gray-light .c-button.disabled:focus, .c-button-group.is-hollow.gray-light .c-button[disabled]:focus, .c-button-group.is-hollow .c-button.gray-light, .c-button-group.is-hollow .c-button.gray-light.disabled, .c-button-group.is-hollow .c-button.gray-light[disabled], .c-button-group.is-hollow .c-button.gray-light.disabled:hover, .c-button-group.is-hollow .c-button.gray-light[disabled]:hover, .c-button-group.is-hollow .c-button.gray-light.disabled:focus, .c-button-group.is-hollow .c-button.gray-light[disabled]:focus, .c-button-group.c-button-group--hollow.gray-light .c-button, .c-button-group.c-button-group--hollow.gray-light .c-button.disabled, .c-button-group.c-button-group--hollow.gray-light .c-button[disabled], .c-button-group.c-button-group--hollow.gray-light .c-button.disabled:hover, .c-button-group.c-button-group--hollow.gray-light .c-button[disabled]:hover, .c-button-group.c-button-group--hollow.gray-light .c-button.disabled:focus, .c-button-group.c-button-group--hollow.gray-light .c-button[disabled]:focus, .c-button-group.c-button-group--hollow .c-button.gray-light, .c-button-group.c-button-group--hollow .c-button.gray-light.disabled, .c-button-group.c-button-group--hollow .c-button.gray-light[disabled], .c-button-group.c-button-group--hollow .c-button.gray-light.disabled:hover, .c-button-group.c-button-group--hollow .c-button.gray-light[disabled]:hover, .c-button-group.c-button-group--hollow .c-button.gray-light.disabled:focus, .c-button-group.c-button-group--hollow .c-button.gray-light[disabled]:focus { border: 1px solid hsl(0, 0%, 71%); color: hsl(0, 0%, 71%); } .c-button-group.hollow.gray-light .c-button:hover, .c-button-group.hollow.gray-light .c-button:focus, .c-button-group.hollow .c-button.gray-light:hover, .c-button-group.hollow .c-button.gray-light:focus, .c-button-group.is-hollow.gray-light .c-button:hover, .c-button-group.is-hollow.gray-light .c-button:focus, .c-button-group.is-hollow .c-button.gray-light:hover, .c-button-group.is-hollow .c-button.gray-light:focus, .c-button-group.c-button-group--hollow.gray-light .c-button:hover, .c-button-group.c-button-group--hollow.gray-light .c-button:focus, .c-button-group.c-button-group--hollow .c-button.gray-light:hover, .c-button-group.c-button-group--hollow .c-button.gray-light:focus { border-color: hsl(0, 0%, 35.5%); color: hsl(0, 0%, 35.5%); } .c-button-group.hollow.c-button-group--gray-light .c-button, .c-button-group.hollow.c-button-group--gray-light .c-button:hover, .c-button-group.hollow.c-button-group--gray-light .c-button:focus, .c-button-group.hollow.c-button-group--gray-light .c-button.disabled, .c-button-group.hollow.c-button-group--gray-light .c-button.disabled:hover, .c-button-group.hollow.c-button-group--gray-light .c-button.disabled:focus, .c-button-group.hollow.c-button-group--gray-light .c-button[disabled], .c-button-group.hollow.c-button-group--gray-light .c-button[disabled]:hover, .c-button-group.hollow.c-button-group--gray-light .c-button[disabled]:focus, .c-button-group.hollow .c-button.c-button--gray-light, .c-button-group.hollow .c-button.c-button--gray-light:hover, .c-button-group.hollow .c-button.c-button--gray-light:focus, .c-button-group.hollow .c-button.c-button--gray-light.disabled, .c-button-group.hollow .c-button.c-button--gray-light.disabled:hover, .c-button-group.hollow .c-button.c-button--gray-light.disabled:focus, .c-button-group.hollow .c-button.c-button--gray-light[disabled], .c-button-group.hollow .c-button.c-button--gray-light[disabled]:hover, .c-button-group.hollow .c-button.c-button--gray-light[disabled]:focus, .c-button-group.is-hollow.c-button-group--gray-light .c-button, .c-button-group.is-hollow.c-button-group--gray-light .c-button:hover, .c-button-group.is-hollow.c-button-group--gray-light .c-button:focus, .c-button-group.is-hollow.c-button-group--gray-light .c-button.disabled, .c-button-group.is-hollow.c-button-group--gray-light .c-button.disabled:hover, .c-button-group.is-hollow.c-button-group--gray-light .c-button.disabled:focus, .c-button-group.is-hollow.c-button-group--gray-light .c-button[disabled], .c-button-group.is-hollow.c-button-group--gray-light .c-button[disabled]:hover, .c-button-group.is-hollow.c-button-group--gray-light .c-button[disabled]:focus, .c-button-group.is-hollow .c-button.c-button--gray-light, .c-button-group.is-hollow .c-button.c-button--gray-light:hover, .c-button-group.is-hollow .c-button.c-button--gray-light:focus, .c-button-group.is-hollow .c-button.c-button--gray-light.disabled, .c-button-group.is-hollow .c-button.c-button--gray-light.disabled:hover, .c-button-group.is-hollow .c-button.c-button--gray-light.disabled:focus, .c-button-group.is-hollow .c-button.c-button--gray-light[disabled], .c-button-group.is-hollow .c-button.c-button--gray-light[disabled]:hover, .c-button-group.is-hollow .c-button.c-button--gray-light[disabled]:focus, .c-button-group.c-button-group--hollow.c-button-group--gray-light .c-button, .c-button-group.c-button-group--hollow.c-button-group--gray-light .c-button:hover, .c-button-group.c-button-group--hollow.c-button-group--gray-light .c-button:focus, .c-button-group.c-button-group--hollow.c-button-group--gray-light .c-button.disabled, .c-button-group.c-button-group--hollow.c-button-group--gray-light .c-button.disabled:hover, .c-button-group.c-button-group--hollow.c-button-group--gray-light .c-button.disabled:focus, .c-button-group.c-button-group--hollow.c-button-group--gray-light .c-button[disabled], .c-button-group.c-button-group--hollow.c-button-group--gray-light .c-button[disabled]:hover, .c-button-group.c-button-group--hollow.c-button-group--gray-light .c-button[disabled]:focus, .c-button-group.c-button-group--hollow .c-button.c-button--gray-light, .c-button-group.c-button-group--hollow .c-button.c-button--gray-light:hover, .c-button-group.c-button-group--hollow .c-button.c-button--gray-light:focus, .c-button-group.c-button-group--hollow .c-button.c-button--gray-light.disabled, .c-button-group.c-button-group--hollow .c-button.c-button--gray-light.disabled:hover, .c-button-group.c-button-group--hollow .c-button.c-button--gray-light.disabled:focus, .c-button-group.c-button-group--hollow .c-button.c-button--gray-light[disabled], .c-button-group.c-button-group--hollow .c-button.c-button--gray-light[disabled]:hover, .c-button-group.c-button-group--hollow .c-button.c-button--gray-light[disabled]:focus { background-color: transparent; } .c-button-group.hollow.c-button-group--gray-light .c-button, .c-button-group.hollow.c-button-group--gray-light .c-button.disabled, .c-button-group.hollow.c-button-group--gray-light .c-button[disabled], .c-button-group.hollow.c-button-group--gray-light .c-button.disabled:hover, .c-button-group.hollow.c-button-group--gray-light .c-button[disabled]:hover, .c-button-group.hollow.c-button-group--gray-light .c-button.disabled:focus, .c-button-group.hollow.c-button-group--gray-light .c-button[disabled]:focus, .c-button-group.hollow .c-button.c-button--gray-light, .c-button-group.hollow .c-button.c-button--gray-light.disabled, .c-button-group.hollow .c-button.c-button--gray-light[disabled], .c-button-group.hollow .c-button.c-button--gray-light.disabled:hover, .c-button-group.hollow .c-button.c-button--gray-light[disabled]:hover, .c-button-group.hollow .c-button.c-button--gray-light.disabled:focus, .c-button-group.hollow .c-button.c-button--gray-light[disabled]:focus, .c-button-group.is-hollow.c-button-group--gray-light .c-button, .c-button-group.is-hollow.c-button-group--gray-light .c-button.disabled, .c-button-group.is-hollow.c-button-group--gray-light .c-button[disabled], .c-button-group.is-hollow.c-button-group--gray-light .c-button.disabled:hover, .c-button-group.is-hollow.c-button-group--gray-light .c-button[disabled]:hover, .c-button-group.is-hollow.c-button-group--gray-light .c-button.disabled:focus, .c-button-group.is-hollow.c-button-group--gray-light .c-button[disabled]:focus, .c-button-group.is-hollow .c-button.c-button--gray-light, .c-button-group.is-hollow .c-button.c-button--gray-light.disabled, .c-button-group.is-hollow .c-button.c-button--gray-light[disabled], .c-button-group.is-hollow .c-button.c-button--gray-light.disabled:hover, .c-button-group.is-hollow .c-button.c-button--gray-light[disabled]:hover, .c-button-group.is-hollow .c-button.c-button--gray-light.disabled:focus, .c-button-group.is-hollow .c-button.c-button--gray-light[disabled]:focus, .c-button-group.c-button-group--hollow.c-button-group--gray-light .c-button, .c-button-group.c-button-group--hollow.c-button-group--gray-light .c-button.disabled, .c-button-group.c-button-group--hollow.c-button-group--gray-light .c-button[disabled], .c-button-group.c-button-group--hollow.c-button-group--gray-light .c-button.disabled:hover, .c-button-group.c-button-group--hollow.c-button-group--gray-light .c-button[disabled]:hover, .c-button-group.c-button-group--hollow.c-button-group--gray-light .c-button.disabled:focus, .c-button-group.c-button-group--hollow.c-button-group--gray-light .c-button[disabled]:focus, .c-button-group.c-button-group--hollow .c-button.c-button--gray-light, .c-button-group.c-button-group--hollow .c-button.c-button--gray-light.disabled, .c-button-group.c-button-group--hollow .c-button.c-button--gray-light[disabled], .c-button-group.c-button-group--hollow .c-button.c-button--gray-light.disabled:hover, .c-button-group.c-button-group--hollow .c-button.c-button--gray-light[disabled]:hover, .c-button-group.c-button-group--hollow .c-button.c-button--gray-light.disabled:focus, .c-button-group.c-button-group--hollow .c-button.c-button--gray-light[disabled]:focus { border: 1px solid hsl(0, 0%, 71%); color: hsl(0, 0%, 71%); } .c-button-group.hollow.c-button-group--gray-light .c-button:hover, .c-button-group.hollow.c-button-group--gray-light .c-button:focus, .c-button-group.hollow .c-button.c-button--gray-light:hover, .c-button-group.hollow .c-button.c-button--gray-light:focus, .c-button-group.is-hollow.c-button-group--gray-light .c-button:hover, .c-button-group.is-hollow.c-button-group--gray-light .c-button:focus, .c-button-group.is-hollow .c-button.c-button--gray-light:hover, .c-button-group.is-hollow .c-button.c-button--gray-light:focus, .c-button-group.c-button-group--hollow.c-button-group--gray-light .c-button:hover, .c-button-group.c-button-group--hollow.c-button-group--gray-light .c-button:focus, .c-button-group.c-button-group--hollow .c-button.c-button--gray-light:hover, .c-button-group.c-button-group--hollow .c-button.c-button--gray-light:focus { border-color: hsl(0, 0%, 35.5%); color: hsl(0, 0%, 35.5%); } .c-button-group.hollow.gray-lightest .c-button, .c-button-group.hollow.gray-lightest .c-button.disabled, .c-button-group.hollow.gray-lightest .c-button[disabled], .c-button-group.hollow.gray-lightest .c-button.disabled:hover, .c-button-group.hollow.gray-lightest .c-button[disabled]:hover, .c-button-group.hollow.gray-lightest .c-button.disabled:focus, .c-button-group.hollow.gray-lightest .c-button[disabled]:focus, .c-button-group.hollow .c-button.gray-lightest, .c-button-group.hollow .c-button.gray-lightest.disabled, .c-button-group.hollow .c-button.gray-lightest[disabled], .c-button-group.hollow .c-button.gray-lightest.disabled:hover, .c-button-group.hollow .c-button.gray-lightest[disabled]:hover, .c-button-group.hollow .c-button.gray-lightest.disabled:focus, .c-button-group.hollow .c-button.gray-lightest[disabled]:focus, .c-button-group.is-hollow.gray-lightest .c-button, .c-button-group.is-hollow.gray-lightest .c-button.disabled, .c-button-group.is-hollow.gray-lightest .c-button[disabled], .c-button-group.is-hollow.gray-lightest .c-button.disabled:hover, .c-button-group.is-hollow.gray-lightest .c-button[disabled]:hover, .c-button-group.is-hollow.gray-lightest .c-button.disabled:focus, .c-button-group.is-hollow.gray-lightest .c-button[disabled]:focus, .c-button-group.is-hollow .c-button.gray-lightest, .c-button-group.is-hollow .c-button.gray-lightest.disabled, .c-button-group.is-hollow .c-button.gray-lightest[disabled], .c-button-group.is-hollow .c-button.gray-lightest.disabled:hover, .c-button-group.is-hollow .c-button.gray-lightest[disabled]:hover, .c-button-group.is-hollow .c-button.gray-lightest.disabled:focus, .c-button-group.is-hollow .c-button.gray-lightest[disabled]:focus, .c-button-group.c-button-group--hollow.gray-lightest .c-button, .c-button-group.c-button-group--hollow.gray-lightest .c-button.disabled, .c-button-group.c-button-group--hollow.gray-lightest .c-button[disabled], .c-button-group.c-button-group--hollow.gray-lightest .c-button.disabled:hover, .c-button-group.c-button-group--hollow.gray-lightest .c-button[disabled]:hover, .c-button-group.c-button-group--hollow.gray-lightest .c-button.disabled:focus, .c-button-group.c-button-group--hollow.gray-lightest .c-button[disabled]:focus, .c-button-group.c-button-group--hollow .c-button.gray-lightest, .c-button-group.c-button-group--hollow .c-button.gray-lightest.disabled, .c-button-group.c-button-group--hollow .c-button.gray-lightest[disabled], .c-button-group.c-button-group--hollow .c-button.gray-lightest.disabled:hover, .c-button-group.c-button-group--hollow .c-button.gray-lightest[disabled]:hover, .c-button-group.c-button-group--hollow .c-button.gray-lightest.disabled:focus, .c-button-group.c-button-group--hollow .c-button.gray-lightest[disabled]:focus { border: 1px solid hsl(0, 0%, 93%); color: hsl(0, 0%, 93%); } .c-button-group.hollow.gray-lightest .c-button:hover, .c-button-group.hollow.gray-lightest .c-button:focus, .c-button-group.hollow .c-button.gray-lightest:hover, .c-button-group.hollow .c-button.gray-lightest:focus, .c-button-group.is-hollow.gray-lightest .c-button:hover, .c-button-group.is-hollow.gray-lightest .c-button:focus, .c-button-group.is-hollow .c-button.gray-lightest:hover, .c-button-group.is-hollow .c-button.gray-lightest:focus, .c-button-group.c-button-group--hollow.gray-lightest .c-button:hover, .c-button-group.c-button-group--hollow.gray-lightest .c-button:focus, .c-button-group.c-button-group--hollow .c-button.gray-lightest:hover, .c-button-group.c-button-group--hollow .c-button.gray-lightest:focus { border-color: hsl(0, 0%, 46.5%); color: hsl(0, 0%, 46.5%); } .c-button-group.hollow.c-button-group--gray-lightest .c-button, .c-button-group.hollow.c-button-group--gray-lightest .c-button:hover, .c-button-group.hollow.c-button-group--gray-lightest .c-button:focus, .c-button-group.hollow.c-button-group--gray-lightest .c-button.disabled, .c-button-group.hollow.c-button-group--gray-lightest .c-button.disabled:hover, .c-button-group.hollow.c-button-group--gray-lightest .c-button.disabled:focus, .c-button-group.hollow.c-button-group--gray-lightest .c-button[disabled], .c-button-group.hollow.c-button-group--gray-lightest .c-button[disabled]:hover, .c-button-group.hollow.c-button-group--gray-lightest .c-button[disabled]:focus, .c-button-group.hollow .c-button.c-button--gray-lightest, .c-button-group.hollow .c-button.c-button--gray-lightest:hover, .c-button-group.hollow .c-button.c-button--gray-lightest:focus, .c-button-group.hollow .c-button.c-button--gray-lightest.disabled, .c-button-group.hollow .c-button.c-button--gray-lightest.disabled:hover, .c-button-group.hollow .c-button.c-button--gray-lightest.disabled:focus, .c-button-group.hollow .c-button.c-button--gray-lightest[disabled], .c-button-group.hollow .c-button.c-button--gray-lightest[disabled]:hover, .c-button-group.hollow .c-button.c-button--gray-lightest[disabled]:focus, .c-button-group.is-hollow.c-button-group--gray-lightest .c-button, .c-button-group.is-hollow.c-button-group--gray-lightest .c-button:hover, .c-button-group.is-hollow.c-button-group--gray-lightest .c-button:focus, .c-button-group.is-hollow.c-button-group--gray-lightest .c-button.disabled, .c-button-group.is-hollow.c-button-group--gray-lightest .c-button.disabled:hover, .c-button-group.is-hollow.c-button-group--gray-lightest .c-button.disabled:focus, .c-button-group.is-hollow.c-button-group--gray-lightest .c-button[disabled], .c-button-group.is-hollow.c-button-group--gray-lightest .c-button[disabled]:hover, .c-button-group.is-hollow.c-button-group--gray-lightest .c-button[disabled]:focus, .c-button-group.is-hollow .c-button.c-button--gray-lightest, .c-button-group.is-hollow .c-button.c-button--gray-lightest:hover, .c-button-group.is-hollow .c-button.c-button--gray-lightest:focus, .c-button-group.is-hollow .c-button.c-button--gray-lightest.disabled, .c-button-group.is-hollow .c-button.c-button--gray-lightest.disabled:hover, .c-button-group.is-hollow .c-button.c-button--gray-lightest.disabled:focus, .c-button-group.is-hollow .c-button.c-button--gray-lightest[disabled], .c-button-group.is-hollow .c-button.c-button--gray-lightest[disabled]:hover, .c-button-group.is-hollow .c-button.c-button--gray-lightest[disabled]:focus, .c-button-group.c-button-group--hollow.c-button-group--gray-lightest .c-button, .c-button-group.c-button-group--hollow.c-button-group--gray-lightest .c-button:hover, .c-button-group.c-button-group--hollow.c-button-group--gray-lightest .c-button:focus, .c-button-group.c-button-group--hollow.c-button-group--gray-lightest .c-button.disabled, .c-button-group.c-button-group--hollow.c-button-group--gray-lightest .c-button.disabled:hover, .c-button-group.c-button-group--hollow.c-button-group--gray-lightest .c-button.disabled:focus, .c-button-group.c-button-group--hollow.c-button-group--gray-lightest .c-button[disabled], .c-button-group.c-button-group--hollow.c-button-group--gray-lightest .c-button[disabled]:hover, .c-button-group.c-button-group--hollow.c-button-group--gray-lightest .c-button[disabled]:focus, .c-button-group.c-button-group--hollow .c-button.c-button--gray-lightest, .c-button-group.c-button-group--hollow .c-button.c-button--gray-lightest:hover, .c-button-group.c-button-group--hollow .c-button.c-button--gray-lightest:focus, .c-button-group.c-button-group--hollow .c-button.c-button--gray-lightest.disabled, .c-button-group.c-button-group--hollow .c-button.c-button--gray-lightest.disabled:hover, .c-button-group.c-button-group--hollow .c-button.c-button--gray-lightest.disabled:focus, .c-button-group.c-button-group--hollow .c-button.c-button--gray-lightest[disabled], .c-button-group.c-button-group--hollow .c-button.c-button--gray-lightest[disabled]:hover, .c-button-group.c-button-group--hollow .c-button.c-button--gray-lightest[disabled]:focus { background-color: transparent; } .c-button-group.hollow.c-button-group--gray-lightest .c-button, .c-button-group.hollow.c-button-group--gray-lightest .c-button.disabled, .c-button-group.hollow.c-button-group--gray-lightest .c-button[disabled], .c-button-group.hollow.c-button-group--gray-lightest .c-button.disabled:hover, .c-button-group.hollow.c-button-group--gray-lightest .c-button[disabled]:hover, .c-button-group.hollow.c-button-group--gray-lightest .c-button.disabled:focus, .c-button-group.hollow.c-button-group--gray-lightest .c-button[disabled]:focus, .c-button-group.hollow .c-button.c-button--gray-lightest, .c-button-group.hollow .c-button.c-button--gray-lightest.disabled, .c-button-group.hollow .c-button.c-button--gray-lightest[disabled], .c-button-group.hollow .c-button.c-button--gray-lightest.disabled:hover, .c-button-group.hollow .c-button.c-button--gray-lightest[disabled]:hover, .c-button-group.hollow .c-button.c-button--gray-lightest.disabled:focus, .c-button-group.hollow .c-button.c-button--gray-lightest[disabled]:focus, .c-button-group.is-hollow.c-button-group--gray-lightest .c-button, .c-button-group.is-hollow.c-button-group--gray-lightest .c-button.disabled, .c-button-group.is-hollow.c-button-group--gray-lightest .c-button[disabled], .c-button-group.is-hollow.c-button-group--gray-lightest .c-button.disabled:hover, .c-button-group.is-hollow.c-button-group--gray-lightest .c-button[disabled]:hover, .c-button-group.is-hollow.c-button-group--gray-lightest .c-button.disabled:focus, .c-button-group.is-hollow.c-button-group--gray-lightest .c-button[disabled]:focus, .c-button-group.is-hollow .c-button.c-button--gray-lightest, .c-button-group.is-hollow .c-button.c-button--gray-lightest.disabled, .c-button-group.is-hollow .c-button.c-button--gray-lightest[disabled], .c-button-group.is-hollow .c-button.c-button--gray-lightest.disabled:hover, .c-button-group.is-hollow .c-button.c-button--gray-lightest[disabled]:hover, .c-button-group.is-hollow .c-button.c-button--gray-lightest.disabled:focus, .c-button-group.is-hollow .c-button.c-button--gray-lightest[disabled]:focus, .c-button-group.c-button-group--hollow.c-button-group--gray-lightest .c-button, .c-button-group.c-button-group--hollow.c-button-group--gray-lightest .c-button.disabled, .c-button-group.c-button-group--hollow.c-button-group--gray-lightest .c-button[disabled], .c-button-group.c-button-group--hollow.c-button-group--gray-lightest .c-button.disabled:hover, .c-button-group.c-button-group--hollow.c-button-group--gray-lightest .c-button[disabled]:hover, .c-button-group.c-button-group--hollow.c-button-group--gray-lightest .c-button.disabled:focus, .c-button-group.c-button-group--hollow.c-button-group--gray-lightest .c-button[disabled]:focus, .c-button-group.c-button-group--hollow .c-button.c-button--gray-lightest, .c-button-group.c-button-group--hollow .c-button.c-button--gray-lightest.disabled, .c-button-group.c-button-group--hollow .c-button.c-button--gray-lightest[disabled], .c-button-group.c-button-group--hollow .c-button.c-button--gray-lightest.disabled:hover, .c-button-group.c-button-group--hollow .c-button.c-button--gray-lightest[disabled]:hover, .c-button-group.c-button-group--hollow .c-button.c-button--gray-lightest.disabled:focus, .c-button-group.c-button-group--hollow .c-button.c-button--gray-lightest[disabled]:focus { border: 1px solid hsl(0, 0%, 93%); color: hsl(0, 0%, 93%); } .c-button-group.hollow.c-button-group--gray-lightest .c-button:hover, .c-button-group.hollow.c-button-group--gray-lightest .c-button:focus, .c-button-group.hollow .c-button.c-button--gray-lightest:hover, .c-button-group.hollow .c-button.c-button--gray-lightest:focus, .c-button-group.is-hollow.c-button-group--gray-lightest .c-button:hover, .c-button-group.is-hollow.c-button-group--gray-lightest .c-button:focus, .c-button-group.is-hollow .c-button.c-button--gray-lightest:hover, .c-button-group.is-hollow .c-button.c-button--gray-lightest:focus, .c-button-group.c-button-group--hollow.c-button-group--gray-lightest .c-button:hover, .c-button-group.c-button-group--hollow.c-button-group--gray-lightest .c-button:focus, .c-button-group.c-button-group--hollow .c-button.c-button--gray-lightest:hover, .c-button-group.c-button-group--hollow .c-button.c-button--gray-lightest:focus { border-color: hsl(0, 0%, 46.5%); color: hsl(0, 0%, 46.5%); } .c-button-group.hollow.white .c-button, .c-button-group.hollow.white .c-button.disabled, .c-button-group.hollow.white .c-button[disabled], .c-button-group.hollow.white .c-button.disabled:hover, .c-button-group.hollow.white .c-button[disabled]:hover, .c-button-group.hollow.white .c-button.disabled:focus, .c-button-group.hollow.white .c-button[disabled]:focus, .c-button-group.hollow .c-button.white, .c-button-group.hollow .c-button.white.disabled, .c-button-group.hollow .c-button.white[disabled], .c-button-group.hollow .c-button.white.disabled:hover, .c-button-group.hollow .c-button.white[disabled]:hover, .c-button-group.hollow .c-button.white.disabled:focus, .c-button-group.hollow .c-button.white[disabled]:focus, .c-button-group.is-hollow.white .c-button, .c-button-group.is-hollow.white .c-button.disabled, .c-button-group.is-hollow.white .c-button[disabled], .c-button-group.is-hollow.white .c-button.disabled:hover, .c-button-group.is-hollow.white .c-button[disabled]:hover, .c-button-group.is-hollow.white .c-button.disabled:focus, .c-button-group.is-hollow.white .c-button[disabled]:focus, .c-button-group.is-hollow .c-button.white, .c-button-group.is-hollow .c-button.white.disabled, .c-button-group.is-hollow .c-button.white[disabled], .c-button-group.is-hollow .c-button.white.disabled:hover, .c-button-group.is-hollow .c-button.white[disabled]:hover, .c-button-group.is-hollow .c-button.white.disabled:focus, .c-button-group.is-hollow .c-button.white[disabled]:focus, .c-button-group.c-button-group--hollow.white .c-button, .c-button-group.c-button-group--hollow.white .c-button.disabled, .c-button-group.c-button-group--hollow.white .c-button[disabled], .c-button-group.c-button-group--hollow.white .c-button.disabled:hover, .c-button-group.c-button-group--hollow.white .c-button[disabled]:hover, .c-button-group.c-button-group--hollow.white .c-button.disabled:focus, .c-button-group.c-button-group--hollow.white .c-button[disabled]:focus, .c-button-group.c-button-group--hollow .c-button.white, .c-button-group.c-button-group--hollow .c-button.white.disabled, .c-button-group.c-button-group--hollow .c-button.white[disabled], .c-button-group.c-button-group--hollow .c-button.white.disabled:hover, .c-button-group.c-button-group--hollow .c-button.white[disabled]:hover, .c-button-group.c-button-group--hollow .c-button.white.disabled:focus, .c-button-group.c-button-group--hollow .c-button.white[disabled]:focus { border: 1px solid hsl(0, 0%, 99.5%); color: hsl(0, 0%, 99.5%); } .c-button-group.hollow.white .c-button:hover, .c-button-group.hollow.white .c-button:focus, .c-button-group.hollow .c-button.white:hover, .c-button-group.hollow .c-button.white:focus, .c-button-group.is-hollow.white .c-button:hover, .c-button-group.is-hollow.white .c-button:focus, .c-button-group.is-hollow .c-button.white:hover, .c-button-group.is-hollow .c-button.white:focus, .c-button-group.c-button-group--hollow.white .c-button:hover, .c-button-group.c-button-group--hollow.white .c-button:focus, .c-button-group.c-button-group--hollow .c-button.white:hover, .c-button-group.c-button-group--hollow .c-button.white:focus { border-color: hsl(0, 0%, 49.75%); color: hsl(0, 0%, 49.75%); } .c-button-group.hollow.c-button-group--white .c-button, .c-button-group.hollow.c-button-group--white .c-button:hover, .c-button-group.hollow.c-button-group--white .c-button:focus, .c-button-group.hollow.c-button-group--white .c-button.disabled, .c-button-group.hollow.c-button-group--white .c-button.disabled:hover, .c-button-group.hollow.c-button-group--white .c-button.disabled:focus, .c-button-group.hollow.c-button-group--white .c-button[disabled], .c-button-group.hollow.c-button-group--white .c-button[disabled]:hover, .c-button-group.hollow.c-button-group--white .c-button[disabled]:focus, .c-button-group.hollow .c-button.c-button--white, .c-button-group.hollow .c-button.c-button--white:hover, .c-button-group.hollow .c-button.c-button--white:focus, .c-button-group.hollow .c-button.c-button--white.disabled, .c-button-group.hollow .c-button.c-button--white.disabled:hover, .c-button-group.hollow .c-button.c-button--white.disabled:focus, .c-button-group.hollow .c-button.c-button--white[disabled], .c-button-group.hollow .c-button.c-button--white[disabled]:hover, .c-button-group.hollow .c-button.c-button--white[disabled]:focus, .c-button-group.is-hollow.c-button-group--white .c-button, .c-button-group.is-hollow.c-button-group--white .c-button:hover, .c-button-group.is-hollow.c-button-group--white .c-button:focus, .c-button-group.is-hollow.c-button-group--white .c-button.disabled, .c-button-group.is-hollow.c-button-group--white .c-button.disabled:hover, .c-button-group.is-hollow.c-button-group--white .c-button.disabled:focus, .c-button-group.is-hollow.c-button-group--white .c-button[disabled], .c-button-group.is-hollow.c-button-group--white .c-button[disabled]:hover, .c-button-group.is-hollow.c-button-group--white .c-button[disabled]:focus, .c-button-group.is-hollow .c-button.c-button--white, .c-button-group.is-hollow .c-button.c-button--white:hover, .c-button-group.is-hollow .c-button.c-button--white:focus, .c-button-group.is-hollow .c-button.c-button--white.disabled, .c-button-group.is-hollow .c-button.c-button--white.disabled:hover, .c-button-group.is-hollow .c-button.c-button--white.disabled:focus, .c-button-group.is-hollow .c-button.c-button--white[disabled], .c-button-group.is-hollow .c-button.c-button--white[disabled]:hover, .c-button-group.is-hollow .c-button.c-button--white[disabled]:focus, .c-button-group.c-button-group--hollow.c-button-group--white .c-button, .c-button-group.c-button-group--hollow.c-button-group--white .c-button:hover, .c-button-group.c-button-group--hollow.c-button-group--white .c-button:focus, .c-button-group.c-button-group--hollow.c-button-group--white .c-button.disabled, .c-button-group.c-button-group--hollow.c-button-group--white .c-button.disabled:hover, .c-button-group.c-button-group--hollow.c-button-group--white .c-button.disabled:focus, .c-button-group.c-button-group--hollow.c-button-group--white .c-button[disabled], .c-button-group.c-button-group--hollow.c-button-group--white .c-button[disabled]:hover, .c-button-group.c-button-group--hollow.c-button-group--white .c-button[disabled]:focus, .c-button-group.c-button-group--hollow .c-button.c-button--white, .c-button-group.c-button-group--hollow .c-button.c-button--white:hover, .c-button-group.c-button-group--hollow .c-button.c-button--white:focus, .c-button-group.c-button-group--hollow .c-button.c-button--white.disabled, .c-button-group.c-button-group--hollow .c-button.c-button--white.disabled:hover, .c-button-group.c-button-group--hollow .c-button.c-button--white.disabled:focus, .c-button-group.c-button-group--hollow .c-button.c-button--white[disabled], .c-button-group.c-button-group--hollow .c-button.c-button--white[disabled]:hover, .c-button-group.c-button-group--hollow .c-button.c-button--white[disabled]:focus { background-color: transparent; } .c-button-group.hollow.c-button-group--white .c-button, .c-button-group.hollow.c-button-group--white .c-button.disabled, .c-button-group.hollow.c-button-group--white .c-button[disabled], .c-button-group.hollow.c-button-group--white .c-button.disabled:hover, .c-button-group.hollow.c-button-group--white .c-button[disabled]:hover, .c-button-group.hollow.c-button-group--white .c-button.disabled:focus, .c-button-group.hollow.c-button-group--white .c-button[disabled]:focus, .c-button-group.hollow .c-button.c-button--white, .c-button-group.hollow .c-button.c-button--white.disabled, .c-button-group.hollow .c-button.c-button--white[disabled], .c-button-group.hollow .c-button.c-button--white.disabled:hover, .c-button-group.hollow .c-button.c-button--white[disabled]:hover, .c-button-group.hollow .c-button.c-button--white.disabled:focus, .c-button-group.hollow .c-button.c-button--white[disabled]:focus, .c-button-group.is-hollow.c-button-group--white .c-button, .c-button-group.is-hollow.c-button-group--white .c-button.disabled, .c-button-group.is-hollow.c-button-group--white .c-button[disabled], .c-button-group.is-hollow.c-button-group--white .c-button.disabled:hover, .c-button-group.is-hollow.c-button-group--white .c-button[disabled]:hover, .c-button-group.is-hollow.c-button-group--white .c-button.disabled:focus, .c-button-group.is-hollow.c-button-group--white .c-button[disabled]:focus, .c-button-group.is-hollow .c-button.c-button--white, .c-button-group.is-hollow .c-button.c-button--white.disabled, .c-button-group.is-hollow .c-button.c-button--white[disabled], .c-button-group.is-hollow .c-button.c-button--white.disabled:hover, .c-button-group.is-hollow .c-button.c-button--white[disabled]:hover, .c-button-group.is-hollow .c-button.c-button--white.disabled:focus, .c-button-group.is-hollow .c-button.c-button--white[disabled]:focus, .c-button-group.c-button-group--hollow.c-button-group--white .c-button, .c-button-group.c-button-group--hollow.c-button-group--white .c-button.disabled, .c-button-group.c-button-group--hollow.c-button-group--white .c-button[disabled], .c-button-group.c-button-group--hollow.c-button-group--white .c-button.disabled:hover, .c-button-group.c-button-group--hollow.c-button-group--white .c-button[disabled]:hover, .c-button-group.c-button-group--hollow.c-button-group--white .c-button.disabled:focus, .c-button-group.c-button-group--hollow.c-button-group--white .c-button[disabled]:focus, .c-button-group.c-button-group--hollow .c-button.c-button--white, .c-button-group.c-button-group--hollow .c-button.c-button--white.disabled, .c-button-group.c-button-group--hollow .c-button.c-button--white[disabled], .c-button-group.c-button-group--hollow .c-button.c-button--white.disabled:hover, .c-button-group.c-button-group--hollow .c-button.c-button--white[disabled]:hover, .c-button-group.c-button-group--hollow .c-button.c-button--white.disabled:focus, .c-button-group.c-button-group--hollow .c-button.c-button--white[disabled]:focus { border: 1px solid hsl(0, 0%, 99.5%); color: hsl(0, 0%, 99.5%); } .c-button-group.hollow.c-button-group--white .c-button:hover, .c-button-group.hollow.c-button-group--white .c-button:focus, .c-button-group.hollow .c-button.c-button--white:hover, .c-button-group.hollow .c-button.c-button--white:focus, .c-button-group.is-hollow.c-button-group--white .c-button:hover, .c-button-group.is-hollow.c-button-group--white .c-button:focus, .c-button-group.is-hollow .c-button.c-button--white:hover, .c-button-group.is-hollow .c-button.c-button--white:focus, .c-button-group.c-button-group--hollow.c-button-group--white .c-button:hover, .c-button-group.c-button-group--hollow.c-button-group--white .c-button:focus, .c-button-group.c-button-group--hollow .c-button.c-button--white:hover, .c-button-group.c-button-group--hollow .c-button.c-button--white:focus { border-color: hsl(0, 0%, 49.75%); color: hsl(0, 0%, 49.75%); } .c-button-group.clear .c-button, .c-button-group.clear .c-button:hover, .c-button-group.clear .c-button:focus, .c-button-group.clear .c-button.disabled, .c-button-group.clear .c-button.disabled:hover, .c-button-group.clear .c-button.disabled:focus, .c-button-group.clear .c-button[disabled], .c-button-group.clear .c-button[disabled]:hover, .c-button-group.clear .c-button[disabled]:focus, .c-button-group.is-clear .c-button, .c-button-group.is-clear .c-button:hover, .c-button-group.is-clear .c-button:focus, .c-button-group.is-clear .c-button.disabled, .c-button-group.is-clear .c-button.disabled:hover, .c-button-group.is-clear .c-button.disabled:focus, .c-button-group.is-clear .c-button[disabled], .c-button-group.is-clear .c-button[disabled]:hover, .c-button-group.is-clear .c-button[disabled]:focus, .c-button-group.c-button-group--clear .c-button, .c-button-group.c-button-group--clear .c-button:hover, .c-button-group.c-button-group--clear .c-button:focus, .c-button-group.c-button-group--clear .c-button.disabled, .c-button-group.c-button-group--clear .c-button.disabled:hover, .c-button-group.c-button-group--clear .c-button.disabled:focus, .c-button-group.c-button-group--clear .c-button[disabled], .c-button-group.c-button-group--clear .c-button[disabled]:hover, .c-button-group.c-button-group--clear .c-button[disabled]:focus { border-color: transparent; background-color: transparent; } .c-button-group.clear .c-button, .c-button-group.clear .c-button:hover, .c-button-group.clear .c-button:focus, .c-button-group.clear .c-button.disabled, .c-button-group.clear .c-button.disabled:hover, .c-button-group.clear .c-button.disabled:focus, .c-button-group.clear .c-button[disabled], .c-button-group.clear .c-button[disabled]:hover, .c-button-group.clear .c-button[disabled]:focus, .c-button-group.is-clear .c-button, .c-button-group.is-clear .c-button:hover, .c-button-group.is-clear .c-button:focus, .c-button-group.is-clear .c-button.disabled, .c-button-group.is-clear .c-button.disabled:hover, .c-button-group.is-clear .c-button.disabled:focus, .c-button-group.is-clear .c-button[disabled], .c-button-group.is-clear .c-button[disabled]:hover, .c-button-group.is-clear .c-button[disabled]:focus, .c-button-group.c-button-group--clear .c-button, .c-button-group.c-button-group--clear .c-button:hover, .c-button-group.c-button-group--clear .c-button:focus, .c-button-group.c-button-group--clear .c-button.disabled, .c-button-group.c-button-group--clear .c-button.disabled:hover, .c-button-group.c-button-group--clear .c-button.disabled:focus, .c-button-group.c-button-group--clear .c-button[disabled], .c-button-group.c-button-group--clear .c-button[disabled]:hover, .c-button-group.c-button-group--clear .c-button[disabled]:focus { border-color: transparent; background-color: transparent; } .c-button-group.clear .c-button, .c-button-group.clear .c-button.disabled, .c-button-group.clear .c-button[disabled], .c-button-group.clear .c-button.disabled:hover, .c-button-group.clear .c-button[disabled]:hover, .c-button-group.clear .c-button.disabled:focus, .c-button-group.clear .c-button[disabled]:focus, .c-button-group.is-clear .c-button, .c-button-group.is-clear .c-button.disabled, .c-button-group.is-clear .c-button[disabled], .c-button-group.is-clear .c-button.disabled:hover, .c-button-group.is-clear .c-button[disabled]:hover, .c-button-group.is-clear .c-button.disabled:focus, .c-button-group.is-clear .c-button[disabled]:focus, .c-button-group.c-button-group--clear .c-button, .c-button-group.c-button-group--clear .c-button.disabled, .c-button-group.c-button-group--clear .c-button[disabled], .c-button-group.c-button-group--clear .c-button.disabled:hover, .c-button-group.c-button-group--clear .c-button[disabled]:hover, .c-button-group.c-button-group--clear .c-button.disabled:focus, .c-button-group.c-button-group--clear .c-button[disabled]:focus { color: hsl(0, 0%, 4%); } .c-button-group.clear .c-button:hover, .c-button-group.clear .c-button:focus, .c-button-group.is-clear .c-button:hover, .c-button-group.is-clear .c-button:focus, .c-button-group.c-button-group--clear .c-button:hover, .c-button-group.c-button-group--clear .c-button:focus { color: hsl(0, 0%, 52%); } .c-button-group.clear.brand .c-button, .c-button-group.clear.brand .c-button.disabled, .c-button-group.clear.brand .c-button[disabled], .c-button-group.clear.brand .c-button.disabled:hover, .c-button-group.clear.brand .c-button[disabled]:hover, .c-button-group.clear.brand .c-button.disabled:focus, .c-button-group.clear.brand .c-button[disabled]:focus, .c-button-group.clear .c-button.brand, .c-button-group.clear .c-button.brand.disabled, .c-button-group.clear .c-button.brand[disabled], .c-button-group.clear .c-button.brand.disabled:hover, .c-button-group.clear .c-button.brand[disabled]:hover, .c-button-group.clear .c-button.brand.disabled:focus, .c-button-group.clear .c-button.brand[disabled]:focus, .c-button-group.is-clear.brand .c-button, .c-button-group.is-clear.brand .c-button.disabled, .c-button-group.is-clear.brand .c-button[disabled], .c-button-group.is-clear.brand .c-button.disabled:hover, .c-button-group.is-clear.brand .c-button[disabled]:hover, .c-button-group.is-clear.brand .c-button.disabled:focus, .c-button-group.is-clear.brand .c-button[disabled]:focus, .c-button-group.is-clear .c-button.brand, .c-button-group.is-clear .c-button.brand.disabled, .c-button-group.is-clear .c-button.brand[disabled], .c-button-group.is-clear .c-button.brand.disabled:hover, .c-button-group.is-clear .c-button.brand[disabled]:hover, .c-button-group.is-clear .c-button.brand.disabled:focus, .c-button-group.is-clear .c-button.brand[disabled]:focus, .c-button-group.c-button-group--clear.brand .c-button, .c-button-group.c-button-group--clear.brand .c-button.disabled, .c-button-group.c-button-group--clear.brand .c-button[disabled], .c-button-group.c-button-group--clear.brand .c-button.disabled:hover, .c-button-group.c-button-group--clear.brand .c-button[disabled]:hover, .c-button-group.c-button-group--clear.brand .c-button.disabled:focus, .c-button-group.c-button-group--clear.brand .c-button[disabled]:focus, .c-button-group.c-button-group--clear .c-button.brand, .c-button-group.c-button-group--clear .c-button.brand.disabled, .c-button-group.c-button-group--clear .c-button.brand[disabled], .c-button-group.c-button-group--clear .c-button.brand.disabled:hover, .c-button-group.c-button-group--clear .c-button.brand[disabled]:hover, .c-button-group.c-button-group--clear .c-button.brand.disabled:focus, .c-button-group.c-button-group--clear .c-button.brand[disabled]:focus { color: hsl(332.5190839695, 97.037037037%, 26.4705882353%); } .c-button-group.clear.brand .c-button:hover, .c-button-group.clear.brand .c-button:focus, .c-button-group.clear .c-button.brand:hover, .c-button-group.clear .c-button.brand:focus, .c-button-group.is-clear.brand .c-button:hover, .c-button-group.is-clear.brand .c-button:focus, .c-button-group.is-clear .c-button.brand:hover, .c-button-group.is-clear .c-button.brand:focus, .c-button-group.c-button-group--clear.brand .c-button:hover, .c-button-group.c-button-group--clear.brand .c-button:focus, .c-button-group.c-button-group--clear .c-button.brand:hover, .c-button-group.c-button-group--clear .c-button.brand:focus { color: hsl(332.5190839695, 97.037037037%, 13.2352941176%); } .c-button-group.clear.c-button-group--brand .c-button, .c-button-group.clear.c-button-group--brand .c-button:hover, .c-button-group.clear.c-button-group--brand .c-button:focus, .c-button-group.clear.c-button-group--brand .c-button.disabled, .c-button-group.clear.c-button-group--brand .c-button.disabled:hover, .c-button-group.clear.c-button-group--brand .c-button.disabled:focus, .c-button-group.clear.c-button-group--brand .c-button[disabled], .c-button-group.clear.c-button-group--brand .c-button[disabled]:hover, .c-button-group.clear.c-button-group--brand .c-button[disabled]:focus, .c-button-group.clear .c-button.c-button--brand, .c-button-group.clear .c-button.c-button--brand:hover, .c-button-group.clear .c-button.c-button--brand:focus, .c-button-group.clear .c-button.c-button--brand.disabled, .c-button-group.clear .c-button.c-button--brand.disabled:hover, .c-button-group.clear .c-button.c-button--brand.disabled:focus, .c-button-group.clear .c-button.c-button--brand[disabled], .c-button-group.clear .c-button.c-button--brand[disabled]:hover, .c-button-group.clear .c-button.c-button--brand[disabled]:focus, .c-button-group.is-clear.c-button-group--brand .c-button, .c-button-group.is-clear.c-button-group--brand .c-button:hover, .c-button-group.is-clear.c-button-group--brand .c-button:focus, .c-button-group.is-clear.c-button-group--brand .c-button.disabled, .c-button-group.is-clear.c-button-group--brand .c-button.disabled:hover, .c-button-group.is-clear.c-button-group--brand .c-button.disabled:focus, .c-button-group.is-clear.c-button-group--brand .c-button[disabled], .c-button-group.is-clear.c-button-group--brand .c-button[disabled]:hover, .c-button-group.is-clear.c-button-group--brand .c-button[disabled]:focus, .c-button-group.is-clear .c-button.c-button--brand, .c-button-group.is-clear .c-button.c-button--brand:hover, .c-button-group.is-clear .c-button.c-button--brand:focus, .c-button-group.is-clear .c-button.c-button--brand.disabled, .c-button-group.is-clear .c-button.c-button--brand.disabled:hover, .c-button-group.is-clear .c-button.c-button--brand.disabled:focus, .c-button-group.is-clear .c-button.c-button--brand[disabled], .c-button-group.is-clear .c-button.c-button--brand[disabled]:hover, .c-button-group.is-clear .c-button.c-button--brand[disabled]:focus, .c-button-group.c-button-group--clear.c-button-group--brand .c-button, .c-button-group.c-button-group--clear.c-button-group--brand .c-button:hover, .c-button-group.c-button-group--clear.c-button-group--brand .c-button:focus, .c-button-group.c-button-group--clear.c-button-group--brand .c-button.disabled, .c-button-group.c-button-group--clear.c-button-group--brand .c-button.disabled:hover, .c-button-group.c-button-group--clear.c-button-group--brand .c-button.disabled:focus, .c-button-group.c-button-group--clear.c-button-group--brand .c-button[disabled], .c-button-group.c-button-group--clear.c-button-group--brand .c-button[disabled]:hover, .c-button-group.c-button-group--clear.c-button-group--brand .c-button[disabled]:focus, .c-button-group.c-button-group--clear .c-button.c-button--brand, .c-button-group.c-button-group--clear .c-button.c-button--brand:hover, .c-button-group.c-button-group--clear .c-button.c-button--brand:focus, .c-button-group.c-button-group--clear .c-button.c-button--brand.disabled, .c-button-group.c-button-group--clear .c-button.c-button--brand.disabled:hover, .c-button-group.c-button-group--clear .c-button.c-button--brand.disabled:focus, .c-button-group.c-button-group--clear .c-button.c-button--brand[disabled], .c-button-group.c-button-group--clear .c-button.c-button--brand[disabled]:hover, .c-button-group.c-button-group--clear .c-button.c-button--brand[disabled]:focus { border-color: transparent; background-color: transparent; } .c-button-group.clear.c-button-group--brand .c-button, .c-button-group.clear.c-button-group--brand .c-button.disabled, .c-button-group.clear.c-button-group--brand .c-button[disabled], .c-button-group.clear.c-button-group--brand .c-button.disabled:hover, .c-button-group.clear.c-button-group--brand .c-button[disabled]:hover, .c-button-group.clear.c-button-group--brand .c-button.disabled:focus, .c-button-group.clear.c-button-group--brand .c-button[disabled]:focus, .c-button-group.clear .c-button.c-button--brand, .c-button-group.clear .c-button.c-button--brand.disabled, .c-button-group.clear .c-button.c-button--brand[disabled], .c-button-group.clear .c-button.c-button--brand.disabled:hover, .c-button-group.clear .c-button.c-button--brand[disabled]:hover, .c-button-group.clear .c-button.c-button--brand.disabled:focus, .c-button-group.clear .c-button.c-button--brand[disabled]:focus, .c-button-group.is-clear.c-button-group--brand .c-button, .c-button-group.is-clear.c-button-group--brand .c-button.disabled, .c-button-group.is-clear.c-button-group--brand .c-button[disabled], .c-button-group.is-clear.c-button-group--brand .c-button.disabled:hover, .c-button-group.is-clear.c-button-group--brand .c-button[disabled]:hover, .c-button-group.is-clear.c-button-group--brand .c-button.disabled:focus, .c-button-group.is-clear.c-button-group--brand .c-button[disabled]:focus, .c-button-group.is-clear .c-button.c-button--brand, .c-button-group.is-clear .c-button.c-button--brand.disabled, .c-button-group.is-clear .c-button.c-button--brand[disabled], .c-button-group.is-clear .c-button.c-button--brand.disabled:hover, .c-button-group.is-clear .c-button.c-button--brand[disabled]:hover, .c-button-group.is-clear .c-button.c-button--brand.disabled:focus, .c-button-group.is-clear .c-button.c-button--brand[disabled]:focus, .c-button-group.c-button-group--clear.c-button-group--brand .c-button, .c-button-group.c-button-group--clear.c-button-group--brand .c-button.disabled, .c-button-group.c-button-group--clear.c-button-group--brand .c-button[disabled], .c-button-group.c-button-group--clear.c-button-group--brand .c-button.disabled:hover, .c-button-group.c-button-group--clear.c-button-group--brand .c-button[disabled]:hover, .c-button-group.c-button-group--clear.c-button-group--brand .c-button.disabled:focus, .c-button-group.c-button-group--clear.c-button-group--brand .c-button[disabled]:focus, .c-button-group.c-button-group--clear .c-button.c-button--brand, .c-button-group.c-button-group--clear .c-button.c-button--brand.disabled, .c-button-group.c-button-group--clear .c-button.c-button--brand[disabled], .c-button-group.c-button-group--clear .c-button.c-button--brand.disabled:hover, .c-button-group.c-button-group--clear .c-button.c-button--brand[disabled]:hover, .c-button-group.c-button-group--clear .c-button.c-button--brand.disabled:focus, .c-button-group.c-button-group--clear .c-button.c-button--brand[disabled]:focus { color: hsl(332.5190839695, 97.037037037%, 26.4705882353%); } .c-button-group.clear.c-button-group--brand .c-button:hover, .c-button-group.clear.c-button-group--brand .c-button:focus, .c-button-group.clear .c-button.c-button--brand:hover, .c-button-group.clear .c-button.c-button--brand:focus, .c-button-group.is-clear.c-button-group--brand .c-button:hover, .c-button-group.is-clear.c-button-group--brand .c-button:focus, .c-button-group.is-clear .c-button.c-button--brand:hover, .c-button-group.is-clear .c-button.c-button--brand:focus, .c-button-group.c-button-group--clear.c-button-group--brand .c-button:hover, .c-button-group.c-button-group--clear.c-button-group--brand .c-button:focus, .c-button-group.c-button-group--clear .c-button.c-button--brand:hover, .c-button-group.c-button-group--clear .c-button.c-button--brand:focus { color: hsl(332.5190839695, 97.037037037%, 63.2352941176%); } .c-button-group.clear.primary .c-button, .c-button-group.clear.primary .c-button.disabled, .c-button-group.clear.primary .c-button[disabled], .c-button-group.clear.primary .c-button.disabled:hover, .c-button-group.clear.primary .c-button[disabled]:hover, .c-button-group.clear.primary .c-button.disabled:focus, .c-button-group.clear.primary .c-button[disabled]:focus, .c-button-group.clear .c-button.primary, .c-button-group.clear .c-button.primary.disabled, .c-button-group.clear .c-button.primary[disabled], .c-button-group.clear .c-button.primary.disabled:hover, .c-button-group.clear .c-button.primary[disabled]:hover, .c-button-group.clear .c-button.primary.disabled:focus, .c-button-group.clear .c-button.primary[disabled]:focus, .c-button-group.is-clear.primary .c-button, .c-button-group.is-clear.primary .c-button.disabled, .c-button-group.is-clear.primary .c-button[disabled], .c-button-group.is-clear.primary .c-button.disabled:hover, .c-button-group.is-clear.primary .c-button[disabled]:hover, .c-button-group.is-clear.primary .c-button.disabled:focus, .c-button-group.is-clear.primary .c-button[disabled]:focus, .c-button-group.is-clear .c-button.primary, .c-button-group.is-clear .c-button.primary.disabled, .c-button-group.is-clear .c-button.primary[disabled], .c-button-group.is-clear .c-button.primary.disabled:hover, .c-button-group.is-clear .c-button.primary[disabled]:hover, .c-button-group.is-clear .c-button.primary.disabled:focus, .c-button-group.is-clear .c-button.primary[disabled]:focus, .c-button-group.c-button-group--clear.primary .c-button, .c-button-group.c-button-group--clear.primary .c-button.disabled, .c-button-group.c-button-group--clear.primary .c-button[disabled], .c-button-group.c-button-group--clear.primary .c-button.disabled:hover, .c-button-group.c-button-group--clear.primary .c-button[disabled]:hover, .c-button-group.c-button-group--clear.primary .c-button.disabled:focus, .c-button-group.c-button-group--clear.primary .c-button[disabled]:focus, .c-button-group.c-button-group--clear .c-button.primary, .c-button-group.c-button-group--clear .c-button.primary.disabled, .c-button-group.c-button-group--clear .c-button.primary[disabled], .c-button-group.c-button-group--clear .c-button.primary.disabled:hover, .c-button-group.c-button-group--clear .c-button.primary[disabled]:hover, .c-button-group.c-button-group--clear .c-button.primary.disabled:focus, .c-button-group.c-button-group--clear .c-button.primary[disabled]:focus { color: hsl(222, 100%, 29%); } .c-button-group.clear.primary .c-button:hover, .c-button-group.clear.primary .c-button:focus, .c-button-group.clear .c-button.primary:hover, .c-button-group.clear .c-button.primary:focus, .c-button-group.is-clear.primary .c-button:hover, .c-button-group.is-clear.primary .c-button:focus, .c-button-group.is-clear .c-button.primary:hover, .c-button-group.is-clear .c-button.primary:focus, .c-button-group.c-button-group--clear.primary .c-button:hover, .c-button-group.c-button-group--clear.primary .c-button:focus, .c-button-group.c-button-group--clear .c-button.primary:hover, .c-button-group.c-button-group--clear .c-button.primary:focus { color: hsl(222, 100%, 14.5%); } .c-button-group.clear.c-button-group--primary .c-button, .c-button-group.clear.c-button-group--primary .c-button:hover, .c-button-group.clear.c-button-group--primary .c-button:focus, .c-button-group.clear.c-button-group--primary .c-button.disabled, .c-button-group.clear.c-button-group--primary .c-button.disabled:hover, .c-button-group.clear.c-button-group--primary .c-button.disabled:focus, .c-button-group.clear.c-button-group--primary .c-button[disabled], .c-button-group.clear.c-button-group--primary .c-button[disabled]:hover, .c-button-group.clear.c-button-group--primary .c-button[disabled]:focus, .c-button-group.clear .c-button.c-button--primary, .c-button-group.clear .c-button.c-button--primary:hover, .c-button-group.clear .c-button.c-button--primary:focus, .c-button-group.clear .c-button.c-button--primary.disabled, .c-button-group.clear .c-button.c-button--primary.disabled:hover, .c-button-group.clear .c-button.c-button--primary.disabled:focus, .c-button-group.clear .c-button.c-button--primary[disabled], .c-button-group.clear .c-button.c-button--primary[disabled]:hover, .c-button-group.clear .c-button.c-button--primary[disabled]:focus, .c-button-group.is-clear.c-button-group--primary .c-button, .c-button-group.is-clear.c-button-group--primary .c-button:hover, .c-button-group.is-clear.c-button-group--primary .c-button:focus, .c-button-group.is-clear.c-button-group--primary .c-button.disabled, .c-button-group.is-clear.c-button-group--primary .c-button.disabled:hover, .c-button-group.is-clear.c-button-group--primary .c-button.disabled:focus, .c-button-group.is-clear.c-button-group--primary .c-button[disabled], .c-button-group.is-clear.c-button-group--primary .c-button[disabled]:hover, .c-button-group.is-clear.c-button-group--primary .c-button[disabled]:focus, .c-button-group.is-clear .c-button.c-button--primary, .c-button-group.is-clear .c-button.c-button--primary:hover, .c-button-group.is-clear .c-button.c-button--primary:focus, .c-button-group.is-clear .c-button.c-button--primary.disabled, .c-button-group.is-clear .c-button.c-button--primary.disabled:hover, .c-button-group.is-clear .c-button.c-button--primary.disabled:focus, .c-button-group.is-clear .c-button.c-button--primary[disabled], .c-button-group.is-clear .c-button.c-button--primary[disabled]:hover, .c-button-group.is-clear .c-button.c-button--primary[disabled]:focus, .c-button-group.c-button-group--clear.c-button-group--primary .c-button, .c-button-group.c-button-group--clear.c-button-group--primary .c-button:hover, .c-button-group.c-button-group--clear.c-button-group--primary .c-button:focus, .c-button-group.c-button-group--clear.c-button-group--primary .c-button.disabled, .c-button-group.c-button-group--clear.c-button-group--primary .c-button.disabled:hover, .c-button-group.c-button-group--clear.c-button-group--primary .c-button.disabled:focus, .c-button-group.c-button-group--clear.c-button-group--primary .c-button[disabled], .c-button-group.c-button-group--clear.c-button-group--primary .c-button[disabled]:hover, .c-button-group.c-button-group--clear.c-button-group--primary .c-button[disabled]:focus, .c-button-group.c-button-group--clear .c-button.c-button--primary, .c-button-group.c-button-group--clear .c-button.c-button--primary:hover, .c-button-group.c-button-group--clear .c-button.c-button--primary:focus, .c-button-group.c-button-group--clear .c-button.c-button--primary.disabled, .c-button-group.c-button-group--clear .c-button.c-button--primary.disabled:hover, .c-button-group.c-button-group--clear .c-button.c-button--primary.disabled:focus, .c-button-group.c-button-group--clear .c-button.c-button--primary[disabled], .c-button-group.c-button-group--clear .c-button.c-button--primary[disabled]:hover, .c-button-group.c-button-group--clear .c-button.c-button--primary[disabled]:focus { border-color: transparent; background-color: transparent; } .c-button-group.clear.c-button-group--primary .c-button, .c-button-group.clear.c-button-group--primary .c-button.disabled, .c-button-group.clear.c-button-group--primary .c-button[disabled], .c-button-group.clear.c-button-group--primary .c-button.disabled:hover, .c-button-group.clear.c-button-group--primary .c-button[disabled]:hover, .c-button-group.clear.c-button-group--primary .c-button.disabled:focus, .c-button-group.clear.c-button-group--primary .c-button[disabled]:focus, .c-button-group.clear .c-button.c-button--primary, .c-button-group.clear .c-button.c-button--primary.disabled, .c-button-group.clear .c-button.c-button--primary[disabled], .c-button-group.clear .c-button.c-button--primary.disabled:hover, .c-button-group.clear .c-button.c-button--primary[disabled]:hover, .c-button-group.clear .c-button.c-button--primary.disabled:focus, .c-button-group.clear .c-button.c-button--primary[disabled]:focus, .c-button-group.is-clear.c-button-group--primary .c-button, .c-button-group.is-clear.c-button-group--primary .c-button.disabled, .c-button-group.is-clear.c-button-group--primary .c-button[disabled], .c-button-group.is-clear.c-button-group--primary .c-button.disabled:hover, .c-button-group.is-clear.c-button-group--primary .c-button[disabled]:hover, .c-button-group.is-clear.c-button-group--primary .c-button.disabled:focus, .c-button-group.is-clear.c-button-group--primary .c-button[disabled]:focus, .c-button-group.is-clear .c-button.c-button--primary, .c-button-group.is-clear .c-button.c-button--primary.disabled, .c-button-group.is-clear .c-button.c-button--primary[disabled], .c-button-group.is-clear .c-button.c-button--primary.disabled:hover, .c-button-group.is-clear .c-button.c-button--primary[disabled]:hover, .c-button-group.is-clear .c-button.c-button--primary.disabled:focus, .c-button-group.is-clear .c-button.c-button--primary[disabled]:focus, .c-button-group.c-button-group--clear.c-button-group--primary .c-button, .c-button-group.c-button-group--clear.c-button-group--primary .c-button.disabled, .c-button-group.c-button-group--clear.c-button-group--primary .c-button[disabled], .c-button-group.c-button-group--clear.c-button-group--primary .c-button.disabled:hover, .c-button-group.c-button-group--clear.c-button-group--primary .c-button[disabled]:hover, .c-button-group.c-button-group--clear.c-button-group--primary .c-button.disabled:focus, .c-button-group.c-button-group--clear.c-button-group--primary .c-button[disabled]:focus, .c-button-group.c-button-group--clear .c-button.c-button--primary, .c-button-group.c-button-group--clear .c-button.c-button--primary.disabled, .c-button-group.c-button-group--clear .c-button.c-button--primary[disabled], .c-button-group.c-button-group--clear .c-button.c-button--primary.disabled:hover, .c-button-group.c-button-group--clear .c-button.c-button--primary[disabled]:hover, .c-button-group.c-button-group--clear .c-button.c-button--primary.disabled:focus, .c-button-group.c-button-group--clear .c-button.c-button--primary[disabled]:focus { color: hsl(222, 100%, 29%); } .c-button-group.clear.c-button-group--primary .c-button:hover, .c-button-group.clear.c-button-group--primary .c-button:focus, .c-button-group.clear .c-button.c-button--primary:hover, .c-button-group.clear .c-button.c-button--primary:focus, .c-button-group.is-clear.c-button-group--primary .c-button:hover, .c-button-group.is-clear.c-button-group--primary .c-button:focus, .c-button-group.is-clear .c-button.c-button--primary:hover, .c-button-group.is-clear .c-button.c-button--primary:focus, .c-button-group.c-button-group--clear.c-button-group--primary .c-button:hover, .c-button-group.c-button-group--clear.c-button-group--primary .c-button:focus, .c-button-group.c-button-group--clear .c-button.c-button--primary:hover, .c-button-group.c-button-group--clear .c-button.c-button--primary:focus { color: hsl(222, 100%, 64.5%); } .c-button-group.clear.secondary .c-button, .c-button-group.clear.secondary .c-button.disabled, .c-button-group.clear.secondary .c-button[disabled], .c-button-group.clear.secondary .c-button.disabled:hover, .c-button-group.clear.secondary .c-button[disabled]:hover, .c-button-group.clear.secondary .c-button.disabled:focus, .c-button-group.clear.secondary .c-button[disabled]:focus, .c-button-group.clear .c-button.secondary, .c-button-group.clear .c-button.secondary.disabled, .c-button-group.clear .c-button.secondary[disabled], .c-button-group.clear .c-button.secondary.disabled:hover, .c-button-group.clear .c-button.secondary[disabled]:hover, .c-button-group.clear .c-button.secondary.disabled:focus, .c-button-group.clear .c-button.secondary[disabled]:focus, .c-button-group.is-clear.secondary .c-button, .c-button-group.is-clear.secondary .c-button.disabled, .c-button-group.is-clear.secondary .c-button[disabled], .c-button-group.is-clear.secondary .c-button.disabled:hover, .c-button-group.is-clear.secondary .c-button[disabled]:hover, .c-button-group.is-clear.secondary .c-button.disabled:focus, .c-button-group.is-clear.secondary .c-button[disabled]:focus, .c-button-group.is-clear .c-button.secondary, .c-button-group.is-clear .c-button.secondary.disabled, .c-button-group.is-clear .c-button.secondary[disabled], .c-button-group.is-clear .c-button.secondary.disabled:hover, .c-button-group.is-clear .c-button.secondary[disabled]:hover, .c-button-group.is-clear .c-button.secondary.disabled:focus, .c-button-group.is-clear .c-button.secondary[disabled]:focus, .c-button-group.c-button-group--clear.secondary .c-button, .c-button-group.c-button-group--clear.secondary .c-button.disabled, .c-button-group.c-button-group--clear.secondary .c-button[disabled], .c-button-group.c-button-group--clear.secondary .c-button.disabled:hover, .c-button-group.c-button-group--clear.secondary .c-button[disabled]:hover, .c-button-group.c-button-group--clear.secondary .c-button.disabled:focus, .c-button-group.c-button-group--clear.secondary .c-button[disabled]:focus, .c-button-group.c-button-group--clear .c-button.secondary, .c-button-group.c-button-group--clear .c-button.secondary.disabled, .c-button-group.c-button-group--clear .c-button.secondary[disabled], .c-button-group.c-button-group--clear .c-button.secondary.disabled:hover, .c-button-group.c-button-group--clear .c-button.secondary[disabled]:hover, .c-button-group.c-button-group--clear .c-button.secondary.disabled:focus, .c-button-group.c-button-group--clear .c-button.secondary[disabled]:focus { color: hsl(194, 100%, 89%); } .c-button-group.clear.secondary .c-button:hover, .c-button-group.clear.secondary .c-button:focus, .c-button-group.clear .c-button.secondary:hover, .c-button-group.clear .c-button.secondary:focus, .c-button-group.is-clear.secondary .c-button:hover, .c-button-group.is-clear.secondary .c-button:focus, .c-button-group.is-clear .c-button.secondary:hover, .c-button-group.is-clear .c-button.secondary:focus, .c-button-group.c-button-group--clear.secondary .c-button:hover, .c-button-group.c-button-group--clear.secondary .c-button:focus, .c-button-group.c-button-group--clear .c-button.secondary:hover, .c-button-group.c-button-group--clear .c-button.secondary:focus { color: hsl(194, 100%, 44.5%); } .c-button-group.clear.c-button-group--secondary .c-button, .c-button-group.clear.c-button-group--secondary .c-button:hover, .c-button-group.clear.c-button-group--secondary .c-button:focus, .c-button-group.clear.c-button-group--secondary .c-button.disabled, .c-button-group.clear.c-button-group--secondary .c-button.disabled:hover, .c-button-group.clear.c-button-group--secondary .c-button.disabled:focus, .c-button-group.clear.c-button-group--secondary .c-button[disabled], .c-button-group.clear.c-button-group--secondary .c-button[disabled]:hover, .c-button-group.clear.c-button-group--secondary .c-button[disabled]:focus, .c-button-group.clear .c-button.c-button--secondary, .c-button-group.clear .c-button.c-button--secondary:hover, .c-button-group.clear .c-button.c-button--secondary:focus, .c-button-group.clear .c-button.c-button--secondary.disabled, .c-button-group.clear .c-button.c-button--secondary.disabled:hover, .c-button-group.clear .c-button.c-button--secondary.disabled:focus, .c-button-group.clear .c-button.c-button--secondary[disabled], .c-button-group.clear .c-button.c-button--secondary[disabled]:hover, .c-button-group.clear .c-button.c-button--secondary[disabled]:focus, .c-button-group.is-clear.c-button-group--secondary .c-button, .c-button-group.is-clear.c-button-group--secondary .c-button:hover, .c-button-group.is-clear.c-button-group--secondary .c-button:focus, .c-button-group.is-clear.c-button-group--secondary .c-button.disabled, .c-button-group.is-clear.c-button-group--secondary .c-button.disabled:hover, .c-button-group.is-clear.c-button-group--secondary .c-button.disabled:focus, .c-button-group.is-clear.c-button-group--secondary .c-button[disabled], .c-button-group.is-clear.c-button-group--secondary .c-button[disabled]:hover, .c-button-group.is-clear.c-button-group--secondary .c-button[disabled]:focus, .c-button-group.is-clear .c-button.c-button--secondary, .c-button-group.is-clear .c-button.c-button--secondary:hover, .c-button-group.is-clear .c-button.c-button--secondary:focus, .c-button-group.is-clear .c-button.c-button--secondary.disabled, .c-button-group.is-clear .c-button.c-button--secondary.disabled:hover, .c-button-group.is-clear .c-button.c-button--secondary.disabled:focus, .c-button-group.is-clear .c-button.c-button--secondary[disabled], .c-button-group.is-clear .c-button.c-button--secondary[disabled]:hover, .c-button-group.is-clear .c-button.c-button--secondary[disabled]:focus, .c-button-group.c-button-group--clear.c-button-group--secondary .c-button, .c-button-group.c-button-group--clear.c-button-group--secondary .c-button:hover, .c-button-group.c-button-group--clear.c-button-group--secondary .c-button:focus, .c-button-group.c-button-group--clear.c-button-group--secondary .c-button.disabled, .c-button-group.c-button-group--clear.c-button-group--secondary .c-button.disabled:hover, .c-button-group.c-button-group--clear.c-button-group--secondary .c-button.disabled:focus, .c-button-group.c-button-group--clear.c-button-group--secondary .c-button[disabled], .c-button-group.c-button-group--clear.c-button-group--secondary .c-button[disabled]:hover, .c-button-group.c-button-group--clear.c-button-group--secondary .c-button[disabled]:focus, .c-button-group.c-button-group--clear .c-button.c-button--secondary, .c-button-group.c-button-group--clear .c-button.c-button--secondary:hover, .c-button-group.c-button-group--clear .c-button.c-button--secondary:focus, .c-button-group.c-button-group--clear .c-button.c-button--secondary.disabled, .c-button-group.c-button-group--clear .c-button.c-button--secondary.disabled:hover, .c-button-group.c-button-group--clear .c-button.c-button--secondary.disabled:focus, .c-button-group.c-button-group--clear .c-button.c-button--secondary[disabled], .c-button-group.c-button-group--clear .c-button.c-button--secondary[disabled]:hover, .c-button-group.c-button-group--clear .c-button.c-button--secondary[disabled]:focus { border-color: transparent; background-color: transparent; } .c-button-group.clear.c-button-group--secondary .c-button, .c-button-group.clear.c-button-group--secondary .c-button.disabled, .c-button-group.clear.c-button-group--secondary .c-button[disabled], .c-button-group.clear.c-button-group--secondary .c-button.disabled:hover, .c-button-group.clear.c-button-group--secondary .c-button[disabled]:hover, .c-button-group.clear.c-button-group--secondary .c-button.disabled:focus, .c-button-group.clear.c-button-group--secondary .c-button[disabled]:focus, .c-button-group.clear .c-button.c-button--secondary, .c-button-group.clear .c-button.c-button--secondary.disabled, .c-button-group.clear .c-button.c-button--secondary[disabled], .c-button-group.clear .c-button.c-button--secondary.disabled:hover, .c-button-group.clear .c-button.c-button--secondary[disabled]:hover, .c-button-group.clear .c-button.c-button--secondary.disabled:focus, .c-button-group.clear .c-button.c-button--secondary[disabled]:focus, .c-button-group.is-clear.c-button-group--secondary .c-button, .c-button-group.is-clear.c-button-group--secondary .c-button.disabled, .c-button-group.is-clear.c-button-group--secondary .c-button[disabled], .c-button-group.is-clear.c-button-group--secondary .c-button.disabled:hover, .c-button-group.is-clear.c-button-group--secondary .c-button[disabled]:hover, .c-button-group.is-clear.c-button-group--secondary .c-button.disabled:focus, .c-button-group.is-clear.c-button-group--secondary .c-button[disabled]:focus, .c-button-group.is-clear .c-button.c-button--secondary, .c-button-group.is-clear .c-button.c-button--secondary.disabled, .c-button-group.is-clear .c-button.c-button--secondary[disabled], .c-button-group.is-clear .c-button.c-button--secondary.disabled:hover, .c-button-group.is-clear .c-button.c-button--secondary[disabled]:hover, .c-button-group.is-clear .c-button.c-button--secondary.disabled:focus, .c-button-group.is-clear .c-button.c-button--secondary[disabled]:focus, .c-button-group.c-button-group--clear.c-button-group--secondary .c-button, .c-button-group.c-button-group--clear.c-button-group--secondary .c-button.disabled, .c-button-group.c-button-group--clear.c-button-group--secondary .c-button[disabled], .c-button-group.c-button-group--clear.c-button-group--secondary .c-button.disabled:hover, .c-button-group.c-button-group--clear.c-button-group--secondary .c-button[disabled]:hover, .c-button-group.c-button-group--clear.c-button-group--secondary .c-button.disabled:focus, .c-button-group.c-button-group--clear.c-button-group--secondary .c-button[disabled]:focus, .c-button-group.c-button-group--clear .c-button.c-button--secondary, .c-button-group.c-button-group--clear .c-button.c-button--secondary.disabled, .c-button-group.c-button-group--clear .c-button.c-button--secondary[disabled], .c-button-group.c-button-group--clear .c-button.c-button--secondary.disabled:hover, .c-button-group.c-button-group--clear .c-button.c-button--secondary[disabled]:hover, .c-button-group.c-button-group--clear .c-button.c-button--secondary.disabled:focus, .c-button-group.c-button-group--clear .c-button.c-button--secondary[disabled]:focus { color: hsl(194, 100%, 89%); } .c-button-group.clear.c-button-group--secondary .c-button:hover, .c-button-group.clear.c-button-group--secondary .c-button:focus, .c-button-group.clear .c-button.c-button--secondary:hover, .c-button-group.clear .c-button.c-button--secondary:focus, .c-button-group.is-clear.c-button-group--secondary .c-button:hover, .c-button-group.is-clear.c-button-group--secondary .c-button:focus, .c-button-group.is-clear .c-button.c-button--secondary:hover, .c-button-group.is-clear .c-button.c-button--secondary:focus, .c-button-group.c-button-group--clear.c-button-group--secondary .c-button:hover, .c-button-group.c-button-group--clear.c-button-group--secondary .c-button:focus, .c-button-group.c-button-group--clear .c-button.c-button--secondary:hover, .c-button-group.c-button-group--clear .c-button.c-button--secondary:focus { color: hsl(194, 100%, 44.5%); } .c-button-group.clear.tertiary .c-button, .c-button-group.clear.tertiary .c-button.disabled, .c-button-group.clear.tertiary .c-button[disabled], .c-button-group.clear.tertiary .c-button.disabled:hover, .c-button-group.clear.tertiary .c-button[disabled]:hover, .c-button-group.clear.tertiary .c-button.disabled:focus, .c-button-group.clear.tertiary .c-button[disabled]:focus, .c-button-group.clear .c-button.tertiary, .c-button-group.clear .c-button.tertiary.disabled, .c-button-group.clear .c-button.tertiary[disabled], .c-button-group.clear .c-button.tertiary.disabled:hover, .c-button-group.clear .c-button.tertiary[disabled]:hover, .c-button-group.clear .c-button.tertiary.disabled:focus, .c-button-group.clear .c-button.tertiary[disabled]:focus, .c-button-group.is-clear.tertiary .c-button, .c-button-group.is-clear.tertiary .c-button.disabled, .c-button-group.is-clear.tertiary .c-button[disabled], .c-button-group.is-clear.tertiary .c-button.disabled:hover, .c-button-group.is-clear.tertiary .c-button[disabled]:hover, .c-button-group.is-clear.tertiary .c-button.disabled:focus, .c-button-group.is-clear.tertiary .c-button[disabled]:focus, .c-button-group.is-clear .c-button.tertiary, .c-button-group.is-clear .c-button.tertiary.disabled, .c-button-group.is-clear .c-button.tertiary[disabled], .c-button-group.is-clear .c-button.tertiary.disabled:hover, .c-button-group.is-clear .c-button.tertiary[disabled]:hover, .c-button-group.is-clear .c-button.tertiary.disabled:focus, .c-button-group.is-clear .c-button.tertiary[disabled]:focus, .c-button-group.c-button-group--clear.tertiary .c-button, .c-button-group.c-button-group--clear.tertiary .c-button.disabled, .c-button-group.c-button-group--clear.tertiary .c-button[disabled], .c-button-group.c-button-group--clear.tertiary .c-button.disabled:hover, .c-button-group.c-button-group--clear.tertiary .c-button[disabled]:hover, .c-button-group.c-button-group--clear.tertiary .c-button.disabled:focus, .c-button-group.c-button-group--clear.tertiary .c-button[disabled]:focus, .c-button-group.c-button-group--clear .c-button.tertiary, .c-button-group.c-button-group--clear .c-button.tertiary.disabled, .c-button-group.c-button-group--clear .c-button.tertiary[disabled], .c-button-group.c-button-group--clear .c-button.tertiary.disabled:hover, .c-button-group.c-button-group--clear .c-button.tertiary[disabled]:hover, .c-button-group.c-button-group--clear .c-button.tertiary.disabled:focus, .c-button-group.c-button-group--clear .c-button.tertiary[disabled]:focus { color: hsl(43, 47%, 45%); } .c-button-group.clear.tertiary .c-button:hover, .c-button-group.clear.tertiary .c-button:focus, .c-button-group.clear .c-button.tertiary:hover, .c-button-group.clear .c-button.tertiary:focus, .c-button-group.is-clear.tertiary .c-button:hover, .c-button-group.is-clear.tertiary .c-button:focus, .c-button-group.is-clear .c-button.tertiary:hover, .c-button-group.is-clear .c-button.tertiary:focus, .c-button-group.c-button-group--clear.tertiary .c-button:hover, .c-button-group.c-button-group--clear.tertiary .c-button:focus, .c-button-group.c-button-group--clear .c-button.tertiary:hover, .c-button-group.c-button-group--clear .c-button.tertiary:focus { color: hsl(43, 47%, 22.5%); } .c-button-group.clear.c-button-group--tertiary .c-button, .c-button-group.clear.c-button-group--tertiary .c-button:hover, .c-button-group.clear.c-button-group--tertiary .c-button:focus, .c-button-group.clear.c-button-group--tertiary .c-button.disabled, .c-button-group.clear.c-button-group--tertiary .c-button.disabled:hover, .c-button-group.clear.c-button-group--tertiary .c-button.disabled:focus, .c-button-group.clear.c-button-group--tertiary .c-button[disabled], .c-button-group.clear.c-button-group--tertiary .c-button[disabled]:hover, .c-button-group.clear.c-button-group--tertiary .c-button[disabled]:focus, .c-button-group.clear .c-button.c-button--tertiary, .c-button-group.clear .c-button.c-button--tertiary:hover, .c-button-group.clear .c-button.c-button--tertiary:focus, .c-button-group.clear .c-button.c-button--tertiary.disabled, .c-button-group.clear .c-button.c-button--tertiary.disabled:hover, .c-button-group.clear .c-button.c-button--tertiary.disabled:focus, .c-button-group.clear .c-button.c-button--tertiary[disabled], .c-button-group.clear .c-button.c-button--tertiary[disabled]:hover, .c-button-group.clear .c-button.c-button--tertiary[disabled]:focus, .c-button-group.is-clear.c-button-group--tertiary .c-button, .c-button-group.is-clear.c-button-group--tertiary .c-button:hover, .c-button-group.is-clear.c-button-group--tertiary .c-button:focus, .c-button-group.is-clear.c-button-group--tertiary .c-button.disabled, .c-button-group.is-clear.c-button-group--tertiary .c-button.disabled:hover, .c-button-group.is-clear.c-button-group--tertiary .c-button.disabled:focus, .c-button-group.is-clear.c-button-group--tertiary .c-button[disabled], .c-button-group.is-clear.c-button-group--tertiary .c-button[disabled]:hover, .c-button-group.is-clear.c-button-group--tertiary .c-button[disabled]:focus, .c-button-group.is-clear .c-button.c-button--tertiary, .c-button-group.is-clear .c-button.c-button--tertiary:hover, .c-button-group.is-clear .c-button.c-button--tertiary:focus, .c-button-group.is-clear .c-button.c-button--tertiary.disabled, .c-button-group.is-clear .c-button.c-button--tertiary.disabled:hover, .c-button-group.is-clear .c-button.c-button--tertiary.disabled:focus, .c-button-group.is-clear .c-button.c-button--tertiary[disabled], .c-button-group.is-clear .c-button.c-button--tertiary[disabled]:hover, .c-button-group.is-clear .c-button.c-button--tertiary[disabled]:focus, .c-button-group.c-button-group--clear.c-button-group--tertiary .c-button, .c-button-group.c-button-group--clear.c-button-group--tertiary .c-button:hover, .c-button-group.c-button-group--clear.c-button-group--tertiary .c-button:focus, .c-button-group.c-button-group--clear.c-button-group--tertiary .c-button.disabled, .c-button-group.c-button-group--clear.c-button-group--tertiary .c-button.disabled:hover, .c-button-group.c-button-group--clear.c-button-group--tertiary .c-button.disabled:focus, .c-button-group.c-button-group--clear.c-button-group--tertiary .c-button[disabled], .c-button-group.c-button-group--clear.c-button-group--tertiary .c-button[disabled]:hover, .c-button-group.c-button-group--clear.c-button-group--tertiary .c-button[disabled]:focus, .c-button-group.c-button-group--clear .c-button.c-button--tertiary, .c-button-group.c-button-group--clear .c-button.c-button--tertiary:hover, .c-button-group.c-button-group--clear .c-button.c-button--tertiary:focus, .c-button-group.c-button-group--clear .c-button.c-button--tertiary.disabled, .c-button-group.c-button-group--clear .c-button.c-button--tertiary.disabled:hover, .c-button-group.c-button-group--clear .c-button.c-button--tertiary.disabled:focus, .c-button-group.c-button-group--clear .c-button.c-button--tertiary[disabled], .c-button-group.c-button-group--clear .c-button.c-button--tertiary[disabled]:hover, .c-button-group.c-button-group--clear .c-button.c-button--tertiary[disabled]:focus { border-color: transparent; background-color: transparent; } .c-button-group.clear.c-button-group--tertiary .c-button, .c-button-group.clear.c-button-group--tertiary .c-button.disabled, .c-button-group.clear.c-button-group--tertiary .c-button[disabled], .c-button-group.clear.c-button-group--tertiary .c-button.disabled:hover, .c-button-group.clear.c-button-group--tertiary .c-button[disabled]:hover, .c-button-group.clear.c-button-group--tertiary .c-button.disabled:focus, .c-button-group.clear.c-button-group--tertiary .c-button[disabled]:focus, .c-button-group.clear .c-button.c-button--tertiary, .c-button-group.clear .c-button.c-button--tertiary.disabled, .c-button-group.clear .c-button.c-button--tertiary[disabled], .c-button-group.clear .c-button.c-button--tertiary.disabled:hover, .c-button-group.clear .c-button.c-button--tertiary[disabled]:hover, .c-button-group.clear .c-button.c-button--tertiary.disabled:focus, .c-button-group.clear .c-button.c-button--tertiary[disabled]:focus, .c-button-group.is-clear.c-button-group--tertiary .c-button, .c-button-group.is-clear.c-button-group--tertiary .c-button.disabled, .c-button-group.is-clear.c-button-group--tertiary .c-button[disabled], .c-button-group.is-clear.c-button-group--tertiary .c-button.disabled:hover, .c-button-group.is-clear.c-button-group--tertiary .c-button[disabled]:hover, .c-button-group.is-clear.c-button-group--tertiary .c-button.disabled:focus, .c-button-group.is-clear.c-button-group--tertiary .c-button[disabled]:focus, .c-button-group.is-clear .c-button.c-button--tertiary, .c-button-group.is-clear .c-button.c-button--tertiary.disabled, .c-button-group.is-clear .c-button.c-button--tertiary[disabled], .c-button-group.is-clear .c-button.c-button--tertiary.disabled:hover, .c-button-group.is-clear .c-button.c-button--tertiary[disabled]:hover, .c-button-group.is-clear .c-button.c-button--tertiary.disabled:focus, .c-button-group.is-clear .c-button.c-button--tertiary[disabled]:focus, .c-button-group.c-button-group--clear.c-button-group--tertiary .c-button, .c-button-group.c-button-group--clear.c-button-group--tertiary .c-button.disabled, .c-button-group.c-button-group--clear.c-button-group--tertiary .c-button[disabled], .c-button-group.c-button-group--clear.c-button-group--tertiary .c-button.disabled:hover, .c-button-group.c-button-group--clear.c-button-group--tertiary .c-button[disabled]:hover, .c-button-group.c-button-group--clear.c-button-group--tertiary .c-button.disabled:focus, .c-button-group.c-button-group--clear.c-button-group--tertiary .c-button[disabled]:focus, .c-button-group.c-button-group--clear .c-button.c-button--tertiary, .c-button-group.c-button-group--clear .c-button.c-button--tertiary.disabled, .c-button-group.c-button-group--clear .c-button.c-button--tertiary[disabled], .c-button-group.c-button-group--clear .c-button.c-button--tertiary.disabled:hover, .c-button-group.c-button-group--clear .c-button.c-button--tertiary[disabled]:hover, .c-button-group.c-button-group--clear .c-button.c-button--tertiary.disabled:focus, .c-button-group.c-button-group--clear .c-button.c-button--tertiary[disabled]:focus { color: hsl(43, 47%, 45%); } .c-button-group.clear.c-button-group--tertiary .c-button:hover, .c-button-group.clear.c-button-group--tertiary .c-button:focus, .c-button-group.clear .c-button.c-button--tertiary:hover, .c-button-group.clear .c-button.c-button--tertiary:focus, .c-button-group.is-clear.c-button-group--tertiary .c-button:hover, .c-button-group.is-clear.c-button-group--tertiary .c-button:focus, .c-button-group.is-clear .c-button.c-button--tertiary:hover, .c-button-group.is-clear .c-button.c-button--tertiary:focus, .c-button-group.c-button-group--clear.c-button-group--tertiary .c-button:hover, .c-button-group.c-button-group--clear.c-button-group--tertiary .c-button:focus, .c-button-group.c-button-group--clear .c-button.c-button--tertiary:hover, .c-button-group.c-button-group--clear .c-button.c-button--tertiary:focus { color: hsl(43, 47%, 72.5%); } .c-button-group.clear.surface .c-button, .c-button-group.clear.surface .c-button.disabled, .c-button-group.clear.surface .c-button[disabled], .c-button-group.clear.surface .c-button.disabled:hover, .c-button-group.clear.surface .c-button[disabled]:hover, .c-button-group.clear.surface .c-button.disabled:focus, .c-button-group.clear.surface .c-button[disabled]:focus, .c-button-group.clear .c-button.surface, .c-button-group.clear .c-button.surface.disabled, .c-button-group.clear .c-button.surface[disabled], .c-button-group.clear .c-button.surface.disabled:hover, .c-button-group.clear .c-button.surface[disabled]:hover, .c-button-group.clear .c-button.surface.disabled:focus, .c-button-group.clear .c-button.surface[disabled]:focus, .c-button-group.is-clear.surface .c-button, .c-button-group.is-clear.surface .c-button.disabled, .c-button-group.is-clear.surface .c-button[disabled], .c-button-group.is-clear.surface .c-button.disabled:hover, .c-button-group.is-clear.surface .c-button[disabled]:hover, .c-button-group.is-clear.surface .c-button.disabled:focus, .c-button-group.is-clear.surface .c-button[disabled]:focus, .c-button-group.is-clear .c-button.surface, .c-button-group.is-clear .c-button.surface.disabled, .c-button-group.is-clear .c-button.surface[disabled], .c-button-group.is-clear .c-button.surface.disabled:hover, .c-button-group.is-clear .c-button.surface[disabled]:hover, .c-button-group.is-clear .c-button.surface.disabled:focus, .c-button-group.is-clear .c-button.surface[disabled]:focus, .c-button-group.c-button-group--clear.surface .c-button, .c-button-group.c-button-group--clear.surface .c-button.disabled, .c-button-group.c-button-group--clear.surface .c-button[disabled], .c-button-group.c-button-group--clear.surface .c-button.disabled:hover, .c-button-group.c-button-group--clear.surface .c-button[disabled]:hover, .c-button-group.c-button-group--clear.surface .c-button.disabled:focus, .c-button-group.c-button-group--clear.surface .c-button[disabled]:focus, .c-button-group.c-button-group--clear .c-button.surface, .c-button-group.c-button-group--clear .c-button.surface.disabled, .c-button-group.c-button-group--clear .c-button.surface[disabled], .c-button-group.c-button-group--clear .c-button.surface.disabled:hover, .c-button-group.c-button-group--clear .c-button.surface[disabled]:hover, .c-button-group.c-button-group--clear .c-button.surface.disabled:focus, .c-button-group.c-button-group--clear .c-button.surface[disabled]:focus { color: hsl(345.9574468085, 100%, 90.7843137255%); } .c-button-group.clear.surface .c-button:hover, .c-button-group.clear.surface .c-button:focus, .c-button-group.clear .c-button.surface:hover, .c-button-group.clear .c-button.surface:focus, .c-button-group.is-clear.surface .c-button:hover, .c-button-group.is-clear.surface .c-button:focus, .c-button-group.is-clear .c-button.surface:hover, .c-button-group.is-clear .c-button.surface:focus, .c-button-group.c-button-group--clear.surface .c-button:hover, .c-button-group.c-button-group--clear.surface .c-button:focus, .c-button-group.c-button-group--clear .c-button.surface:hover, .c-button-group.c-button-group--clear .c-button.surface:focus { color: hsl(345.9574468085, 100%, 45.3921568627%); } .c-button-group.clear.c-button-group--surface .c-button, .c-button-group.clear.c-button-group--surface .c-button:hover, .c-button-group.clear.c-button-group--surface .c-button:focus, .c-button-group.clear.c-button-group--surface .c-button.disabled, .c-button-group.clear.c-button-group--surface .c-button.disabled:hover, .c-button-group.clear.c-button-group--surface .c-button.disabled:focus, .c-button-group.clear.c-button-group--surface .c-button[disabled], .c-button-group.clear.c-button-group--surface .c-button[disabled]:hover, .c-button-group.clear.c-button-group--surface .c-button[disabled]:focus, .c-button-group.clear .c-button.c-button--surface, .c-button-group.clear .c-button.c-button--surface:hover, .c-button-group.clear .c-button.c-button--surface:focus, .c-button-group.clear .c-button.c-button--surface.disabled, .c-button-group.clear .c-button.c-button--surface.disabled:hover, .c-button-group.clear .c-button.c-button--surface.disabled:focus, .c-button-group.clear .c-button.c-button--surface[disabled], .c-button-group.clear .c-button.c-button--surface[disabled]:hover, .c-button-group.clear .c-button.c-button--surface[disabled]:focus, .c-button-group.is-clear.c-button-group--surface .c-button, .c-button-group.is-clear.c-button-group--surface .c-button:hover, .c-button-group.is-clear.c-button-group--surface .c-button:focus, .c-button-group.is-clear.c-button-group--surface .c-button.disabled, .c-button-group.is-clear.c-button-group--surface .c-button.disabled:hover, .c-button-group.is-clear.c-button-group--surface .c-button.disabled:focus, .c-button-group.is-clear.c-button-group--surface .c-button[disabled], .c-button-group.is-clear.c-button-group--surface .c-button[disabled]:hover, .c-button-group.is-clear.c-button-group--surface .c-button[disabled]:focus, .c-button-group.is-clear .c-button.c-button--surface, .c-button-group.is-clear .c-button.c-button--surface:hover, .c-button-group.is-clear .c-button.c-button--surface:focus, .c-button-group.is-clear .c-button.c-button--surface.disabled, .c-button-group.is-clear .c-button.c-button--surface.disabled:hover, .c-button-group.is-clear .c-button.c-button--surface.disabled:focus, .c-button-group.is-clear .c-button.c-button--surface[disabled], .c-button-group.is-clear .c-button.c-button--surface[disabled]:hover, .c-button-group.is-clear .c-button.c-button--surface[disabled]:focus, .c-button-group.c-button-group--clear.c-button-group--surface .c-button, .c-button-group.c-button-group--clear.c-button-group--surface .c-button:hover, .c-button-group.c-button-group--clear.c-button-group--surface .c-button:focus, .c-button-group.c-button-group--clear.c-button-group--surface .c-button.disabled, .c-button-group.c-button-group--clear.c-button-group--surface .c-button.disabled:hover, .c-button-group.c-button-group--clear.c-button-group--surface .c-button.disabled:focus, .c-button-group.c-button-group--clear.c-button-group--surface .c-button[disabled], .c-button-group.c-button-group--clear.c-button-group--surface .c-button[disabled]:hover, .c-button-group.c-button-group--clear.c-button-group--surface .c-button[disabled]:focus, .c-button-group.c-button-group--clear .c-button.c-button--surface, .c-button-group.c-button-group--clear .c-button.c-button--surface:hover, .c-button-group.c-button-group--clear .c-button.c-button--surface:focus, .c-button-group.c-button-group--clear .c-button.c-button--surface.disabled, .c-button-group.c-button-group--clear .c-button.c-button--surface.disabled:hover, .c-button-group.c-button-group--clear .c-button.c-button--surface.disabled:focus, .c-button-group.c-button-group--clear .c-button.c-button--surface[disabled], .c-button-group.c-button-group--clear .c-button.c-button--surface[disabled]:hover, .c-button-group.c-button-group--clear .c-button.c-button--surface[disabled]:focus { border-color: transparent; background-color: transparent; } .c-button-group.clear.c-button-group--surface .c-button, .c-button-group.clear.c-button-group--surface .c-button.disabled, .c-button-group.clear.c-button-group--surface .c-button[disabled], .c-button-group.clear.c-button-group--surface .c-button.disabled:hover, .c-button-group.clear.c-button-group--surface .c-button[disabled]:hover, .c-button-group.clear.c-button-group--surface .c-button.disabled:focus, .c-button-group.clear.c-button-group--surface .c-button[disabled]:focus, .c-button-group.clear .c-button.c-button--surface, .c-button-group.clear .c-button.c-button--surface.disabled, .c-button-group.clear .c-button.c-button--surface[disabled], .c-button-group.clear .c-button.c-button--surface.disabled:hover, .c-button-group.clear .c-button.c-button--surface[disabled]:hover, .c-button-group.clear .c-button.c-button--surface.disabled:focus, .c-button-group.clear .c-button.c-button--surface[disabled]:focus, .c-button-group.is-clear.c-button-group--surface .c-button, .c-button-group.is-clear.c-button-group--surface .c-button.disabled, .c-button-group.is-clear.c-button-group--surface .c-button[disabled], .c-button-group.is-clear.c-button-group--surface .c-button.disabled:hover, .c-button-group.is-clear.c-button-group--surface .c-button[disabled]:hover, .c-button-group.is-clear.c-button-group--surface .c-button.disabled:focus, .c-button-group.is-clear.c-button-group--surface .c-button[disabled]:focus, .c-button-group.is-clear .c-button.c-button--surface, .c-button-group.is-clear .c-button.c-button--surface.disabled, .c-button-group.is-clear .c-button.c-button--surface[disabled], .c-button-group.is-clear .c-button.c-button--surface.disabled:hover, .c-button-group.is-clear .c-button.c-button--surface[disabled]:hover, .c-button-group.is-clear .c-button.c-button--surface.disabled:focus, .c-button-group.is-clear .c-button.c-button--surface[disabled]:focus, .c-button-group.c-button-group--clear.c-button-group--surface .c-button, .c-button-group.c-button-group--clear.c-button-group--surface .c-button.disabled, .c-button-group.c-button-group--clear.c-button-group--surface .c-button[disabled], .c-button-group.c-button-group--clear.c-button-group--surface .c-button.disabled:hover, .c-button-group.c-button-group--clear.c-button-group--surface .c-button[disabled]:hover, .c-button-group.c-button-group--clear.c-button-group--surface .c-button.disabled:focus, .c-button-group.c-button-group--clear.c-button-group--surface .c-button[disabled]:focus, .c-button-group.c-button-group--clear .c-button.c-button--surface, .c-button-group.c-button-group--clear .c-button.c-button--surface.disabled, .c-button-group.c-button-group--clear .c-button.c-button--surface[disabled], .c-button-group.c-button-group--clear .c-button.c-button--surface.disabled:hover, .c-button-group.c-button-group--clear .c-button.c-button--surface[disabled]:hover, .c-button-group.c-button-group--clear .c-button.c-button--surface.disabled:focus, .c-button-group.c-button-group--clear .c-button.c-button--surface[disabled]:focus { color: hsl(345.9574468085, 100%, 90.7843137255%); } .c-button-group.clear.c-button-group--surface .c-button:hover, .c-button-group.clear.c-button-group--surface .c-button:focus, .c-button-group.clear .c-button.c-button--surface:hover, .c-button-group.clear .c-button.c-button--surface:focus, .c-button-group.is-clear.c-button-group--surface .c-button:hover, .c-button-group.is-clear.c-button-group--surface .c-button:focus, .c-button-group.is-clear .c-button.c-button--surface:hover, .c-button-group.is-clear .c-button.c-button--surface:focus, .c-button-group.c-button-group--clear.c-button-group--surface .c-button:hover, .c-button-group.c-button-group--clear.c-button-group--surface .c-button:focus, .c-button-group.c-button-group--clear .c-button.c-button--surface:hover, .c-button-group.c-button-group--clear .c-button.c-button--surface:focus { color: hsl(345.9574468085, 100%, 45.3921568627%); } .c-button-group.clear.black-ter .c-button, .c-button-group.clear.black-ter .c-button.disabled, .c-button-group.clear.black-ter .c-button[disabled], .c-button-group.clear.black-ter .c-button.disabled:hover, .c-button-group.clear.black-ter .c-button[disabled]:hover, .c-button-group.clear.black-ter .c-button.disabled:focus, .c-button-group.clear.black-ter .c-button[disabled]:focus, .c-button-group.clear .c-button.black-ter, .c-button-group.clear .c-button.black-ter.disabled, .c-button-group.clear .c-button.black-ter[disabled], .c-button-group.clear .c-button.black-ter.disabled:hover, .c-button-group.clear .c-button.black-ter[disabled]:hover, .c-button-group.clear .c-button.black-ter.disabled:focus, .c-button-group.clear .c-button.black-ter[disabled]:focus, .c-button-group.is-clear.black-ter .c-button, .c-button-group.is-clear.black-ter .c-button.disabled, .c-button-group.is-clear.black-ter .c-button[disabled], .c-button-group.is-clear.black-ter .c-button.disabled:hover, .c-button-group.is-clear.black-ter .c-button[disabled]:hover, .c-button-group.is-clear.black-ter .c-button.disabled:focus, .c-button-group.is-clear.black-ter .c-button[disabled]:focus, .c-button-group.is-clear .c-button.black-ter, .c-button-group.is-clear .c-button.black-ter.disabled, .c-button-group.is-clear .c-button.black-ter[disabled], .c-button-group.is-clear .c-button.black-ter.disabled:hover, .c-button-group.is-clear .c-button.black-ter[disabled]:hover, .c-button-group.is-clear .c-button.black-ter.disabled:focus, .c-button-group.is-clear .c-button.black-ter[disabled]:focus, .c-button-group.c-button-group--clear.black-ter .c-button, .c-button-group.c-button-group--clear.black-ter .c-button.disabled, .c-button-group.c-button-group--clear.black-ter .c-button[disabled], .c-button-group.c-button-group--clear.black-ter .c-button.disabled:hover, .c-button-group.c-button-group--clear.black-ter .c-button[disabled]:hover, .c-button-group.c-button-group--clear.black-ter .c-button.disabled:focus, .c-button-group.c-button-group--clear.black-ter .c-button[disabled]:focus, .c-button-group.c-button-group--clear .c-button.black-ter, .c-button-group.c-button-group--clear .c-button.black-ter.disabled, .c-button-group.c-button-group--clear .c-button.black-ter[disabled], .c-button-group.c-button-group--clear .c-button.black-ter.disabled:hover, .c-button-group.c-button-group--clear .c-button.black-ter[disabled]:hover, .c-button-group.c-button-group--clear .c-button.black-ter.disabled:focus, .c-button-group.c-button-group--clear .c-button.black-ter[disabled]:focus { color: hsl(0, 0%, 14%); } .c-button-group.clear.black-ter .c-button:hover, .c-button-group.clear.black-ter .c-button:focus, .c-button-group.clear .c-button.black-ter:hover, .c-button-group.clear .c-button.black-ter:focus, .c-button-group.is-clear.black-ter .c-button:hover, .c-button-group.is-clear.black-ter .c-button:focus, .c-button-group.is-clear .c-button.black-ter:hover, .c-button-group.is-clear .c-button.black-ter:focus, .c-button-group.c-button-group--clear.black-ter .c-button:hover, .c-button-group.c-button-group--clear.black-ter .c-button:focus, .c-button-group.c-button-group--clear .c-button.black-ter:hover, .c-button-group.c-button-group--clear .c-button.black-ter:focus { color: hsl(0, 0%, 7%); } .c-button-group.clear.c-button-group--black-ter .c-button, .c-button-group.clear.c-button-group--black-ter .c-button:hover, .c-button-group.clear.c-button-group--black-ter .c-button:focus, .c-button-group.clear.c-button-group--black-ter .c-button.disabled, .c-button-group.clear.c-button-group--black-ter .c-button.disabled:hover, .c-button-group.clear.c-button-group--black-ter .c-button.disabled:focus, .c-button-group.clear.c-button-group--black-ter .c-button[disabled], .c-button-group.clear.c-button-group--black-ter .c-button[disabled]:hover, .c-button-group.clear.c-button-group--black-ter .c-button[disabled]:focus, .c-button-group.clear .c-button.c-button--black-ter, .c-button-group.clear .c-button.c-button--black-ter:hover, .c-button-group.clear .c-button.c-button--black-ter:focus, .c-button-group.clear .c-button.c-button--black-ter.disabled, .c-button-group.clear .c-button.c-button--black-ter.disabled:hover, .c-button-group.clear .c-button.c-button--black-ter.disabled:focus, .c-button-group.clear .c-button.c-button--black-ter[disabled], .c-button-group.clear .c-button.c-button--black-ter[disabled]:hover, .c-button-group.clear .c-button.c-button--black-ter[disabled]:focus, .c-button-group.is-clear.c-button-group--black-ter .c-button, .c-button-group.is-clear.c-button-group--black-ter .c-button:hover, .c-button-group.is-clear.c-button-group--black-ter .c-button:focus, .c-button-group.is-clear.c-button-group--black-ter .c-button.disabled, .c-button-group.is-clear.c-button-group--black-ter .c-button.disabled:hover, .c-button-group.is-clear.c-button-group--black-ter .c-button.disabled:focus, .c-button-group.is-clear.c-button-group--black-ter .c-button[disabled], .c-button-group.is-clear.c-button-group--black-ter .c-button[disabled]:hover, .c-button-group.is-clear.c-button-group--black-ter .c-button[disabled]:focus, .c-button-group.is-clear .c-button.c-button--black-ter, .c-button-group.is-clear .c-button.c-button--black-ter:hover, .c-button-group.is-clear .c-button.c-button--black-ter:focus, .c-button-group.is-clear .c-button.c-button--black-ter.disabled, .c-button-group.is-clear .c-button.c-button--black-ter.disabled:hover, .c-button-group.is-clear .c-button.c-button--black-ter.disabled:focus, .c-button-group.is-clear .c-button.c-button--black-ter[disabled], .c-button-group.is-clear .c-button.c-button--black-ter[disabled]:hover, .c-button-group.is-clear .c-button.c-button--black-ter[disabled]:focus, .c-button-group.c-button-group--clear.c-button-group--black-ter .c-button, .c-button-group.c-button-group--clear.c-button-group--black-ter .c-button:hover, .c-button-group.c-button-group--clear.c-button-group--black-ter .c-button:focus, .c-button-group.c-button-group--clear.c-button-group--black-ter .c-button.disabled, .c-button-group.c-button-group--clear.c-button-group--black-ter .c-button.disabled:hover, .c-button-group.c-button-group--clear.c-button-group--black-ter .c-button.disabled:focus, .c-button-group.c-button-group--clear.c-button-group--black-ter .c-button[disabled], .c-button-group.c-button-group--clear.c-button-group--black-ter .c-button[disabled]:hover, .c-button-group.c-button-group--clear.c-button-group--black-ter .c-button[disabled]:focus, .c-button-group.c-button-group--clear .c-button.c-button--black-ter, .c-button-group.c-button-group--clear .c-button.c-button--black-ter:hover, .c-button-group.c-button-group--clear .c-button.c-button--black-ter:focus, .c-button-group.c-button-group--clear .c-button.c-button--black-ter.disabled, .c-button-group.c-button-group--clear .c-button.c-button--black-ter.disabled:hover, .c-button-group.c-button-group--clear .c-button.c-button--black-ter.disabled:focus, .c-button-group.c-button-group--clear .c-button.c-button--black-ter[disabled], .c-button-group.c-button-group--clear .c-button.c-button--black-ter[disabled]:hover, .c-button-group.c-button-group--clear .c-button.c-button--black-ter[disabled]:focus { border-color: transparent; background-color: transparent; } .c-button-group.clear.c-button-group--black-ter .c-button, .c-button-group.clear.c-button-group--black-ter .c-button.disabled, .c-button-group.clear.c-button-group--black-ter .c-button[disabled], .c-button-group.clear.c-button-group--black-ter .c-button.disabled:hover, .c-button-group.clear.c-button-group--black-ter .c-button[disabled]:hover, .c-button-group.clear.c-button-group--black-ter .c-button.disabled:focus, .c-button-group.clear.c-button-group--black-ter .c-button[disabled]:focus, .c-button-group.clear .c-button.c-button--black-ter, .c-button-group.clear .c-button.c-button--black-ter.disabled, .c-button-group.clear .c-button.c-button--black-ter[disabled], .c-button-group.clear .c-button.c-button--black-ter.disabled:hover, .c-button-group.clear .c-button.c-button--black-ter[disabled]:hover, .c-button-group.clear .c-button.c-button--black-ter.disabled:focus, .c-button-group.clear .c-button.c-button--black-ter[disabled]:focus, .c-button-group.is-clear.c-button-group--black-ter .c-button, .c-button-group.is-clear.c-button-group--black-ter .c-button.disabled, .c-button-group.is-clear.c-button-group--black-ter .c-button[disabled], .c-button-group.is-clear.c-button-group--black-ter .c-button.disabled:hover, .c-button-group.is-clear.c-button-group--black-ter .c-button[disabled]:hover, .c-button-group.is-clear.c-button-group--black-ter .c-button.disabled:focus, .c-button-group.is-clear.c-button-group--black-ter .c-button[disabled]:focus, .c-button-group.is-clear .c-button.c-button--black-ter, .c-button-group.is-clear .c-button.c-button--black-ter.disabled, .c-button-group.is-clear .c-button.c-button--black-ter[disabled], .c-button-group.is-clear .c-button.c-button--black-ter.disabled:hover, .c-button-group.is-clear .c-button.c-button--black-ter[disabled]:hover, .c-button-group.is-clear .c-button.c-button--black-ter.disabled:focus, .c-button-group.is-clear .c-button.c-button--black-ter[disabled]:focus, .c-button-group.c-button-group--clear.c-button-group--black-ter .c-button, .c-button-group.c-button-group--clear.c-button-group--black-ter .c-button.disabled, .c-button-group.c-button-group--clear.c-button-group--black-ter .c-button[disabled], .c-button-group.c-button-group--clear.c-button-group--black-ter .c-button.disabled:hover, .c-button-group.c-button-group--clear.c-button-group--black-ter .c-button[disabled]:hover, .c-button-group.c-button-group--clear.c-button-group--black-ter .c-button.disabled:focus, .c-button-group.c-button-group--clear.c-button-group--black-ter .c-button[disabled]:focus, .c-button-group.c-button-group--clear .c-button.c-button--black-ter, .c-button-group.c-button-group--clear .c-button.c-button--black-ter.disabled, .c-button-group.c-button-group--clear .c-button.c-button--black-ter[disabled], .c-button-group.c-button-group--clear .c-button.c-button--black-ter.disabled:hover, .c-button-group.c-button-group--clear .c-button.c-button--black-ter[disabled]:hover, .c-button-group.c-button-group--clear .c-button.c-button--black-ter.disabled:focus, .c-button-group.c-button-group--clear .c-button.c-button--black-ter[disabled]:focus { color: hsl(0, 0%, 14%); } .c-button-group.clear.c-button-group--black-ter .c-button:hover, .c-button-group.clear.c-button-group--black-ter .c-button:focus, .c-button-group.clear .c-button.c-button--black-ter:hover, .c-button-group.clear .c-button.c-button--black-ter:focus, .c-button-group.is-clear.c-button-group--black-ter .c-button:hover, .c-button-group.is-clear.c-button-group--black-ter .c-button:focus, .c-button-group.is-clear .c-button.c-button--black-ter:hover, .c-button-group.is-clear .c-button.c-button--black-ter:focus, .c-button-group.c-button-group--clear.c-button-group--black-ter .c-button:hover, .c-button-group.c-button-group--clear.c-button-group--black-ter .c-button:focus, .c-button-group.c-button-group--clear .c-button.c-button--black-ter:hover, .c-button-group.c-button-group--clear .c-button.c-button--black-ter:focus { color: hsl(0, 0%, 57%); } .c-button-group.clear.gray-dark .c-button, .c-button-group.clear.gray-dark .c-button.disabled, .c-button-group.clear.gray-dark .c-button[disabled], .c-button-group.clear.gray-dark .c-button.disabled:hover, .c-button-group.clear.gray-dark .c-button[disabled]:hover, .c-button-group.clear.gray-dark .c-button.disabled:focus, .c-button-group.clear.gray-dark .c-button[disabled]:focus, .c-button-group.clear .c-button.gray-dark, .c-button-group.clear .c-button.gray-dark.disabled, .c-button-group.clear .c-button.gray-dark[disabled], .c-button-group.clear .c-button.gray-dark.disabled:hover, .c-button-group.clear .c-button.gray-dark[disabled]:hover, .c-button-group.clear .c-button.gray-dark.disabled:focus, .c-button-group.clear .c-button.gray-dark[disabled]:focus, .c-button-group.is-clear.gray-dark .c-button, .c-button-group.is-clear.gray-dark .c-button.disabled, .c-button-group.is-clear.gray-dark .c-button[disabled], .c-button-group.is-clear.gray-dark .c-button.disabled:hover, .c-button-group.is-clear.gray-dark .c-button[disabled]:hover, .c-button-group.is-clear.gray-dark .c-button.disabled:focus, .c-button-group.is-clear.gray-dark .c-button[disabled]:focus, .c-button-group.is-clear .c-button.gray-dark, .c-button-group.is-clear .c-button.gray-dark.disabled, .c-button-group.is-clear .c-button.gray-dark[disabled], .c-button-group.is-clear .c-button.gray-dark.disabled:hover, .c-button-group.is-clear .c-button.gray-dark[disabled]:hover, .c-button-group.is-clear .c-button.gray-dark.disabled:focus, .c-button-group.is-clear .c-button.gray-dark[disabled]:focus, .c-button-group.c-button-group--clear.gray-dark .c-button, .c-button-group.c-button-group--clear.gray-dark .c-button.disabled, .c-button-group.c-button-group--clear.gray-dark .c-button[disabled], .c-button-group.c-button-group--clear.gray-dark .c-button.disabled:hover, .c-button-group.c-button-group--clear.gray-dark .c-button[disabled]:hover, .c-button-group.c-button-group--clear.gray-dark .c-button.disabled:focus, .c-button-group.c-button-group--clear.gray-dark .c-button[disabled]:focus, .c-button-group.c-button-group--clear .c-button.gray-dark, .c-button-group.c-button-group--clear .c-button.gray-dark.disabled, .c-button-group.c-button-group--clear .c-button.gray-dark[disabled], .c-button-group.c-button-group--clear .c-button.gray-dark.disabled:hover, .c-button-group.c-button-group--clear .c-button.gray-dark[disabled]:hover, .c-button-group.c-button-group--clear .c-button.gray-dark.disabled:focus, .c-button-group.c-button-group--clear .c-button.gray-dark[disabled]:focus { color: hsl(0, 0%, 36%); } .c-button-group.clear.gray-dark .c-button:hover, .c-button-group.clear.gray-dark .c-button:focus, .c-button-group.clear .c-button.gray-dark:hover, .c-button-group.clear .c-button.gray-dark:focus, .c-button-group.is-clear.gray-dark .c-button:hover, .c-button-group.is-clear.gray-dark .c-button:focus, .c-button-group.is-clear .c-button.gray-dark:hover, .c-button-group.is-clear .c-button.gray-dark:focus, .c-button-group.c-button-group--clear.gray-dark .c-button:hover, .c-button-group.c-button-group--clear.gray-dark .c-button:focus, .c-button-group.c-button-group--clear .c-button.gray-dark:hover, .c-button-group.c-button-group--clear .c-button.gray-dark:focus { color: hsl(0, 0%, 18%); } .c-button-group.clear.c-button-group--gray-dark .c-button, .c-button-group.clear.c-button-group--gray-dark .c-button:hover, .c-button-group.clear.c-button-group--gray-dark .c-button:focus, .c-button-group.clear.c-button-group--gray-dark .c-button.disabled, .c-button-group.clear.c-button-group--gray-dark .c-button.disabled:hover, .c-button-group.clear.c-button-group--gray-dark .c-button.disabled:focus, .c-button-group.clear.c-button-group--gray-dark .c-button[disabled], .c-button-group.clear.c-button-group--gray-dark .c-button[disabled]:hover, .c-button-group.clear.c-button-group--gray-dark .c-button[disabled]:focus, .c-button-group.clear .c-button.c-button--gray-dark, .c-button-group.clear .c-button.c-button--gray-dark:hover, .c-button-group.clear .c-button.c-button--gray-dark:focus, .c-button-group.clear .c-button.c-button--gray-dark.disabled, .c-button-group.clear .c-button.c-button--gray-dark.disabled:hover, .c-button-group.clear .c-button.c-button--gray-dark.disabled:focus, .c-button-group.clear .c-button.c-button--gray-dark[disabled], .c-button-group.clear .c-button.c-button--gray-dark[disabled]:hover, .c-button-group.clear .c-button.c-button--gray-dark[disabled]:focus, .c-button-group.is-clear.c-button-group--gray-dark .c-button, .c-button-group.is-clear.c-button-group--gray-dark .c-button:hover, .c-button-group.is-clear.c-button-group--gray-dark .c-button:focus, .c-button-group.is-clear.c-button-group--gray-dark .c-button.disabled, .c-button-group.is-clear.c-button-group--gray-dark .c-button.disabled:hover, .c-button-group.is-clear.c-button-group--gray-dark .c-button.disabled:focus, .c-button-group.is-clear.c-button-group--gray-dark .c-button[disabled], .c-button-group.is-clear.c-button-group--gray-dark .c-button[disabled]:hover, .c-button-group.is-clear.c-button-group--gray-dark .c-button[disabled]:focus, .c-button-group.is-clear .c-button.c-button--gray-dark, .c-button-group.is-clear .c-button.c-button--gray-dark:hover, .c-button-group.is-clear .c-button.c-button--gray-dark:focus, .c-button-group.is-clear .c-button.c-button--gray-dark.disabled, .c-button-group.is-clear .c-button.c-button--gray-dark.disabled:hover, .c-button-group.is-clear .c-button.c-button--gray-dark.disabled:focus, .c-button-group.is-clear .c-button.c-button--gray-dark[disabled], .c-button-group.is-clear .c-button.c-button--gray-dark[disabled]:hover, .c-button-group.is-clear .c-button.c-button--gray-dark[disabled]:focus, .c-button-group.c-button-group--clear.c-button-group--gray-dark .c-button, .c-button-group.c-button-group--clear.c-button-group--gray-dark .c-button:hover, .c-button-group.c-button-group--clear.c-button-group--gray-dark .c-button:focus, .c-button-group.c-button-group--clear.c-button-group--gray-dark .c-button.disabled, .c-button-group.c-button-group--clear.c-button-group--gray-dark .c-button.disabled:hover, .c-button-group.c-button-group--clear.c-button-group--gray-dark .c-button.disabled:focus, .c-button-group.c-button-group--clear.c-button-group--gray-dark .c-button[disabled], .c-button-group.c-button-group--clear.c-button-group--gray-dark .c-button[disabled]:hover, .c-button-group.c-button-group--clear.c-button-group--gray-dark .c-button[disabled]:focus, .c-button-group.c-button-group--clear .c-button.c-button--gray-dark, .c-button-group.c-button-group--clear .c-button.c-button--gray-dark:hover, .c-button-group.c-button-group--clear .c-button.c-button--gray-dark:focus, .c-button-group.c-button-group--clear .c-button.c-button--gray-dark.disabled, .c-button-group.c-button-group--clear .c-button.c-button--gray-dark.disabled:hover, .c-button-group.c-button-group--clear .c-button.c-button--gray-dark.disabled:focus, .c-button-group.c-button-group--clear .c-button.c-button--gray-dark[disabled], .c-button-group.c-button-group--clear .c-button.c-button--gray-dark[disabled]:hover, .c-button-group.c-button-group--clear .c-button.c-button--gray-dark[disabled]:focus { border-color: transparent; background-color: transparent; } .c-button-group.clear.c-button-group--gray-dark .c-button, .c-button-group.clear.c-button-group--gray-dark .c-button.disabled, .c-button-group.clear.c-button-group--gray-dark .c-button[disabled], .c-button-group.clear.c-button-group--gray-dark .c-button.disabled:hover, .c-button-group.clear.c-button-group--gray-dark .c-button[disabled]:hover, .c-button-group.clear.c-button-group--gray-dark .c-button.disabled:focus, .c-button-group.clear.c-button-group--gray-dark .c-button[disabled]:focus, .c-button-group.clear .c-button.c-button--gray-dark, .c-button-group.clear .c-button.c-button--gray-dark.disabled, .c-button-group.clear .c-button.c-button--gray-dark[disabled], .c-button-group.clear .c-button.c-button--gray-dark.disabled:hover, .c-button-group.clear .c-button.c-button--gray-dark[disabled]:hover, .c-button-group.clear .c-button.c-button--gray-dark.disabled:focus, .c-button-group.clear .c-button.c-button--gray-dark[disabled]:focus, .c-button-group.is-clear.c-button-group--gray-dark .c-button, .c-button-group.is-clear.c-button-group--gray-dark .c-button.disabled, .c-button-group.is-clear.c-button-group--gray-dark .c-button[disabled], .c-button-group.is-clear.c-button-group--gray-dark .c-button.disabled:hover, .c-button-group.is-clear.c-button-group--gray-dark .c-button[disabled]:hover, .c-button-group.is-clear.c-button-group--gray-dark .c-button.disabled:focus, .c-button-group.is-clear.c-button-group--gray-dark .c-button[disabled]:focus, .c-button-group.is-clear .c-button.c-button--gray-dark, .c-button-group.is-clear .c-button.c-button--gray-dark.disabled, .c-button-group.is-clear .c-button.c-button--gray-dark[disabled], .c-button-group.is-clear .c-button.c-button--gray-dark.disabled:hover, .c-button-group.is-clear .c-button.c-button--gray-dark[disabled]:hover, .c-button-group.is-clear .c-button.c-button--gray-dark.disabled:focus, .c-button-group.is-clear .c-button.c-button--gray-dark[disabled]:focus, .c-button-group.c-button-group--clear.c-button-group--gray-dark .c-button, .c-button-group.c-button-group--clear.c-button-group--gray-dark .c-button.disabled, .c-button-group.c-button-group--clear.c-button-group--gray-dark .c-button[disabled], .c-button-group.c-button-group--clear.c-button-group--gray-dark .c-button.disabled:hover, .c-button-group.c-button-group--clear.c-button-group--gray-dark .c-button[disabled]:hover, .c-button-group.c-button-group--clear.c-button-group--gray-dark .c-button.disabled:focus, .c-button-group.c-button-group--clear.c-button-group--gray-dark .c-button[disabled]:focus, .c-button-group.c-button-group--clear .c-button.c-button--gray-dark, .c-button-group.c-button-group--clear .c-button.c-button--gray-dark.disabled, .c-button-group.c-button-group--clear .c-button.c-button--gray-dark[disabled], .c-button-group.c-button-group--clear .c-button.c-button--gray-dark.disabled:hover, .c-button-group.c-button-group--clear .c-button.c-button--gray-dark[disabled]:hover, .c-button-group.c-button-group--clear .c-button.c-button--gray-dark.disabled:focus, .c-button-group.c-button-group--clear .c-button.c-button--gray-dark[disabled]:focus { color: hsl(0, 0%, 36%); } .c-button-group.clear.c-button-group--gray-dark .c-button:hover, .c-button-group.clear.c-button-group--gray-dark .c-button:focus, .c-button-group.clear .c-button.c-button--gray-dark:hover, .c-button-group.clear .c-button.c-button--gray-dark:focus, .c-button-group.is-clear.c-button-group--gray-dark .c-button:hover, .c-button-group.is-clear.c-button-group--gray-dark .c-button:focus, .c-button-group.is-clear .c-button.c-button--gray-dark:hover, .c-button-group.is-clear .c-button.c-button--gray-dark:focus, .c-button-group.c-button-group--clear.c-button-group--gray-dark .c-button:hover, .c-button-group.c-button-group--clear.c-button-group--gray-dark .c-button:focus, .c-button-group.c-button-group--clear .c-button.c-button--gray-dark:hover, .c-button-group.c-button-group--clear .c-button.c-button--gray-dark:focus { color: hsl(0, 0%, 68%); } .c-button-group.clear.gray-middle .c-button, .c-button-group.clear.gray-middle .c-button.disabled, .c-button-group.clear.gray-middle .c-button[disabled], .c-button-group.clear.gray-middle .c-button.disabled:hover, .c-button-group.clear.gray-middle .c-button[disabled]:hover, .c-button-group.clear.gray-middle .c-button.disabled:focus, .c-button-group.clear.gray-middle .c-button[disabled]:focus, .c-button-group.clear .c-button.gray-middle, .c-button-group.clear .c-button.gray-middle.disabled, .c-button-group.clear .c-button.gray-middle[disabled], .c-button-group.clear .c-button.gray-middle.disabled:hover, .c-button-group.clear .c-button.gray-middle[disabled]:hover, .c-button-group.clear .c-button.gray-middle.disabled:focus, .c-button-group.clear .c-button.gray-middle[disabled]:focus, .c-button-group.is-clear.gray-middle .c-button, .c-button-group.is-clear.gray-middle .c-button.disabled, .c-button-group.is-clear.gray-middle .c-button[disabled], .c-button-group.is-clear.gray-middle .c-button.disabled:hover, .c-button-group.is-clear.gray-middle .c-button[disabled]:hover, .c-button-group.is-clear.gray-middle .c-button.disabled:focus, .c-button-group.is-clear.gray-middle .c-button[disabled]:focus, .c-button-group.is-clear .c-button.gray-middle, .c-button-group.is-clear .c-button.gray-middle.disabled, .c-button-group.is-clear .c-button.gray-middle[disabled], .c-button-group.is-clear .c-button.gray-middle.disabled:hover, .c-button-group.is-clear .c-button.gray-middle[disabled]:hover, .c-button-group.is-clear .c-button.gray-middle.disabled:focus, .c-button-group.is-clear .c-button.gray-middle[disabled]:focus, .c-button-group.c-button-group--clear.gray-middle .c-button, .c-button-group.c-button-group--clear.gray-middle .c-button.disabled, .c-button-group.c-button-group--clear.gray-middle .c-button[disabled], .c-button-group.c-button-group--clear.gray-middle .c-button.disabled:hover, .c-button-group.c-button-group--clear.gray-middle .c-button[disabled]:hover, .c-button-group.c-button-group--clear.gray-middle .c-button.disabled:focus, .c-button-group.c-button-group--clear.gray-middle .c-button[disabled]:focus, .c-button-group.c-button-group--clear .c-button.gray-middle, .c-button-group.c-button-group--clear .c-button.gray-middle.disabled, .c-button-group.c-button-group--clear .c-button.gray-middle[disabled], .c-button-group.c-button-group--clear .c-button.gray-middle.disabled:hover, .c-button-group.c-button-group--clear .c-button.gray-middle[disabled]:hover, .c-button-group.c-button-group--clear .c-button.gray-middle.disabled:focus, .c-button-group.c-button-group--clear .c-button.gray-middle[disabled]:focus { color: hsl(0, 0%, 48%); } .c-button-group.clear.gray-middle .c-button:hover, .c-button-group.clear.gray-middle .c-button:focus, .c-button-group.clear .c-button.gray-middle:hover, .c-button-group.clear .c-button.gray-middle:focus, .c-button-group.is-clear.gray-middle .c-button:hover, .c-button-group.is-clear.gray-middle .c-button:focus, .c-button-group.is-clear .c-button.gray-middle:hover, .c-button-group.is-clear .c-button.gray-middle:focus, .c-button-group.c-button-group--clear.gray-middle .c-button:hover, .c-button-group.c-button-group--clear.gray-middle .c-button:focus, .c-button-group.c-button-group--clear .c-button.gray-middle:hover, .c-button-group.c-button-group--clear .c-button.gray-middle:focus { color: hsl(0, 0%, 24%); } .c-button-group.clear.c-button-group--gray-middle .c-button, .c-button-group.clear.c-button-group--gray-middle .c-button:hover, .c-button-group.clear.c-button-group--gray-middle .c-button:focus, .c-button-group.clear.c-button-group--gray-middle .c-button.disabled, .c-button-group.clear.c-button-group--gray-middle .c-button.disabled:hover, .c-button-group.clear.c-button-group--gray-middle .c-button.disabled:focus, .c-button-group.clear.c-button-group--gray-middle .c-button[disabled], .c-button-group.clear.c-button-group--gray-middle .c-button[disabled]:hover, .c-button-group.clear.c-button-group--gray-middle .c-button[disabled]:focus, .c-button-group.clear .c-button.c-button--gray-middle, .c-button-group.clear .c-button.c-button--gray-middle:hover, .c-button-group.clear .c-button.c-button--gray-middle:focus, .c-button-group.clear .c-button.c-button--gray-middle.disabled, .c-button-group.clear .c-button.c-button--gray-middle.disabled:hover, .c-button-group.clear .c-button.c-button--gray-middle.disabled:focus, .c-button-group.clear .c-button.c-button--gray-middle[disabled], .c-button-group.clear .c-button.c-button--gray-middle[disabled]:hover, .c-button-group.clear .c-button.c-button--gray-middle[disabled]:focus, .c-button-group.is-clear.c-button-group--gray-middle .c-button, .c-button-group.is-clear.c-button-group--gray-middle .c-button:hover, .c-button-group.is-clear.c-button-group--gray-middle .c-button:focus, .c-button-group.is-clear.c-button-group--gray-middle .c-button.disabled, .c-button-group.is-clear.c-button-group--gray-middle .c-button.disabled:hover, .c-button-group.is-clear.c-button-group--gray-middle .c-button.disabled:focus, .c-button-group.is-clear.c-button-group--gray-middle .c-button[disabled], .c-button-group.is-clear.c-button-group--gray-middle .c-button[disabled]:hover, .c-button-group.is-clear.c-button-group--gray-middle .c-button[disabled]:focus, .c-button-group.is-clear .c-button.c-button--gray-middle, .c-button-group.is-clear .c-button.c-button--gray-middle:hover, .c-button-group.is-clear .c-button.c-button--gray-middle:focus, .c-button-group.is-clear .c-button.c-button--gray-middle.disabled, .c-button-group.is-clear .c-button.c-button--gray-middle.disabled:hover, .c-button-group.is-clear .c-button.c-button--gray-middle.disabled:focus, .c-button-group.is-clear .c-button.c-button--gray-middle[disabled], .c-button-group.is-clear .c-button.c-button--gray-middle[disabled]:hover, .c-button-group.is-clear .c-button.c-button--gray-middle[disabled]:focus, .c-button-group.c-button-group--clear.c-button-group--gray-middle .c-button, .c-button-group.c-button-group--clear.c-button-group--gray-middle .c-button:hover, .c-button-group.c-button-group--clear.c-button-group--gray-middle .c-button:focus, .c-button-group.c-button-group--clear.c-button-group--gray-middle .c-button.disabled, .c-button-group.c-button-group--clear.c-button-group--gray-middle .c-button.disabled:hover, .c-button-group.c-button-group--clear.c-button-group--gray-middle .c-button.disabled:focus, .c-button-group.c-button-group--clear.c-button-group--gray-middle .c-button[disabled], .c-button-group.c-button-group--clear.c-button-group--gray-middle .c-button[disabled]:hover, .c-button-group.c-button-group--clear.c-button-group--gray-middle .c-button[disabled]:focus, .c-button-group.c-button-group--clear .c-button.c-button--gray-middle, .c-button-group.c-button-group--clear .c-button.c-button--gray-middle:hover, .c-button-group.c-button-group--clear .c-button.c-button--gray-middle:focus, .c-button-group.c-button-group--clear .c-button.c-button--gray-middle.disabled, .c-button-group.c-button-group--clear .c-button.c-button--gray-middle.disabled:hover, .c-button-group.c-button-group--clear .c-button.c-button--gray-middle.disabled:focus, .c-button-group.c-button-group--clear .c-button.c-button--gray-middle[disabled], .c-button-group.c-button-group--clear .c-button.c-button--gray-middle[disabled]:hover, .c-button-group.c-button-group--clear .c-button.c-button--gray-middle[disabled]:focus { border-color: transparent; background-color: transparent; } .c-button-group.clear.c-button-group--gray-middle .c-button, .c-button-group.clear.c-button-group--gray-middle .c-button.disabled, .c-button-group.clear.c-button-group--gray-middle .c-button[disabled], .c-button-group.clear.c-button-group--gray-middle .c-button.disabled:hover, .c-button-group.clear.c-button-group--gray-middle .c-button[disabled]:hover, .c-button-group.clear.c-button-group--gray-middle .c-button.disabled:focus, .c-button-group.clear.c-button-group--gray-middle .c-button[disabled]:focus, .c-button-group.clear .c-button.c-button--gray-middle, .c-button-group.clear .c-button.c-button--gray-middle.disabled, .c-button-group.clear .c-button.c-button--gray-middle[disabled], .c-button-group.clear .c-button.c-button--gray-middle.disabled:hover, .c-button-group.clear .c-button.c-button--gray-middle[disabled]:hover, .c-button-group.clear .c-button.c-button--gray-middle.disabled:focus, .c-button-group.clear .c-button.c-button--gray-middle[disabled]:focus, .c-button-group.is-clear.c-button-group--gray-middle .c-button, .c-button-group.is-clear.c-button-group--gray-middle .c-button.disabled, .c-button-group.is-clear.c-button-group--gray-middle .c-button[disabled], .c-button-group.is-clear.c-button-group--gray-middle .c-button.disabled:hover, .c-button-group.is-clear.c-button-group--gray-middle .c-button[disabled]:hover, .c-button-group.is-clear.c-button-group--gray-middle .c-button.disabled:focus, .c-button-group.is-clear.c-button-group--gray-middle .c-button[disabled]:focus, .c-button-group.is-clear .c-button.c-button--gray-middle, .c-button-group.is-clear .c-button.c-button--gray-middle.disabled, .c-button-group.is-clear .c-button.c-button--gray-middle[disabled], .c-button-group.is-clear .c-button.c-button--gray-middle.disabled:hover, .c-button-group.is-clear .c-button.c-button--gray-middle[disabled]:hover, .c-button-group.is-clear .c-button.c-button--gray-middle.disabled:focus, .c-button-group.is-clear .c-button.c-button--gray-middle[disabled]:focus, .c-button-group.c-button-group--clear.c-button-group--gray-middle .c-button, .c-button-group.c-button-group--clear.c-button-group--gray-middle .c-button.disabled, .c-button-group.c-button-group--clear.c-button-group--gray-middle .c-button[disabled], .c-button-group.c-button-group--clear.c-button-group--gray-middle .c-button.disabled:hover, .c-button-group.c-button-group--clear.c-button-group--gray-middle .c-button[disabled]:hover, .c-button-group.c-button-group--clear.c-button-group--gray-middle .c-button.disabled:focus, .c-button-group.c-button-group--clear.c-button-group--gray-middle .c-button[disabled]:focus, .c-button-group.c-button-group--clear .c-button.c-button--gray-middle, .c-button-group.c-button-group--clear .c-button.c-button--gray-middle.disabled, .c-button-group.c-button-group--clear .c-button.c-button--gray-middle[disabled], .c-button-group.c-button-group--clear .c-button.c-button--gray-middle.disabled:hover, .c-button-group.c-button-group--clear .c-button.c-button--gray-middle[disabled]:hover, .c-button-group.c-button-group--clear .c-button.c-button--gray-middle.disabled:focus, .c-button-group.c-button-group--clear .c-button.c-button--gray-middle[disabled]:focus { color: hsl(0, 0%, 48%); } .c-button-group.clear.c-button-group--gray-middle .c-button:hover, .c-button-group.clear.c-button-group--gray-middle .c-button:focus, .c-button-group.clear .c-button.c-button--gray-middle:hover, .c-button-group.clear .c-button.c-button--gray-middle:focus, .c-button-group.is-clear.c-button-group--gray-middle .c-button:hover, .c-button-group.is-clear.c-button-group--gray-middle .c-button:focus, .c-button-group.is-clear .c-button.c-button--gray-middle:hover, .c-button-group.is-clear .c-button.c-button--gray-middle:focus, .c-button-group.c-button-group--clear.c-button-group--gray-middle .c-button:hover, .c-button-group.c-button-group--clear.c-button-group--gray-middle .c-button:focus, .c-button-group.c-button-group--clear .c-button.c-button--gray-middle:hover, .c-button-group.c-button-group--clear .c-button.c-button--gray-middle:focus { color: hsl(0, 0%, 74%); } .c-button-group.clear.white-ter .c-button, .c-button-group.clear.white-ter .c-button.disabled, .c-button-group.clear.white-ter .c-button[disabled], .c-button-group.clear.white-ter .c-button.disabled:hover, .c-button-group.clear.white-ter .c-button[disabled]:hover, .c-button-group.clear.white-ter .c-button.disabled:focus, .c-button-group.clear.white-ter .c-button[disabled]:focus, .c-button-group.clear .c-button.white-ter, .c-button-group.clear .c-button.white-ter.disabled, .c-button-group.clear .c-button.white-ter[disabled], .c-button-group.clear .c-button.white-ter.disabled:hover, .c-button-group.clear .c-button.white-ter[disabled]:hover, .c-button-group.clear .c-button.white-ter.disabled:focus, .c-button-group.clear .c-button.white-ter[disabled]:focus, .c-button-group.is-clear.white-ter .c-button, .c-button-group.is-clear.white-ter .c-button.disabled, .c-button-group.is-clear.white-ter .c-button[disabled], .c-button-group.is-clear.white-ter .c-button.disabled:hover, .c-button-group.is-clear.white-ter .c-button[disabled]:hover, .c-button-group.is-clear.white-ter .c-button.disabled:focus, .c-button-group.is-clear.white-ter .c-button[disabled]:focus, .c-button-group.is-clear .c-button.white-ter, .c-button-group.is-clear .c-button.white-ter.disabled, .c-button-group.is-clear .c-button.white-ter[disabled], .c-button-group.is-clear .c-button.white-ter.disabled:hover, .c-button-group.is-clear .c-button.white-ter[disabled]:hover, .c-button-group.is-clear .c-button.white-ter.disabled:focus, .c-button-group.is-clear .c-button.white-ter[disabled]:focus, .c-button-group.c-button-group--clear.white-ter .c-button, .c-button-group.c-button-group--clear.white-ter .c-button.disabled, .c-button-group.c-button-group--clear.white-ter .c-button[disabled], .c-button-group.c-button-group--clear.white-ter .c-button.disabled:hover, .c-button-group.c-button-group--clear.white-ter .c-button[disabled]:hover, .c-button-group.c-button-group--clear.white-ter .c-button.disabled:focus, .c-button-group.c-button-group--clear.white-ter .c-button[disabled]:focus, .c-button-group.c-button-group--clear .c-button.white-ter, .c-button-group.c-button-group--clear .c-button.white-ter.disabled, .c-button-group.c-button-group--clear .c-button.white-ter[disabled], .c-button-group.c-button-group--clear .c-button.white-ter.disabled:hover, .c-button-group.c-button-group--clear .c-button.white-ter[disabled]:hover, .c-button-group.c-button-group--clear .c-button.white-ter.disabled:focus, .c-button-group.c-button-group--clear .c-button.white-ter[disabled]:focus { color: hsl(0, 0%, 96%); } .c-button-group.clear.white-ter .c-button:hover, .c-button-group.clear.white-ter .c-button:focus, .c-button-group.clear .c-button.white-ter:hover, .c-button-group.clear .c-button.white-ter:focus, .c-button-group.is-clear.white-ter .c-button:hover, .c-button-group.is-clear.white-ter .c-button:focus, .c-button-group.is-clear .c-button.white-ter:hover, .c-button-group.is-clear .c-button.white-ter:focus, .c-button-group.c-button-group--clear.white-ter .c-button:hover, .c-button-group.c-button-group--clear.white-ter .c-button:focus, .c-button-group.c-button-group--clear .c-button.white-ter:hover, .c-button-group.c-button-group--clear .c-button.white-ter:focus { color: hsl(0, 0%, 48%); } .c-button-group.clear.c-button-group--white-ter .c-button, .c-button-group.clear.c-button-group--white-ter .c-button:hover, .c-button-group.clear.c-button-group--white-ter .c-button:focus, .c-button-group.clear.c-button-group--white-ter .c-button.disabled, .c-button-group.clear.c-button-group--white-ter .c-button.disabled:hover, .c-button-group.clear.c-button-group--white-ter .c-button.disabled:focus, .c-button-group.clear.c-button-group--white-ter .c-button[disabled], .c-button-group.clear.c-button-group--white-ter .c-button[disabled]:hover, .c-button-group.clear.c-button-group--white-ter .c-button[disabled]:focus, .c-button-group.clear .c-button.c-button--white-ter, .c-button-group.clear .c-button.c-button--white-ter:hover, .c-button-group.clear .c-button.c-button--white-ter:focus, .c-button-group.clear .c-button.c-button--white-ter.disabled, .c-button-group.clear .c-button.c-button--white-ter.disabled:hover, .c-button-group.clear .c-button.c-button--white-ter.disabled:focus, .c-button-group.clear .c-button.c-button--white-ter[disabled], .c-button-group.clear .c-button.c-button--white-ter[disabled]:hover, .c-button-group.clear .c-button.c-button--white-ter[disabled]:focus, .c-button-group.is-clear.c-button-group--white-ter .c-button, .c-button-group.is-clear.c-button-group--white-ter .c-button:hover, .c-button-group.is-clear.c-button-group--white-ter .c-button:focus, .c-button-group.is-clear.c-button-group--white-ter .c-button.disabled, .c-button-group.is-clear.c-button-group--white-ter .c-button.disabled:hover, .c-button-group.is-clear.c-button-group--white-ter .c-button.disabled:focus, .c-button-group.is-clear.c-button-group--white-ter .c-button[disabled], .c-button-group.is-clear.c-button-group--white-ter .c-button[disabled]:hover, .c-button-group.is-clear.c-button-group--white-ter .c-button[disabled]:focus, .c-button-group.is-clear .c-button.c-button--white-ter, .c-button-group.is-clear .c-button.c-button--white-ter:hover, .c-button-group.is-clear .c-button.c-button--white-ter:focus, .c-button-group.is-clear .c-button.c-button--white-ter.disabled, .c-button-group.is-clear .c-button.c-button--white-ter.disabled:hover, .c-button-group.is-clear .c-button.c-button--white-ter.disabled:focus, .c-button-group.is-clear .c-button.c-button--white-ter[disabled], .c-button-group.is-clear .c-button.c-button--white-ter[disabled]:hover, .c-button-group.is-clear .c-button.c-button--white-ter[disabled]:focus, .c-button-group.c-button-group--clear.c-button-group--white-ter .c-button, .c-button-group.c-button-group--clear.c-button-group--white-ter .c-button:hover, .c-button-group.c-button-group--clear.c-button-group--white-ter .c-button:focus, .c-button-group.c-button-group--clear.c-button-group--white-ter .c-button.disabled, .c-button-group.c-button-group--clear.c-button-group--white-ter .c-button.disabled:hover, .c-button-group.c-button-group--clear.c-button-group--white-ter .c-button.disabled:focus, .c-button-group.c-button-group--clear.c-button-group--white-ter .c-button[disabled], .c-button-group.c-button-group--clear.c-button-group--white-ter .c-button[disabled]:hover, .c-button-group.c-button-group--clear.c-button-group--white-ter .c-button[disabled]:focus, .c-button-group.c-button-group--clear .c-button.c-button--white-ter, .c-button-group.c-button-group--clear .c-button.c-button--white-ter:hover, .c-button-group.c-button-group--clear .c-button.c-button--white-ter:focus, .c-button-group.c-button-group--clear .c-button.c-button--white-ter.disabled, .c-button-group.c-button-group--clear .c-button.c-button--white-ter.disabled:hover, .c-button-group.c-button-group--clear .c-button.c-button--white-ter.disabled:focus, .c-button-group.c-button-group--clear .c-button.c-button--white-ter[disabled], .c-button-group.c-button-group--clear .c-button.c-button--white-ter[disabled]:hover, .c-button-group.c-button-group--clear .c-button.c-button--white-ter[disabled]:focus { border-color: transparent; background-color: transparent; } .c-button-group.clear.c-button-group--white-ter .c-button, .c-button-group.clear.c-button-group--white-ter .c-button.disabled, .c-button-group.clear.c-button-group--white-ter .c-button[disabled], .c-button-group.clear.c-button-group--white-ter .c-button.disabled:hover, .c-button-group.clear.c-button-group--white-ter .c-button[disabled]:hover, .c-button-group.clear.c-button-group--white-ter .c-button.disabled:focus, .c-button-group.clear.c-button-group--white-ter .c-button[disabled]:focus, .c-button-group.clear .c-button.c-button--white-ter, .c-button-group.clear .c-button.c-button--white-ter.disabled, .c-button-group.clear .c-button.c-button--white-ter[disabled], .c-button-group.clear .c-button.c-button--white-ter.disabled:hover, .c-button-group.clear .c-button.c-button--white-ter[disabled]:hover, .c-button-group.clear .c-button.c-button--white-ter.disabled:focus, .c-button-group.clear .c-button.c-button--white-ter[disabled]:focus, .c-button-group.is-clear.c-button-group--white-ter .c-button, .c-button-group.is-clear.c-button-group--white-ter .c-button.disabled, .c-button-group.is-clear.c-button-group--white-ter .c-button[disabled], .c-button-group.is-clear.c-button-group--white-ter .c-button.disabled:hover, .c-button-group.is-clear.c-button-group--white-ter .c-button[disabled]:hover, .c-button-group.is-clear.c-button-group--white-ter .c-button.disabled:focus, .c-button-group.is-clear.c-button-group--white-ter .c-button[disabled]:focus, .c-button-group.is-clear .c-button.c-button--white-ter, .c-button-group.is-clear .c-button.c-button--white-ter.disabled, .c-button-group.is-clear .c-button.c-button--white-ter[disabled], .c-button-group.is-clear .c-button.c-button--white-ter.disabled:hover, .c-button-group.is-clear .c-button.c-button--white-ter[disabled]:hover, .c-button-group.is-clear .c-button.c-button--white-ter.disabled:focus, .c-button-group.is-clear .c-button.c-button--white-ter[disabled]:focus, .c-button-group.c-button-group--clear.c-button-group--white-ter .c-button, .c-button-group.c-button-group--clear.c-button-group--white-ter .c-button.disabled, .c-button-group.c-button-group--clear.c-button-group--white-ter .c-button[disabled], .c-button-group.c-button-group--clear.c-button-group--white-ter .c-button.disabled:hover, .c-button-group.c-button-group--clear.c-button-group--white-ter .c-button[disabled]:hover, .c-button-group.c-button-group--clear.c-button-group--white-ter .c-button.disabled:focus, .c-button-group.c-button-group--clear.c-button-group--white-ter .c-button[disabled]:focus, .c-button-group.c-button-group--clear .c-button.c-button--white-ter, .c-button-group.c-button-group--clear .c-button.c-button--white-ter.disabled, .c-button-group.c-button-group--clear .c-button.c-button--white-ter[disabled], .c-button-group.c-button-group--clear .c-button.c-button--white-ter.disabled:hover, .c-button-group.c-button-group--clear .c-button.c-button--white-ter[disabled]:hover, .c-button-group.c-button-group--clear .c-button.c-button--white-ter.disabled:focus, .c-button-group.c-button-group--clear .c-button.c-button--white-ter[disabled]:focus { color: hsl(0, 0%, 96%); } .c-button-group.clear.c-button-group--white-ter .c-button:hover, .c-button-group.clear.c-button-group--white-ter .c-button:focus, .c-button-group.clear .c-button.c-button--white-ter:hover, .c-button-group.clear .c-button.c-button--white-ter:focus, .c-button-group.is-clear.c-button-group--white-ter .c-button:hover, .c-button-group.is-clear.c-button-group--white-ter .c-button:focus, .c-button-group.is-clear .c-button.c-button--white-ter:hover, .c-button-group.is-clear .c-button.c-button--white-ter:focus, .c-button-group.c-button-group--clear.c-button-group--white-ter .c-button:hover, .c-button-group.c-button-group--clear.c-button-group--white-ter .c-button:focus, .c-button-group.c-button-group--clear .c-button.c-button--white-ter:hover, .c-button-group.c-button-group--clear .c-button.c-button--white-ter:focus { color: hsl(0, 0%, 48%); } .c-button-group.clear.black .c-button, .c-button-group.clear.black .c-button.disabled, .c-button-group.clear.black .c-button[disabled], .c-button-group.clear.black .c-button.disabled:hover, .c-button-group.clear.black .c-button[disabled]:hover, .c-button-group.clear.black .c-button.disabled:focus, .c-button-group.clear.black .c-button[disabled]:focus, .c-button-group.clear .c-button.black, .c-button-group.clear .c-button.black.disabled, .c-button-group.clear .c-button.black[disabled], .c-button-group.clear .c-button.black.disabled:hover, .c-button-group.clear .c-button.black[disabled]:hover, .c-button-group.clear .c-button.black.disabled:focus, .c-button-group.clear .c-button.black[disabled]:focus, .c-button-group.is-clear.black .c-button, .c-button-group.is-clear.black .c-button.disabled, .c-button-group.is-clear.black .c-button[disabled], .c-button-group.is-clear.black .c-button.disabled:hover, .c-button-group.is-clear.black .c-button[disabled]:hover, .c-button-group.is-clear.black .c-button.disabled:focus, .c-button-group.is-clear.black .c-button[disabled]:focus, .c-button-group.is-clear .c-button.black, .c-button-group.is-clear .c-button.black.disabled, .c-button-group.is-clear .c-button.black[disabled], .c-button-group.is-clear .c-button.black.disabled:hover, .c-button-group.is-clear .c-button.black[disabled]:hover, .c-button-group.is-clear .c-button.black.disabled:focus, .c-button-group.is-clear .c-button.black[disabled]:focus, .c-button-group.c-button-group--clear.black .c-button, .c-button-group.c-button-group--clear.black .c-button.disabled, .c-button-group.c-button-group--clear.black .c-button[disabled], .c-button-group.c-button-group--clear.black .c-button.disabled:hover, .c-button-group.c-button-group--clear.black .c-button[disabled]:hover, .c-button-group.c-button-group--clear.black .c-button.disabled:focus, .c-button-group.c-button-group--clear.black .c-button[disabled]:focus, .c-button-group.c-button-group--clear .c-button.black, .c-button-group.c-button-group--clear .c-button.black.disabled, .c-button-group.c-button-group--clear .c-button.black[disabled], .c-button-group.c-button-group--clear .c-button.black.disabled:hover, .c-button-group.c-button-group--clear .c-button.black[disabled]:hover, .c-button-group.c-button-group--clear .c-button.black.disabled:focus, .c-button-group.c-button-group--clear .c-button.black[disabled]:focus { color: hsl(0, 0%, 4%); } .c-button-group.clear.black .c-button:hover, .c-button-group.clear.black .c-button:focus, .c-button-group.clear .c-button.black:hover, .c-button-group.clear .c-button.black:focus, .c-button-group.is-clear.black .c-button:hover, .c-button-group.is-clear.black .c-button:focus, .c-button-group.is-clear .c-button.black:hover, .c-button-group.is-clear .c-button.black:focus, .c-button-group.c-button-group--clear.black .c-button:hover, .c-button-group.c-button-group--clear.black .c-button:focus, .c-button-group.c-button-group--clear .c-button.black:hover, .c-button-group.c-button-group--clear .c-button.black:focus { color: hsl(0, 0%, 2%); } .c-button-group.clear.c-button-group--black .c-button, .c-button-group.clear.c-button-group--black .c-button:hover, .c-button-group.clear.c-button-group--black .c-button:focus, .c-button-group.clear.c-button-group--black .c-button.disabled, .c-button-group.clear.c-button-group--black .c-button.disabled:hover, .c-button-group.clear.c-button-group--black .c-button.disabled:focus, .c-button-group.clear.c-button-group--black .c-button[disabled], .c-button-group.clear.c-button-group--black .c-button[disabled]:hover, .c-button-group.clear.c-button-group--black .c-button[disabled]:focus, .c-button-group.clear .c-button.c-button--black, .c-button-group.clear .c-button.c-button--black:hover, .c-button-group.clear .c-button.c-button--black:focus, .c-button-group.clear .c-button.c-button--black.disabled, .c-button-group.clear .c-button.c-button--black.disabled:hover, .c-button-group.clear .c-button.c-button--black.disabled:focus, .c-button-group.clear .c-button.c-button--black[disabled], .c-button-group.clear .c-button.c-button--black[disabled]:hover, .c-button-group.clear .c-button.c-button--black[disabled]:focus, .c-button-group.is-clear.c-button-group--black .c-button, .c-button-group.is-clear.c-button-group--black .c-button:hover, .c-button-group.is-clear.c-button-group--black .c-button:focus, .c-button-group.is-clear.c-button-group--black .c-button.disabled, .c-button-group.is-clear.c-button-group--black .c-button.disabled:hover, .c-button-group.is-clear.c-button-group--black .c-button.disabled:focus, .c-button-group.is-clear.c-button-group--black .c-button[disabled], .c-button-group.is-clear.c-button-group--black .c-button[disabled]:hover, .c-button-group.is-clear.c-button-group--black .c-button[disabled]:focus, .c-button-group.is-clear .c-button.c-button--black, .c-button-group.is-clear .c-button.c-button--black:hover, .c-button-group.is-clear .c-button.c-button--black:focus, .c-button-group.is-clear .c-button.c-button--black.disabled, .c-button-group.is-clear .c-button.c-button--black.disabled:hover, .c-button-group.is-clear .c-button.c-button--black.disabled:focus, .c-button-group.is-clear .c-button.c-button--black[disabled], .c-button-group.is-clear .c-button.c-button--black[disabled]:hover, .c-button-group.is-clear .c-button.c-button--black[disabled]:focus, .c-button-group.c-button-group--clear.c-button-group--black .c-button, .c-button-group.c-button-group--clear.c-button-group--black .c-button:hover, .c-button-group.c-button-group--clear.c-button-group--black .c-button:focus, .c-button-group.c-button-group--clear.c-button-group--black .c-button.disabled, .c-button-group.c-button-group--clear.c-button-group--black .c-button.disabled:hover, .c-button-group.c-button-group--clear.c-button-group--black .c-button.disabled:focus, .c-button-group.c-button-group--clear.c-button-group--black .c-button[disabled], .c-button-group.c-button-group--clear.c-button-group--black .c-button[disabled]:hover, .c-button-group.c-button-group--clear.c-button-group--black .c-button[disabled]:focus, .c-button-group.c-button-group--clear .c-button.c-button--black, .c-button-group.c-button-group--clear .c-button.c-button--black:hover, .c-button-group.c-button-group--clear .c-button.c-button--black:focus, .c-button-group.c-button-group--clear .c-button.c-button--black.disabled, .c-button-group.c-button-group--clear .c-button.c-button--black.disabled:hover, .c-button-group.c-button-group--clear .c-button.c-button--black.disabled:focus, .c-button-group.c-button-group--clear .c-button.c-button--black[disabled], .c-button-group.c-button-group--clear .c-button.c-button--black[disabled]:hover, .c-button-group.c-button-group--clear .c-button.c-button--black[disabled]:focus { border-color: transparent; background-color: transparent; } .c-button-group.clear.c-button-group--black .c-button, .c-button-group.clear.c-button-group--black .c-button.disabled, .c-button-group.clear.c-button-group--black .c-button[disabled], .c-button-group.clear.c-button-group--black .c-button.disabled:hover, .c-button-group.clear.c-button-group--black .c-button[disabled]:hover, .c-button-group.clear.c-button-group--black .c-button.disabled:focus, .c-button-group.clear.c-button-group--black .c-button[disabled]:focus, .c-button-group.clear .c-button.c-button--black, .c-button-group.clear .c-button.c-button--black.disabled, .c-button-group.clear .c-button.c-button--black[disabled], .c-button-group.clear .c-button.c-button--black.disabled:hover, .c-button-group.clear .c-button.c-button--black[disabled]:hover, .c-button-group.clear .c-button.c-button--black.disabled:focus, .c-button-group.clear .c-button.c-button--black[disabled]:focus, .c-button-group.is-clear.c-button-group--black .c-button, .c-button-group.is-clear.c-button-group--black .c-button.disabled, .c-button-group.is-clear.c-button-group--black .c-button[disabled], .c-button-group.is-clear.c-button-group--black .c-button.disabled:hover, .c-button-group.is-clear.c-button-group--black .c-button[disabled]:hover, .c-button-group.is-clear.c-button-group--black .c-button.disabled:focus, .c-button-group.is-clear.c-button-group--black .c-button[disabled]:focus, .c-button-group.is-clear .c-button.c-button--black, .c-button-group.is-clear .c-button.c-button--black.disabled, .c-button-group.is-clear .c-button.c-button--black[disabled], .c-button-group.is-clear .c-button.c-button--black.disabled:hover, .c-button-group.is-clear .c-button.c-button--black[disabled]:hover, .c-button-group.is-clear .c-button.c-button--black.disabled:focus, .c-button-group.is-clear .c-button.c-button--black[disabled]:focus, .c-button-group.c-button-group--clear.c-button-group--black .c-button, .c-button-group.c-button-group--clear.c-button-group--black .c-button.disabled, .c-button-group.c-button-group--clear.c-button-group--black .c-button[disabled], .c-button-group.c-button-group--clear.c-button-group--black .c-button.disabled:hover, .c-button-group.c-button-group--clear.c-button-group--black .c-button[disabled]:hover, .c-button-group.c-button-group--clear.c-button-group--black .c-button.disabled:focus, .c-button-group.c-button-group--clear.c-button-group--black .c-button[disabled]:focus, .c-button-group.c-button-group--clear .c-button.c-button--black, .c-button-group.c-button-group--clear .c-button.c-button--black.disabled, .c-button-group.c-button-group--clear .c-button.c-button--black[disabled], .c-button-group.c-button-group--clear .c-button.c-button--black.disabled:hover, .c-button-group.c-button-group--clear .c-button.c-button--black[disabled]:hover, .c-button-group.c-button-group--clear .c-button.c-button--black.disabled:focus, .c-button-group.c-button-group--clear .c-button.c-button--black[disabled]:focus { color: hsl(0, 0%, 4%); } .c-button-group.clear.c-button-group--black .c-button:hover, .c-button-group.clear.c-button-group--black .c-button:focus, .c-button-group.clear .c-button.c-button--black:hover, .c-button-group.clear .c-button.c-button--black:focus, .c-button-group.is-clear.c-button-group--black .c-button:hover, .c-button-group.is-clear.c-button-group--black .c-button:focus, .c-button-group.is-clear .c-button.c-button--black:hover, .c-button-group.is-clear .c-button.c-button--black:focus, .c-button-group.c-button-group--clear.c-button-group--black .c-button:hover, .c-button-group.c-button-group--clear.c-button-group--black .c-button:focus, .c-button-group.c-button-group--clear .c-button.c-button--black:hover, .c-button-group.c-button-group--clear .c-button.c-button--black:focus { color: hsl(0, 0%, 52%); } .c-button-group.clear.gray-light .c-button, .c-button-group.clear.gray-light .c-button.disabled, .c-button-group.clear.gray-light .c-button[disabled], .c-button-group.clear.gray-light .c-button.disabled:hover, .c-button-group.clear.gray-light .c-button[disabled]:hover, .c-button-group.clear.gray-light .c-button.disabled:focus, .c-button-group.clear.gray-light .c-button[disabled]:focus, .c-button-group.clear .c-button.gray-light, .c-button-group.clear .c-button.gray-light.disabled, .c-button-group.clear .c-button.gray-light[disabled], .c-button-group.clear .c-button.gray-light.disabled:hover, .c-button-group.clear .c-button.gray-light[disabled]:hover, .c-button-group.clear .c-button.gray-light.disabled:focus, .c-button-group.clear .c-button.gray-light[disabled]:focus, .c-button-group.is-clear.gray-light .c-button, .c-button-group.is-clear.gray-light .c-button.disabled, .c-button-group.is-clear.gray-light .c-button[disabled], .c-button-group.is-clear.gray-light .c-button.disabled:hover, .c-button-group.is-clear.gray-light .c-button[disabled]:hover, .c-button-group.is-clear.gray-light .c-button.disabled:focus, .c-button-group.is-clear.gray-light .c-button[disabled]:focus, .c-button-group.is-clear .c-button.gray-light, .c-button-group.is-clear .c-button.gray-light.disabled, .c-button-group.is-clear .c-button.gray-light[disabled], .c-button-group.is-clear .c-button.gray-light.disabled:hover, .c-button-group.is-clear .c-button.gray-light[disabled]:hover, .c-button-group.is-clear .c-button.gray-light.disabled:focus, .c-button-group.is-clear .c-button.gray-light[disabled]:focus, .c-button-group.c-button-group--clear.gray-light .c-button, .c-button-group.c-button-group--clear.gray-light .c-button.disabled, .c-button-group.c-button-group--clear.gray-light .c-button[disabled], .c-button-group.c-button-group--clear.gray-light .c-button.disabled:hover, .c-button-group.c-button-group--clear.gray-light .c-button[disabled]:hover, .c-button-group.c-button-group--clear.gray-light .c-button.disabled:focus, .c-button-group.c-button-group--clear.gray-light .c-button[disabled]:focus, .c-button-group.c-button-group--clear .c-button.gray-light, .c-button-group.c-button-group--clear .c-button.gray-light.disabled, .c-button-group.c-button-group--clear .c-button.gray-light[disabled], .c-button-group.c-button-group--clear .c-button.gray-light.disabled:hover, .c-button-group.c-button-group--clear .c-button.gray-light[disabled]:hover, .c-button-group.c-button-group--clear .c-button.gray-light.disabled:focus, .c-button-group.c-button-group--clear .c-button.gray-light[disabled]:focus { color: hsl(0, 0%, 71%); } .c-button-group.clear.gray-light .c-button:hover, .c-button-group.clear.gray-light .c-button:focus, .c-button-group.clear .c-button.gray-light:hover, .c-button-group.clear .c-button.gray-light:focus, .c-button-group.is-clear.gray-light .c-button:hover, .c-button-group.is-clear.gray-light .c-button:focus, .c-button-group.is-clear .c-button.gray-light:hover, .c-button-group.is-clear .c-button.gray-light:focus, .c-button-group.c-button-group--clear.gray-light .c-button:hover, .c-button-group.c-button-group--clear.gray-light .c-button:focus, .c-button-group.c-button-group--clear .c-button.gray-light:hover, .c-button-group.c-button-group--clear .c-button.gray-light:focus { color: hsl(0, 0%, 35.5%); } .c-button-group.clear.c-button-group--gray-light .c-button, .c-button-group.clear.c-button-group--gray-light .c-button:hover, .c-button-group.clear.c-button-group--gray-light .c-button:focus, .c-button-group.clear.c-button-group--gray-light .c-button.disabled, .c-button-group.clear.c-button-group--gray-light .c-button.disabled:hover, .c-button-group.clear.c-button-group--gray-light .c-button.disabled:focus, .c-button-group.clear.c-button-group--gray-light .c-button[disabled], .c-button-group.clear.c-button-group--gray-light .c-button[disabled]:hover, .c-button-group.clear.c-button-group--gray-light .c-button[disabled]:focus, .c-button-group.clear .c-button.c-button--gray-light, .c-button-group.clear .c-button.c-button--gray-light:hover, .c-button-group.clear .c-button.c-button--gray-light:focus, .c-button-group.clear .c-button.c-button--gray-light.disabled, .c-button-group.clear .c-button.c-button--gray-light.disabled:hover, .c-button-group.clear .c-button.c-button--gray-light.disabled:focus, .c-button-group.clear .c-button.c-button--gray-light[disabled], .c-button-group.clear .c-button.c-button--gray-light[disabled]:hover, .c-button-group.clear .c-button.c-button--gray-light[disabled]:focus, .c-button-group.is-clear.c-button-group--gray-light .c-button, .c-button-group.is-clear.c-button-group--gray-light .c-button:hover, .c-button-group.is-clear.c-button-group--gray-light .c-button:focus, .c-button-group.is-clear.c-button-group--gray-light .c-button.disabled, .c-button-group.is-clear.c-button-group--gray-light .c-button.disabled:hover, .c-button-group.is-clear.c-button-group--gray-light .c-button.disabled:focus, .c-button-group.is-clear.c-button-group--gray-light .c-button[disabled], .c-button-group.is-clear.c-button-group--gray-light .c-button[disabled]:hover, .c-button-group.is-clear.c-button-group--gray-light .c-button[disabled]:focus, .c-button-group.is-clear .c-button.c-button--gray-light, .c-button-group.is-clear .c-button.c-button--gray-light:hover, .c-button-group.is-clear .c-button.c-button--gray-light:focus, .c-button-group.is-clear .c-button.c-button--gray-light.disabled, .c-button-group.is-clear .c-button.c-button--gray-light.disabled:hover, .c-button-group.is-clear .c-button.c-button--gray-light.disabled:focus, .c-button-group.is-clear .c-button.c-button--gray-light[disabled], .c-button-group.is-clear .c-button.c-button--gray-light[disabled]:hover, .c-button-group.is-clear .c-button.c-button--gray-light[disabled]:focus, .c-button-group.c-button-group--clear.c-button-group--gray-light .c-button, .c-button-group.c-button-group--clear.c-button-group--gray-light .c-button:hover, .c-button-group.c-button-group--clear.c-button-group--gray-light .c-button:focus, .c-button-group.c-button-group--clear.c-button-group--gray-light .c-button.disabled, .c-button-group.c-button-group--clear.c-button-group--gray-light .c-button.disabled:hover, .c-button-group.c-button-group--clear.c-button-group--gray-light .c-button.disabled:focus, .c-button-group.c-button-group--clear.c-button-group--gray-light .c-button[disabled], .c-button-group.c-button-group--clear.c-button-group--gray-light .c-button[disabled]:hover, .c-button-group.c-button-group--clear.c-button-group--gray-light .c-button[disabled]:focus, .c-button-group.c-button-group--clear .c-button.c-button--gray-light, .c-button-group.c-button-group--clear .c-button.c-button--gray-light:hover, .c-button-group.c-button-group--clear .c-button.c-button--gray-light:focus, .c-button-group.c-button-group--clear .c-button.c-button--gray-light.disabled, .c-button-group.c-button-group--clear .c-button.c-button--gray-light.disabled:hover, .c-button-group.c-button-group--clear .c-button.c-button--gray-light.disabled:focus, .c-button-group.c-button-group--clear .c-button.c-button--gray-light[disabled], .c-button-group.c-button-group--clear .c-button.c-button--gray-light[disabled]:hover, .c-button-group.c-button-group--clear .c-button.c-button--gray-light[disabled]:focus { border-color: transparent; background-color: transparent; } .c-button-group.clear.c-button-group--gray-light .c-button, .c-button-group.clear.c-button-group--gray-light .c-button.disabled, .c-button-group.clear.c-button-group--gray-light .c-button[disabled], .c-button-group.clear.c-button-group--gray-light .c-button.disabled:hover, .c-button-group.clear.c-button-group--gray-light .c-button[disabled]:hover, .c-button-group.clear.c-button-group--gray-light .c-button.disabled:focus, .c-button-group.clear.c-button-group--gray-light .c-button[disabled]:focus, .c-button-group.clear .c-button.c-button--gray-light, .c-button-group.clear .c-button.c-button--gray-light.disabled, .c-button-group.clear .c-button.c-button--gray-light[disabled], .c-button-group.clear .c-button.c-button--gray-light.disabled:hover, .c-button-group.clear .c-button.c-button--gray-light[disabled]:hover, .c-button-group.clear .c-button.c-button--gray-light.disabled:focus, .c-button-group.clear .c-button.c-button--gray-light[disabled]:focus, .c-button-group.is-clear.c-button-group--gray-light .c-button, .c-button-group.is-clear.c-button-group--gray-light .c-button.disabled, .c-button-group.is-clear.c-button-group--gray-light .c-button[disabled], .c-button-group.is-clear.c-button-group--gray-light .c-button.disabled:hover, .c-button-group.is-clear.c-button-group--gray-light .c-button[disabled]:hover, .c-button-group.is-clear.c-button-group--gray-light .c-button.disabled:focus, .c-button-group.is-clear.c-button-group--gray-light .c-button[disabled]:focus, .c-button-group.is-clear .c-button.c-button--gray-light, .c-button-group.is-clear .c-button.c-button--gray-light.disabled, .c-button-group.is-clear .c-button.c-button--gray-light[disabled], .c-button-group.is-clear .c-button.c-button--gray-light.disabled:hover, .c-button-group.is-clear .c-button.c-button--gray-light[disabled]:hover, .c-button-group.is-clear .c-button.c-button--gray-light.disabled:focus, .c-button-group.is-clear .c-button.c-button--gray-light[disabled]:focus, .c-button-group.c-button-group--clear.c-button-group--gray-light .c-button, .c-button-group.c-button-group--clear.c-button-group--gray-light .c-button.disabled, .c-button-group.c-button-group--clear.c-button-group--gray-light .c-button[disabled], .c-button-group.c-button-group--clear.c-button-group--gray-light .c-button.disabled:hover, .c-button-group.c-button-group--clear.c-button-group--gray-light .c-button[disabled]:hover, .c-button-group.c-button-group--clear.c-button-group--gray-light .c-button.disabled:focus, .c-button-group.c-button-group--clear.c-button-group--gray-light .c-button[disabled]:focus, .c-button-group.c-button-group--clear .c-button.c-button--gray-light, .c-button-group.c-button-group--clear .c-button.c-button--gray-light.disabled, .c-button-group.c-button-group--clear .c-button.c-button--gray-light[disabled], .c-button-group.c-button-group--clear .c-button.c-button--gray-light.disabled:hover, .c-button-group.c-button-group--clear .c-button.c-button--gray-light[disabled]:hover, .c-button-group.c-button-group--clear .c-button.c-button--gray-light.disabled:focus, .c-button-group.c-button-group--clear .c-button.c-button--gray-light[disabled]:focus { color: hsl(0, 0%, 71%); } .c-button-group.clear.c-button-group--gray-light .c-button:hover, .c-button-group.clear.c-button-group--gray-light .c-button:focus, .c-button-group.clear .c-button.c-button--gray-light:hover, .c-button-group.clear .c-button.c-button--gray-light:focus, .c-button-group.is-clear.c-button-group--gray-light .c-button:hover, .c-button-group.is-clear.c-button-group--gray-light .c-button:focus, .c-button-group.is-clear .c-button.c-button--gray-light:hover, .c-button-group.is-clear .c-button.c-button--gray-light:focus, .c-button-group.c-button-group--clear.c-button-group--gray-light .c-button:hover, .c-button-group.c-button-group--clear.c-button-group--gray-light .c-button:focus, .c-button-group.c-button-group--clear .c-button.c-button--gray-light:hover, .c-button-group.c-button-group--clear .c-button.c-button--gray-light:focus { color: hsl(0, 0%, 35.5%); } .c-button-group.clear.gray-lightest .c-button, .c-button-group.clear.gray-lightest .c-button.disabled, .c-button-group.clear.gray-lightest .c-button[disabled], .c-button-group.clear.gray-lightest .c-button.disabled:hover, .c-button-group.clear.gray-lightest .c-button[disabled]:hover, .c-button-group.clear.gray-lightest .c-button.disabled:focus, .c-button-group.clear.gray-lightest .c-button[disabled]:focus, .c-button-group.clear .c-button.gray-lightest, .c-button-group.clear .c-button.gray-lightest.disabled, .c-button-group.clear .c-button.gray-lightest[disabled], .c-button-group.clear .c-button.gray-lightest.disabled:hover, .c-button-group.clear .c-button.gray-lightest[disabled]:hover, .c-button-group.clear .c-button.gray-lightest.disabled:focus, .c-button-group.clear .c-button.gray-lightest[disabled]:focus, .c-button-group.is-clear.gray-lightest .c-button, .c-button-group.is-clear.gray-lightest .c-button.disabled, .c-button-group.is-clear.gray-lightest .c-button[disabled], .c-button-group.is-clear.gray-lightest .c-button.disabled:hover, .c-button-group.is-clear.gray-lightest .c-button[disabled]:hover, .c-button-group.is-clear.gray-lightest .c-button.disabled:focus, .c-button-group.is-clear.gray-lightest .c-button[disabled]:focus, .c-button-group.is-clear .c-button.gray-lightest, .c-button-group.is-clear .c-button.gray-lightest.disabled, .c-button-group.is-clear .c-button.gray-lightest[disabled], .c-button-group.is-clear .c-button.gray-lightest.disabled:hover, .c-button-group.is-clear .c-button.gray-lightest[disabled]:hover, .c-button-group.is-clear .c-button.gray-lightest.disabled:focus, .c-button-group.is-clear .c-button.gray-lightest[disabled]:focus, .c-button-group.c-button-group--clear.gray-lightest .c-button, .c-button-group.c-button-group--clear.gray-lightest .c-button.disabled, .c-button-group.c-button-group--clear.gray-lightest .c-button[disabled], .c-button-group.c-button-group--clear.gray-lightest .c-button.disabled:hover, .c-button-group.c-button-group--clear.gray-lightest .c-button[disabled]:hover, .c-button-group.c-button-group--clear.gray-lightest .c-button.disabled:focus, .c-button-group.c-button-group--clear.gray-lightest .c-button[disabled]:focus, .c-button-group.c-button-group--clear .c-button.gray-lightest, .c-button-group.c-button-group--clear .c-button.gray-lightest.disabled, .c-button-group.c-button-group--clear .c-button.gray-lightest[disabled], .c-button-group.c-button-group--clear .c-button.gray-lightest.disabled:hover, .c-button-group.c-button-group--clear .c-button.gray-lightest[disabled]:hover, .c-button-group.c-button-group--clear .c-button.gray-lightest.disabled:focus, .c-button-group.c-button-group--clear .c-button.gray-lightest[disabled]:focus { color: hsl(0, 0%, 93%); } .c-button-group.clear.gray-lightest .c-button:hover, .c-button-group.clear.gray-lightest .c-button:focus, .c-button-group.clear .c-button.gray-lightest:hover, .c-button-group.clear .c-button.gray-lightest:focus, .c-button-group.is-clear.gray-lightest .c-button:hover, .c-button-group.is-clear.gray-lightest .c-button:focus, .c-button-group.is-clear .c-button.gray-lightest:hover, .c-button-group.is-clear .c-button.gray-lightest:focus, .c-button-group.c-button-group--clear.gray-lightest .c-button:hover, .c-button-group.c-button-group--clear.gray-lightest .c-button:focus, .c-button-group.c-button-group--clear .c-button.gray-lightest:hover, .c-button-group.c-button-group--clear .c-button.gray-lightest:focus { color: hsl(0, 0%, 46.5%); } .c-button-group.clear.c-button-group--gray-lightest .c-button, .c-button-group.clear.c-button-group--gray-lightest .c-button:hover, .c-button-group.clear.c-button-group--gray-lightest .c-button:focus, .c-button-group.clear.c-button-group--gray-lightest .c-button.disabled, .c-button-group.clear.c-button-group--gray-lightest .c-button.disabled:hover, .c-button-group.clear.c-button-group--gray-lightest .c-button.disabled:focus, .c-button-group.clear.c-button-group--gray-lightest .c-button[disabled], .c-button-group.clear.c-button-group--gray-lightest .c-button[disabled]:hover, .c-button-group.clear.c-button-group--gray-lightest .c-button[disabled]:focus, .c-button-group.clear .c-button.c-button--gray-lightest, .c-button-group.clear .c-button.c-button--gray-lightest:hover, .c-button-group.clear .c-button.c-button--gray-lightest:focus, .c-button-group.clear .c-button.c-button--gray-lightest.disabled, .c-button-group.clear .c-button.c-button--gray-lightest.disabled:hover, .c-button-group.clear .c-button.c-button--gray-lightest.disabled:focus, .c-button-group.clear .c-button.c-button--gray-lightest[disabled], .c-button-group.clear .c-button.c-button--gray-lightest[disabled]:hover, .c-button-group.clear .c-button.c-button--gray-lightest[disabled]:focus, .c-button-group.is-clear.c-button-group--gray-lightest .c-button, .c-button-group.is-clear.c-button-group--gray-lightest .c-button:hover, .c-button-group.is-clear.c-button-group--gray-lightest .c-button:focus, .c-button-group.is-clear.c-button-group--gray-lightest .c-button.disabled, .c-button-group.is-clear.c-button-group--gray-lightest .c-button.disabled:hover, .c-button-group.is-clear.c-button-group--gray-lightest .c-button.disabled:focus, .c-button-group.is-clear.c-button-group--gray-lightest .c-button[disabled], .c-button-group.is-clear.c-button-group--gray-lightest .c-button[disabled]:hover, .c-button-group.is-clear.c-button-group--gray-lightest .c-button[disabled]:focus, .c-button-group.is-clear .c-button.c-button--gray-lightest, .c-button-group.is-clear .c-button.c-button--gray-lightest:hover, .c-button-group.is-clear .c-button.c-button--gray-lightest:focus, .c-button-group.is-clear .c-button.c-button--gray-lightest.disabled, .c-button-group.is-clear .c-button.c-button--gray-lightest.disabled:hover, .c-button-group.is-clear .c-button.c-button--gray-lightest.disabled:focus, .c-button-group.is-clear .c-button.c-button--gray-lightest[disabled], .c-button-group.is-clear .c-button.c-button--gray-lightest[disabled]:hover, .c-button-group.is-clear .c-button.c-button--gray-lightest[disabled]:focus, .c-button-group.c-button-group--clear.c-button-group--gray-lightest .c-button, .c-button-group.c-button-group--clear.c-button-group--gray-lightest .c-button:hover, .c-button-group.c-button-group--clear.c-button-group--gray-lightest .c-button:focus, .c-button-group.c-button-group--clear.c-button-group--gray-lightest .c-button.disabled, .c-button-group.c-button-group--clear.c-button-group--gray-lightest .c-button.disabled:hover, .c-button-group.c-button-group--clear.c-button-group--gray-lightest .c-button.disabled:focus, .c-button-group.c-button-group--clear.c-button-group--gray-lightest .c-button[disabled], .c-button-group.c-button-group--clear.c-button-group--gray-lightest .c-button[disabled]:hover, .c-button-group.c-button-group--clear.c-button-group--gray-lightest .c-button[disabled]:focus, .c-button-group.c-button-group--clear .c-button.c-button--gray-lightest, .c-button-group.c-button-group--clear .c-button.c-button--gray-lightest:hover, .c-button-group.c-button-group--clear .c-button.c-button--gray-lightest:focus, .c-button-group.c-button-group--clear .c-button.c-button--gray-lightest.disabled, .c-button-group.c-button-group--clear .c-button.c-button--gray-lightest.disabled:hover, .c-button-group.c-button-group--clear .c-button.c-button--gray-lightest.disabled:focus, .c-button-group.c-button-group--clear .c-button.c-button--gray-lightest[disabled], .c-button-group.c-button-group--clear .c-button.c-button--gray-lightest[disabled]:hover, .c-button-group.c-button-group--clear .c-button.c-button--gray-lightest[disabled]:focus { border-color: transparent; background-color: transparent; } .c-button-group.clear.c-button-group--gray-lightest .c-button, .c-button-group.clear.c-button-group--gray-lightest .c-button.disabled, .c-button-group.clear.c-button-group--gray-lightest .c-button[disabled], .c-button-group.clear.c-button-group--gray-lightest .c-button.disabled:hover, .c-button-group.clear.c-button-group--gray-lightest .c-button[disabled]:hover, .c-button-group.clear.c-button-group--gray-lightest .c-button.disabled:focus, .c-button-group.clear.c-button-group--gray-lightest .c-button[disabled]:focus, .c-button-group.clear .c-button.c-button--gray-lightest, .c-button-group.clear .c-button.c-button--gray-lightest.disabled, .c-button-group.clear .c-button.c-button--gray-lightest[disabled], .c-button-group.clear .c-button.c-button--gray-lightest.disabled:hover, .c-button-group.clear .c-button.c-button--gray-lightest[disabled]:hover, .c-button-group.clear .c-button.c-button--gray-lightest.disabled:focus, .c-button-group.clear .c-button.c-button--gray-lightest[disabled]:focus, .c-button-group.is-clear.c-button-group--gray-lightest .c-button, .c-button-group.is-clear.c-button-group--gray-lightest .c-button.disabled, .c-button-group.is-clear.c-button-group--gray-lightest .c-button[disabled], .c-button-group.is-clear.c-button-group--gray-lightest .c-button.disabled:hover, .c-button-group.is-clear.c-button-group--gray-lightest .c-button[disabled]:hover, .c-button-group.is-clear.c-button-group--gray-lightest .c-button.disabled:focus, .c-button-group.is-clear.c-button-group--gray-lightest .c-button[disabled]:focus, .c-button-group.is-clear .c-button.c-button--gray-lightest, .c-button-group.is-clear .c-button.c-button--gray-lightest.disabled, .c-button-group.is-clear .c-button.c-button--gray-lightest[disabled], .c-button-group.is-clear .c-button.c-button--gray-lightest.disabled:hover, .c-button-group.is-clear .c-button.c-button--gray-lightest[disabled]:hover, .c-button-group.is-clear .c-button.c-button--gray-lightest.disabled:focus, .c-button-group.is-clear .c-button.c-button--gray-lightest[disabled]:focus, .c-button-group.c-button-group--clear.c-button-group--gray-lightest .c-button, .c-button-group.c-button-group--clear.c-button-group--gray-lightest .c-button.disabled, .c-button-group.c-button-group--clear.c-button-group--gray-lightest .c-button[disabled], .c-button-group.c-button-group--clear.c-button-group--gray-lightest .c-button.disabled:hover, .c-button-group.c-button-group--clear.c-button-group--gray-lightest .c-button[disabled]:hover, .c-button-group.c-button-group--clear.c-button-group--gray-lightest .c-button.disabled:focus, .c-button-group.c-button-group--clear.c-button-group--gray-lightest .c-button[disabled]:focus, .c-button-group.c-button-group--clear .c-button.c-button--gray-lightest, .c-button-group.c-button-group--clear .c-button.c-button--gray-lightest.disabled, .c-button-group.c-button-group--clear .c-button.c-button--gray-lightest[disabled], .c-button-group.c-button-group--clear .c-button.c-button--gray-lightest.disabled:hover, .c-button-group.c-button-group--clear .c-button.c-button--gray-lightest[disabled]:hover, .c-button-group.c-button-group--clear .c-button.c-button--gray-lightest.disabled:focus, .c-button-group.c-button-group--clear .c-button.c-button--gray-lightest[disabled]:focus { color: hsl(0, 0%, 93%); } .c-button-group.clear.c-button-group--gray-lightest .c-button:hover, .c-button-group.clear.c-button-group--gray-lightest .c-button:focus, .c-button-group.clear .c-button.c-button--gray-lightest:hover, .c-button-group.clear .c-button.c-button--gray-lightest:focus, .c-button-group.is-clear.c-button-group--gray-lightest .c-button:hover, .c-button-group.is-clear.c-button-group--gray-lightest .c-button:focus, .c-button-group.is-clear .c-button.c-button--gray-lightest:hover, .c-button-group.is-clear .c-button.c-button--gray-lightest:focus, .c-button-group.c-button-group--clear.c-button-group--gray-lightest .c-button:hover, .c-button-group.c-button-group--clear.c-button-group--gray-lightest .c-button:focus, .c-button-group.c-button-group--clear .c-button.c-button--gray-lightest:hover, .c-button-group.c-button-group--clear .c-button.c-button--gray-lightest:focus { color: hsl(0, 0%, 46.5%); } .c-button-group.clear.white .c-button, .c-button-group.clear.white .c-button.disabled, .c-button-group.clear.white .c-button[disabled], .c-button-group.clear.white .c-button.disabled:hover, .c-button-group.clear.white .c-button[disabled]:hover, .c-button-group.clear.white .c-button.disabled:focus, .c-button-group.clear.white .c-button[disabled]:focus, .c-button-group.clear .c-button.white, .c-button-group.clear .c-button.white.disabled, .c-button-group.clear .c-button.white[disabled], .c-button-group.clear .c-button.white.disabled:hover, .c-button-group.clear .c-button.white[disabled]:hover, .c-button-group.clear .c-button.white.disabled:focus, .c-button-group.clear .c-button.white[disabled]:focus, .c-button-group.is-clear.white .c-button, .c-button-group.is-clear.white .c-button.disabled, .c-button-group.is-clear.white .c-button[disabled], .c-button-group.is-clear.white .c-button.disabled:hover, .c-button-group.is-clear.white .c-button[disabled]:hover, .c-button-group.is-clear.white .c-button.disabled:focus, .c-button-group.is-clear.white .c-button[disabled]:focus, .c-button-group.is-clear .c-button.white, .c-button-group.is-clear .c-button.white.disabled, .c-button-group.is-clear .c-button.white[disabled], .c-button-group.is-clear .c-button.white.disabled:hover, .c-button-group.is-clear .c-button.white[disabled]:hover, .c-button-group.is-clear .c-button.white.disabled:focus, .c-button-group.is-clear .c-button.white[disabled]:focus, .c-button-group.c-button-group--clear.white .c-button, .c-button-group.c-button-group--clear.white .c-button.disabled, .c-button-group.c-button-group--clear.white .c-button[disabled], .c-button-group.c-button-group--clear.white .c-button.disabled:hover, .c-button-group.c-button-group--clear.white .c-button[disabled]:hover, .c-button-group.c-button-group--clear.white .c-button.disabled:focus, .c-button-group.c-button-group--clear.white .c-button[disabled]:focus, .c-button-group.c-button-group--clear .c-button.white, .c-button-group.c-button-group--clear .c-button.white.disabled, .c-button-group.c-button-group--clear .c-button.white[disabled], .c-button-group.c-button-group--clear .c-button.white.disabled:hover, .c-button-group.c-button-group--clear .c-button.white[disabled]:hover, .c-button-group.c-button-group--clear .c-button.white.disabled:focus, .c-button-group.c-button-group--clear .c-button.white[disabled]:focus { color: hsl(0, 0%, 99.5%); } .c-button-group.clear.white .c-button:hover, .c-button-group.clear.white .c-button:focus, .c-button-group.clear .c-button.white:hover, .c-button-group.clear .c-button.white:focus, .c-button-group.is-clear.white .c-button:hover, .c-button-group.is-clear.white .c-button:focus, .c-button-group.is-clear .c-button.white:hover, .c-button-group.is-clear .c-button.white:focus, .c-button-group.c-button-group--clear.white .c-button:hover, .c-button-group.c-button-group--clear.white .c-button:focus, .c-button-group.c-button-group--clear .c-button.white:hover, .c-button-group.c-button-group--clear .c-button.white:focus { color: hsl(0, 0%, 49.75%); } .c-button-group.clear.c-button-group--white .c-button, .c-button-group.clear.c-button-group--white .c-button:hover, .c-button-group.clear.c-button-group--white .c-button:focus, .c-button-group.clear.c-button-group--white .c-button.disabled, .c-button-group.clear.c-button-group--white .c-button.disabled:hover, .c-button-group.clear.c-button-group--white .c-button.disabled:focus, .c-button-group.clear.c-button-group--white .c-button[disabled], .c-button-group.clear.c-button-group--white .c-button[disabled]:hover, .c-button-group.clear.c-button-group--white .c-button[disabled]:focus, .c-button-group.clear .c-button.c-button--white, .c-button-group.clear .c-button.c-button--white:hover, .c-button-group.clear .c-button.c-button--white:focus, .c-button-group.clear .c-button.c-button--white.disabled, .c-button-group.clear .c-button.c-button--white.disabled:hover, .c-button-group.clear .c-button.c-button--white.disabled:focus, .c-button-group.clear .c-button.c-button--white[disabled], .c-button-group.clear .c-button.c-button--white[disabled]:hover, .c-button-group.clear .c-button.c-button--white[disabled]:focus, .c-button-group.is-clear.c-button-group--white .c-button, .c-button-group.is-clear.c-button-group--white .c-button:hover, .c-button-group.is-clear.c-button-group--white .c-button:focus, .c-button-group.is-clear.c-button-group--white .c-button.disabled, .c-button-group.is-clear.c-button-group--white .c-button.disabled:hover, .c-button-group.is-clear.c-button-group--white .c-button.disabled:focus, .c-button-group.is-clear.c-button-group--white .c-button[disabled], .c-button-group.is-clear.c-button-group--white .c-button[disabled]:hover, .c-button-group.is-clear.c-button-group--white .c-button[disabled]:focus, .c-button-group.is-clear .c-button.c-button--white, .c-button-group.is-clear .c-button.c-button--white:hover, .c-button-group.is-clear .c-button.c-button--white:focus, .c-button-group.is-clear .c-button.c-button--white.disabled, .c-button-group.is-clear .c-button.c-button--white.disabled:hover, .c-button-group.is-clear .c-button.c-button--white.disabled:focus, .c-button-group.is-clear .c-button.c-button--white[disabled], .c-button-group.is-clear .c-button.c-button--white[disabled]:hover, .c-button-group.is-clear .c-button.c-button--white[disabled]:focus, .c-button-group.c-button-group--clear.c-button-group--white .c-button, .c-button-group.c-button-group--clear.c-button-group--white .c-button:hover, .c-button-group.c-button-group--clear.c-button-group--white .c-button:focus, .c-button-group.c-button-group--clear.c-button-group--white .c-button.disabled, .c-button-group.c-button-group--clear.c-button-group--white .c-button.disabled:hover, .c-button-group.c-button-group--clear.c-button-group--white .c-button.disabled:focus, .c-button-group.c-button-group--clear.c-button-group--white .c-button[disabled], .c-button-group.c-button-group--clear.c-button-group--white .c-button[disabled]:hover, .c-button-group.c-button-group--clear.c-button-group--white .c-button[disabled]:focus, .c-button-group.c-button-group--clear .c-button.c-button--white, .c-button-group.c-button-group--clear .c-button.c-button--white:hover, .c-button-group.c-button-group--clear .c-button.c-button--white:focus, .c-button-group.c-button-group--clear .c-button.c-button--white.disabled, .c-button-group.c-button-group--clear .c-button.c-button--white.disabled:hover, .c-button-group.c-button-group--clear .c-button.c-button--white.disabled:focus, .c-button-group.c-button-group--clear .c-button.c-button--white[disabled], .c-button-group.c-button-group--clear .c-button.c-button--white[disabled]:hover, .c-button-group.c-button-group--clear .c-button.c-button--white[disabled]:focus { border-color: transparent; background-color: transparent; } .c-button-group.clear.c-button-group--white .c-button, .c-button-group.clear.c-button-group--white .c-button.disabled, .c-button-group.clear.c-button-group--white .c-button[disabled], .c-button-group.clear.c-button-group--white .c-button.disabled:hover, .c-button-group.clear.c-button-group--white .c-button[disabled]:hover, .c-button-group.clear.c-button-group--white .c-button.disabled:focus, .c-button-group.clear.c-button-group--white .c-button[disabled]:focus, .c-button-group.clear .c-button.c-button--white, .c-button-group.clear .c-button.c-button--white.disabled, .c-button-group.clear .c-button.c-button--white[disabled], .c-button-group.clear .c-button.c-button--white.disabled:hover, .c-button-group.clear .c-button.c-button--white[disabled]:hover, .c-button-group.clear .c-button.c-button--white.disabled:focus, .c-button-group.clear .c-button.c-button--white[disabled]:focus, .c-button-group.is-clear.c-button-group--white .c-button, .c-button-group.is-clear.c-button-group--white .c-button.disabled, .c-button-group.is-clear.c-button-group--white .c-button[disabled], .c-button-group.is-clear.c-button-group--white .c-button.disabled:hover, .c-button-group.is-clear.c-button-group--white .c-button[disabled]:hover, .c-button-group.is-clear.c-button-group--white .c-button.disabled:focus, .c-button-group.is-clear.c-button-group--white .c-button[disabled]:focus, .c-button-group.is-clear .c-button.c-button--white, .c-button-group.is-clear .c-button.c-button--white.disabled, .c-button-group.is-clear .c-button.c-button--white[disabled], .c-button-group.is-clear .c-button.c-button--white.disabled:hover, .c-button-group.is-clear .c-button.c-button--white[disabled]:hover, .c-button-group.is-clear .c-button.c-button--white.disabled:focus, .c-button-group.is-clear .c-button.c-button--white[disabled]:focus, .c-button-group.c-button-group--clear.c-button-group--white .c-button, .c-button-group.c-button-group--clear.c-button-group--white .c-button.disabled, .c-button-group.c-button-group--clear.c-button-group--white .c-button[disabled], .c-button-group.c-button-group--clear.c-button-group--white .c-button.disabled:hover, .c-button-group.c-button-group--clear.c-button-group--white .c-button[disabled]:hover, .c-button-group.c-button-group--clear.c-button-group--white .c-button.disabled:focus, .c-button-group.c-button-group--clear.c-button-group--white .c-button[disabled]:focus, .c-button-group.c-button-group--clear .c-button.c-button--white, .c-button-group.c-button-group--clear .c-button.c-button--white.disabled, .c-button-group.c-button-group--clear .c-button.c-button--white[disabled], .c-button-group.c-button-group--clear .c-button.c-button--white.disabled:hover, .c-button-group.c-button-group--clear .c-button.c-button--white[disabled]:hover, .c-button-group.c-button-group--clear .c-button.c-button--white.disabled:focus, .c-button-group.c-button-group--clear .c-button.c-button--white[disabled]:focus { color: hsl(0, 0%, 99.5%); } .c-button-group.clear.c-button-group--white .c-button:hover, .c-button-group.clear.c-button-group--white .c-button:focus, .c-button-group.clear .c-button.c-button--white:hover, .c-button-group.clear .c-button.c-button--white:focus, .c-button-group.is-clear.c-button-group--white .c-button:hover, .c-button-group.is-clear.c-button-group--white .c-button:focus, .c-button-group.is-clear .c-button.c-button--white:hover, .c-button-group.is-clear .c-button.c-button--white:focus, .c-button-group.c-button-group--clear.c-button-group--white .c-button:hover, .c-button-group.c-button-group--clear.c-button-group--white .c-button:focus, .c-button-group.c-button-group--clear .c-button.c-button--white:hover, .c-button-group.c-button-group--clear .c-button.c-button--white:focus { color: hsl(0, 0%, 49.75%); } .c-button-group.c-button-group--no-gaps .c-button { margin-right: -0.0625rem; } .c-button-group.c-button-group--no-gaps .c-button + .c-button { border-left-color: transparent; } .c-button-group.stacked, .c-button-group.stacked-for-small, .c-button-group.stacked-for-medium { flex-wrap: wrap; } .c-button-group.stacked .c-button, .c-button-group.stacked-for-small .c-button, .c-button-group.stacked-for-medium .c-button { flex: 0 0 100%; } .c-button-group.stacked .c-button:last-child, .c-button-group.stacked-for-small .c-button:last-child, .c-button-group.stacked-for-medium .c-button:last-child { margin-bottom: 0; } .c-button-group.stacked.expanded .c-button, .c-button-group.stacked-for-small.expanded .c-button, .c-button-group.stacked-for-medium.expanded .c-button { flex: 1 1 0px; } @media print, screen and (min-width: 48em) { .c-button-group.stacked-for-small .c-button { flex: 0 0 auto; margin-bottom: 0; } } @media print, screen and (min-width: 64em) { .c-button-group.stacked-for-medium .c-button { flex: 0 0 auto; margin-bottom: 0; } } @media print, screen and (max-width: 47.99875em) { .c-button-group.stacked-for-small.expanded { display: flex; } .c-button-group.stacked-for-small.expanded .c-button { display: flex; flex-basis: 100%; } } @media print, screen and (max-width: 63.99875em) { .c-button-group.stacked-for-medium.expanded { display: flex; } .c-button-group.stacked-for-medium.expanded .c-button { display: flex; flex-basis: 100%; } } .c-button-group { margin: -0.25em; margin-bottom: calc(1rem - 0.25em); } .c-button-group:where(:last-child) { margin-bottom: -0.25em; } .c-button-group .c-button { margin: 0.25em; max-width: calc(100% - 0.5em); } .c-button-group .c-button:last-child { margin-right: 0.25em; } .c-button-group--no-gaps { margin-left: 0; margin-right: 0; } .c-button-group--no-gaps .c-button { margin-left: 0; } .c-button-group.stacked .c-button, .c-button-group.stacked-for-small .c-button, .c-button-group.stacked-for-medium .c-button { flex-shrink: 1; } .c-button-group--center { justify-content: center; } .c-button-group--flex-start { justify-content: flex-start; } .c-button-group--flex-end { justify-content: flex-end; } .c-button-group--around { justify-content: space-around; } .c-button-group--between { justify-content: space-between; } .c-button-group--large-gaps .c-button { margin-right: 1em; } .c-button-group--radius { --m2-button-radius: 3em; } .c-button-group--box .c-button { text-align: center; font-weight: 600; padding-top: 1.25em; padding-bottom: 1.25em; width: 100%; margin: 0.5rem auto; } @media print, screen and (min-width: 48em) { .c-button-group--box .c-button { width: 25%; margin: 0 0 0 0.5rem; } } .c-button { display: inline-block; vertical-align: middle; margin: 0; border: 1px solid transparent; border-radius: 3em; transition: background-color 0.25s ease-out, color 0.25s ease-out, border 0.25s ease-out, opacity 0.25s ease-out; font-family: "Noto Sans JP", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, Arial, Helvetica, sans-serif; font-size: 0.9rem; -webkit-appearance: none; line-height: 1; text-align: center; cursor: pointer; padding: 0.85em 1em; } [data-whatinput=mouse] .c-button { outline: 0; } .c-button, .c-button.disabled, .c-button[disabled], .c-button.disabled:hover, .c-button[disabled]:hover, .c-button.disabled:focus, .c-button[disabled]:focus { background-color: hsl(0, 0%, 4%); color: hsl(0, 0%, 99.5%); } .c-button:hover, .c-button:focus { background-color: hsl(0, 0%, 18.4%); color: hsl(0, 0%, 99.5%); } .c-button--tiny { --m2-button-font-size: 0.6rem; } .c-button--small { --m2-button-font-size: 0.75rem; } .c-button--large { --m2-button-font-size: 1.25rem; } .c-button--expanded, .c-button.expanded { display: block; width: 100%; margin-right: 0; margin-left: 0; } @media print, screen and (max-width: 47.99875em) { .c-button--expanded-for-small-only { display: block; width: 100%; margin-right: 0; margin-left: 0; } } @media print, screen and (min-width: 48em) and (max-width: 63.99875em) { .c-button--expanded-for-medium-only { display: block; width: 100%; margin-right: 0; margin-left: 0; } } @media print, screen and (max-width: 63.99875em) { .c-button--expanded-for-medium-down { display: block; width: 100%; margin-right: 0; margin-left: 0; } } @media print, screen and (min-width: 48em) { .c-button--expanded-for-medium { display: block; width: 100%; margin-right: 0; margin-left: 0; } } @media print, screen and (min-width: 64em) and (max-width: 79.99875em) { .c-button--expanded-for-large-only { display: block; width: 100%; margin-right: 0; margin-left: 0; } } @media print, screen and (max-width: 79.99875em) { .c-button--expanded-for-large-down { display: block; width: 100%; margin-right: 0; margin-left: 0; } } @media print, screen and (min-width: 64em) { .c-button--expanded-for-large { display: block; width: 100%; margin-right: 0; margin-left: 0; } } @media print, screen and (min-width: 80em) and (max-width: 89.99875em) { .c-button--expanded-for-xlarge-only { display: block; width: 100%; margin-right: 0; margin-left: 0; } } @media print, screen and (max-width: 89.99875em) { .c-button--expanded-for-xlarge-down { display: block; width: 100%; margin-right: 0; margin-left: 0; } } @media print, screen and (min-width: 80em) { .c-button--expanded-for-xlarge { display: block; width: 100%; margin-right: 0; margin-left: 0; } } .c-button, .c-button.disabled, .c-button[disabled], .c-button.disabled:hover, .c-button[disabled]:hover, .c-button.disabled:focus, .c-button[disabled]:focus { background-color: hsl(0, 0%, 4%); color: hsl(0, 0%, 99.5%); } .c-button:hover, .c-button:focus { background-color: hsl(0, 0%, 18.4%); color: hsl(0, 0%, 99.5%); } .c-button.c-button--brand, .c-button.c-button--brand.disabled, .c-button.c-button--brand[disabled], .c-button.c-button--brand.disabled:hover, .c-button.c-button--brand[disabled]:hover, .c-button.c-button--brand.disabled:focus, .c-button.c-button--brand[disabled]:focus { background-color: hsl(332.5190839695, 97.037037037%, 26.4705882353%); color: hsl(0, 0%, 99.5%); } .c-button.c-button--brand:hover, .c-button.c-button--brand:focus { background-color: hsl(332.5190839695, 97.037037037%, 37.5%); color: hsl(0, 0%, 99.5%); } .c-button.c-button--primary, .c-button.c-button--primary.disabled, .c-button.c-button--primary[disabled], .c-button.c-button--primary.disabled:hover, .c-button.c-button--primary[disabled]:hover, .c-button.c-button--primary.disabled:focus, .c-button.c-button--primary[disabled]:focus { background-color: hsl(222, 100%, 29%); color: hsl(0, 0%, 99.5%); } .c-button.c-button--primary:hover, .c-button.c-button--primary:focus { background-color: hsl(222, 100%, 39.65%); color: hsl(0, 0%, 99.5%); } .c-button.c-button--secondary, .c-button.c-button--secondary.disabled, .c-button.c-button--secondary[disabled], .c-button.c-button--secondary.disabled:hover, .c-button.c-button--secondary[disabled]:hover, .c-button.c-button--secondary.disabled:focus, .c-button.c-button--secondary[disabled]:focus { background-color: hsl(194, 100%, 89%); color: hsl(0, 0%, 4%); } .c-button.c-button--secondary:hover, .c-button.c-button--secondary:focus { background-color: hsl(194, 100%, 75.65%); color: hsl(0, 0%, 4%); } .c-button.c-button--tertiary, .c-button.c-button--tertiary.disabled, .c-button.c-button--tertiary[disabled], .c-button.c-button--tertiary.disabled:hover, .c-button.c-button--tertiary[disabled]:hover, .c-button.c-button--tertiary.disabled:focus, .c-button.c-button--tertiary[disabled]:focus { background-color: hsl(43, 47%, 45%); color: hsl(0, 0%, 4%); } .c-button.c-button--tertiary:hover, .c-button.c-button--tertiary:focus { background-color: hsl(43, 47%, 53.25%); color: hsl(0, 0%, 4%); } .c-button.c-button--surface, .c-button.c-button--surface.disabled, .c-button.c-button--surface[disabled], .c-button.c-button--surface.disabled:hover, .c-button.c-button--surface[disabled]:hover, .c-button.c-button--surface.disabled:focus, .c-button.c-button--surface[disabled]:focus { background-color: hsl(345.9574468085, 100%, 90.7843137255%); color: hsl(0, 0%, 4%); } .c-button.c-button--surface:hover, .c-button.c-button--surface:focus { background-color: hsl(345.9574468085, 100%, 77.1666666667%); color: hsl(0, 0%, 4%); } .c-button.c-button--black-ter, .c-button.c-button--black-ter.disabled, .c-button.c-button--black-ter[disabled], .c-button.c-button--black-ter.disabled:hover, .c-button.c-button--black-ter[disabled]:hover, .c-button.c-button--black-ter.disabled:focus, .c-button.c-button--black-ter[disabled]:focus { background-color: hsl(0, 0%, 14%); color: hsl(0, 0%, 99.5%); } .c-button.c-button--black-ter:hover, .c-button.c-button--black-ter:focus { background-color: hsl(0, 0%, 26.9%); color: hsl(0, 0%, 99.5%); } .c-button.c-button--gray-dark, .c-button.c-button--gray-dark.disabled, .c-button.c-button--gray-dark[disabled], .c-button.c-button--gray-dark.disabled:hover, .c-button.c-button--gray-dark[disabled]:hover, .c-button.c-button--gray-dark.disabled:focus, .c-button.c-button--gray-dark[disabled]:focus { background-color: hsl(0, 0%, 36%); color: hsl(0, 0%, 99.5%); } .c-button.c-button--gray-dark:hover, .c-button.c-button--gray-dark:focus { background-color: hsl(0, 0%, 45.6%); color: hsl(0, 0%, 99.5%); } .c-button.c-button--gray-middle, .c-button.c-button--gray-middle.disabled, .c-button.c-button--gray-middle[disabled], .c-button.c-button--gray-middle.disabled:hover, .c-button.c-button--gray-middle[disabled]:hover, .c-button.c-button--gray-middle.disabled:focus, .c-button.c-button--gray-middle[disabled]:focus { background-color: hsl(0, 0%, 48%); color: hsl(0, 0%, 4%); } .c-button.c-button--gray-middle:hover, .c-button.c-button--gray-middle:focus { background-color: hsl(0, 0%, 55.8%); color: hsl(0, 0%, 4%); } .c-button.c-button--white-ter, .c-button.c-button--white-ter.disabled, .c-button.c-button--white-ter[disabled], .c-button.c-button--white-ter.disabled:hover, .c-button.c-button--white-ter[disabled]:hover, .c-button.c-button--white-ter.disabled:focus, .c-button.c-button--white-ter[disabled]:focus { background-color: hsl(0, 0%, 96%); color: hsl(0, 0%, 4%); } .c-button.c-button--white-ter:hover, .c-button.c-button--white-ter:focus { background-color: hsl(0, 0%, 81.6%); color: hsl(0, 0%, 4%); } .c-button.c-button--black, .c-button.c-button--black.disabled, .c-button.c-button--black[disabled], .c-button.c-button--black.disabled:hover, .c-button.c-button--black[disabled]:hover, .c-button.c-button--black.disabled:focus, .c-button.c-button--black[disabled]:focus { background-color: hsl(0, 0%, 4%); color: hsl(0, 0%, 99.5%); } .c-button.c-button--black:hover, .c-button.c-button--black:focus { background-color: hsl(0, 0%, 18.4%); color: hsl(0, 0%, 99.5%); } .c-button.c-button--gray-light, .c-button.c-button--gray-light.disabled, .c-button.c-button--gray-light[disabled], .c-button.c-button--gray-light.disabled:hover, .c-button.c-button--gray-light[disabled]:hover, .c-button.c-button--gray-light.disabled:focus, .c-button.c-button--gray-light[disabled]:focus { background-color: hsl(0, 0%, 71%); color: hsl(0, 0%, 4%); } .c-button.c-button--gray-light:hover, .c-button.c-button--gray-light:focus { background-color: hsl(0, 0%, 60.35%); color: hsl(0, 0%, 4%); } .c-button.c-button--gray-lightest, .c-button.c-button--gray-lightest.disabled, .c-button.c-button--gray-lightest[disabled], .c-button.c-button--gray-lightest.disabled:hover, .c-button.c-button--gray-lightest[disabled]:hover, .c-button.c-button--gray-lightest.disabled:focus, .c-button.c-button--gray-lightest[disabled]:focus { background-color: hsl(0, 0%, 93%); color: hsl(0, 0%, 4%); } .c-button.c-button--gray-lightest:hover, .c-button.c-button--gray-lightest:focus { background-color: hsl(0, 0%, 79.05%); color: hsl(0, 0%, 4%); } .c-button.c-button--white, .c-button.c-button--white.disabled, .c-button.c-button--white[disabled], .c-button.c-button--white.disabled:hover, .c-button.c-button--white[disabled]:hover, .c-button.c-button--white.disabled:focus, .c-button.c-button--white[disabled]:focus { background-color: hsl(0, 0%, 99.5%); color: hsl(0, 0%, 4%); } .c-button.c-button--white:hover, .c-button.c-button--white:focus { background-color: hsl(0, 0%, 84.575%); color: hsl(0, 0%, 4%); } .c-button.hollow, .c-button.hollow:hover, .c-button.hollow:focus, .c-button.hollow.disabled, .c-button.hollow.disabled:hover, .c-button.hollow.disabled:focus, .c-button.hollow[disabled], .c-button.hollow[disabled]:hover, .c-button.hollow[disabled]:focus, .c-button.c-button--hollow, .c-button.c-button--hollow:hover, .c-button.c-button--hollow:focus, .c-button.c-button--hollow.disabled, .c-button.c-button--hollow.disabled:hover, .c-button.c-button--hollow.disabled:focus, .c-button.c-button--hollow[disabled], .c-button.c-button--hollow[disabled]:hover, .c-button.c-button--hollow[disabled]:focus { background-color: transparent; } .c-button.hollow, .c-button.hollow:hover, .c-button.hollow:focus, .c-button.hollow.disabled, .c-button.hollow.disabled:hover, .c-button.hollow.disabled:focus, .c-button.hollow[disabled], .c-button.hollow[disabled]:hover, .c-button.hollow[disabled]:focus, .c-button.c-button--hollow, .c-button.c-button--hollow:hover, .c-button.c-button--hollow:focus, .c-button.c-button--hollow.disabled, .c-button.c-button--hollow.disabled:hover, .c-button.c-button--hollow.disabled:focus, .c-button.c-button--hollow[disabled], .c-button.c-button--hollow[disabled]:hover, .c-button.c-button--hollow[disabled]:focus { background-color: transparent; } .c-button.hollow, .c-button.hollow.disabled, .c-button.hollow[disabled], .c-button.hollow.disabled:hover, .c-button.hollow[disabled]:hover, .c-button.hollow.disabled:focus, .c-button.hollow[disabled]:focus, .c-button.c-button--hollow, .c-button.c-button--hollow.disabled, .c-button.c-button--hollow[disabled], .c-button.c-button--hollow.disabled:hover, .c-button.c-button--hollow[disabled]:hover, .c-button.c-button--hollow.disabled:focus, .c-button.c-button--hollow[disabled]:focus { border: 1px solid hsl(0, 0%, 4%); color: hsl(0, 0%, 4%); } .c-button.hollow:hover, .c-button.hollow:focus, .c-button.c-button--hollow:hover, .c-button.c-button--hollow:focus { border-color: hsl(0, 0%, 52%); color: hsl(0, 0%, 52%); } .c-button.hollow.c-button--brand, .c-button.hollow.c-button--brand:hover, .c-button.hollow.c-button--brand:focus, .c-button.hollow.c-button--brand.disabled, .c-button.hollow.c-button--brand.disabled:hover, .c-button.hollow.c-button--brand.disabled:focus, .c-button.hollow.c-button--brand[disabled], .c-button.hollow.c-button--brand[disabled]:hover, .c-button.hollow.c-button--brand[disabled]:focus, .c-button.c-button--hollow.c-button--brand, .c-button.c-button--hollow.c-button--brand:hover, .c-button.c-button--hollow.c-button--brand:focus, .c-button.c-button--hollow.c-button--brand.disabled, .c-button.c-button--hollow.c-button--brand.disabled:hover, .c-button.c-button--hollow.c-button--brand.disabled:focus, .c-button.c-button--hollow.c-button--brand[disabled], .c-button.c-button--hollow.c-button--brand[disabled]:hover, .c-button.c-button--hollow.c-button--brand[disabled]:focus { background-color: transparent; } .c-button.hollow.c-button--brand, .c-button.hollow.c-button--brand.disabled, .c-button.hollow.c-button--brand[disabled], .c-button.hollow.c-button--brand.disabled:hover, .c-button.hollow.c-button--brand[disabled]:hover, .c-button.hollow.c-button--brand.disabled:focus, .c-button.hollow.c-button--brand[disabled]:focus, .c-button.c-button--hollow.c-button--brand, .c-button.c-button--hollow.c-button--brand.disabled, .c-button.c-button--hollow.c-button--brand[disabled], .c-button.c-button--hollow.c-button--brand.disabled:hover, .c-button.c-button--hollow.c-button--brand[disabled]:hover, .c-button.c-button--hollow.c-button--brand.disabled:focus, .c-button.c-button--hollow.c-button--brand[disabled]:focus { border: 1px solid hsl(332.5190839695, 97.037037037%, 26.4705882353%); color: hsl(332.5190839695, 97.037037037%, 26.4705882353%); } .c-button.hollow.c-button--brand:hover, .c-button.hollow.c-button--brand:focus, .c-button.c-button--hollow.c-button--brand:hover, .c-button.c-button--hollow.c-button--brand:focus { border-color: hsl(332.5190839695, 97.037037037%, 63.2352941176%); color: hsl(332.5190839695, 97.037037037%, 63.2352941176%); } .c-button.hollow.c-button--primary, .c-button.hollow.c-button--primary:hover, .c-button.hollow.c-button--primary:focus, .c-button.hollow.c-button--primary.disabled, .c-button.hollow.c-button--primary.disabled:hover, .c-button.hollow.c-button--primary.disabled:focus, .c-button.hollow.c-button--primary[disabled], .c-button.hollow.c-button--primary[disabled]:hover, .c-button.hollow.c-button--primary[disabled]:focus, .c-button.c-button--hollow.c-button--primary, .c-button.c-button--hollow.c-button--primary:hover, .c-button.c-button--hollow.c-button--primary:focus, .c-button.c-button--hollow.c-button--primary.disabled, .c-button.c-button--hollow.c-button--primary.disabled:hover, .c-button.c-button--hollow.c-button--primary.disabled:focus, .c-button.c-button--hollow.c-button--primary[disabled], .c-button.c-button--hollow.c-button--primary[disabled]:hover, .c-button.c-button--hollow.c-button--primary[disabled]:focus { background-color: transparent; } .c-button.hollow.c-button--primary, .c-button.hollow.c-button--primary.disabled, .c-button.hollow.c-button--primary[disabled], .c-button.hollow.c-button--primary.disabled:hover, .c-button.hollow.c-button--primary[disabled]:hover, .c-button.hollow.c-button--primary.disabled:focus, .c-button.hollow.c-button--primary[disabled]:focus, .c-button.c-button--hollow.c-button--primary, .c-button.c-button--hollow.c-button--primary.disabled, .c-button.c-button--hollow.c-button--primary[disabled], .c-button.c-button--hollow.c-button--primary.disabled:hover, .c-button.c-button--hollow.c-button--primary[disabled]:hover, .c-button.c-button--hollow.c-button--primary.disabled:focus, .c-button.c-button--hollow.c-button--primary[disabled]:focus { border: 1px solid hsl(222, 100%, 29%); color: hsl(222, 100%, 29%); } .c-button.hollow.c-button--primary:hover, .c-button.hollow.c-button--primary:focus, .c-button.c-button--hollow.c-button--primary:hover, .c-button.c-button--hollow.c-button--primary:focus { border-color: hsl(222, 100%, 64.5%); color: hsl(222, 100%, 64.5%); } .c-button.hollow.c-button--secondary, .c-button.hollow.c-button--secondary:hover, .c-button.hollow.c-button--secondary:focus, .c-button.hollow.c-button--secondary.disabled, .c-button.hollow.c-button--secondary.disabled:hover, .c-button.hollow.c-button--secondary.disabled:focus, .c-button.hollow.c-button--secondary[disabled], .c-button.hollow.c-button--secondary[disabled]:hover, .c-button.hollow.c-button--secondary[disabled]:focus, .c-button.c-button--hollow.c-button--secondary, .c-button.c-button--hollow.c-button--secondary:hover, .c-button.c-button--hollow.c-button--secondary:focus, .c-button.c-button--hollow.c-button--secondary.disabled, .c-button.c-button--hollow.c-button--secondary.disabled:hover, .c-button.c-button--hollow.c-button--secondary.disabled:focus, .c-button.c-button--hollow.c-button--secondary[disabled], .c-button.c-button--hollow.c-button--secondary[disabled]:hover, .c-button.c-button--hollow.c-button--secondary[disabled]:focus { background-color: transparent; } .c-button.hollow.c-button--secondary, .c-button.hollow.c-button--secondary.disabled, .c-button.hollow.c-button--secondary[disabled], .c-button.hollow.c-button--secondary.disabled:hover, .c-button.hollow.c-button--secondary[disabled]:hover, .c-button.hollow.c-button--secondary.disabled:focus, .c-button.hollow.c-button--secondary[disabled]:focus, .c-button.c-button--hollow.c-button--secondary, .c-button.c-button--hollow.c-button--secondary.disabled, .c-button.c-button--hollow.c-button--secondary[disabled], .c-button.c-button--hollow.c-button--secondary.disabled:hover, .c-button.c-button--hollow.c-button--secondary[disabled]:hover, .c-button.c-button--hollow.c-button--secondary.disabled:focus, .c-button.c-button--hollow.c-button--secondary[disabled]:focus { border: 1px solid hsl(194, 100%, 89%); color: hsl(194, 100%, 89%); } .c-button.hollow.c-button--secondary:hover, .c-button.hollow.c-button--secondary:focus, .c-button.c-button--hollow.c-button--secondary:hover, .c-button.c-button--hollow.c-button--secondary:focus { border-color: hsl(194, 100%, 44.5%); color: hsl(194, 100%, 44.5%); } .c-button.hollow.c-button--tertiary, .c-button.hollow.c-button--tertiary:hover, .c-button.hollow.c-button--tertiary:focus, .c-button.hollow.c-button--tertiary.disabled, .c-button.hollow.c-button--tertiary.disabled:hover, .c-button.hollow.c-button--tertiary.disabled:focus, .c-button.hollow.c-button--tertiary[disabled], .c-button.hollow.c-button--tertiary[disabled]:hover, .c-button.hollow.c-button--tertiary[disabled]:focus, .c-button.c-button--hollow.c-button--tertiary, .c-button.c-button--hollow.c-button--tertiary:hover, .c-button.c-button--hollow.c-button--tertiary:focus, .c-button.c-button--hollow.c-button--tertiary.disabled, .c-button.c-button--hollow.c-button--tertiary.disabled:hover, .c-button.c-button--hollow.c-button--tertiary.disabled:focus, .c-button.c-button--hollow.c-button--tertiary[disabled], .c-button.c-button--hollow.c-button--tertiary[disabled]:hover, .c-button.c-button--hollow.c-button--tertiary[disabled]:focus { background-color: transparent; } .c-button.hollow.c-button--tertiary, .c-button.hollow.c-button--tertiary.disabled, .c-button.hollow.c-button--tertiary[disabled], .c-button.hollow.c-button--tertiary.disabled:hover, .c-button.hollow.c-button--tertiary[disabled]:hover, .c-button.hollow.c-button--tertiary.disabled:focus, .c-button.hollow.c-button--tertiary[disabled]:focus, .c-button.c-button--hollow.c-button--tertiary, .c-button.c-button--hollow.c-button--tertiary.disabled, .c-button.c-button--hollow.c-button--tertiary[disabled], .c-button.c-button--hollow.c-button--tertiary.disabled:hover, .c-button.c-button--hollow.c-button--tertiary[disabled]:hover, .c-button.c-button--hollow.c-button--tertiary.disabled:focus, .c-button.c-button--hollow.c-button--tertiary[disabled]:focus { border: 1px solid hsl(43, 47%, 45%); color: hsl(43, 47%, 45%); } .c-button.hollow.c-button--tertiary:hover, .c-button.hollow.c-button--tertiary:focus, .c-button.c-button--hollow.c-button--tertiary:hover, .c-button.c-button--hollow.c-button--tertiary:focus { border-color: hsl(43, 47%, 72.5%); color: hsl(43, 47%, 72.5%); } .c-button.hollow.c-button--surface, .c-button.hollow.c-button--surface:hover, .c-button.hollow.c-button--surface:focus, .c-button.hollow.c-button--surface.disabled, .c-button.hollow.c-button--surface.disabled:hover, .c-button.hollow.c-button--surface.disabled:focus, .c-button.hollow.c-button--surface[disabled], .c-button.hollow.c-button--surface[disabled]:hover, .c-button.hollow.c-button--surface[disabled]:focus, .c-button.c-button--hollow.c-button--surface, .c-button.c-button--hollow.c-button--surface:hover, .c-button.c-button--hollow.c-button--surface:focus, .c-button.c-button--hollow.c-button--surface.disabled, .c-button.c-button--hollow.c-button--surface.disabled:hover, .c-button.c-button--hollow.c-button--surface.disabled:focus, .c-button.c-button--hollow.c-button--surface[disabled], .c-button.c-button--hollow.c-button--surface[disabled]:hover, .c-button.c-button--hollow.c-button--surface[disabled]:focus { background-color: transparent; } .c-button.hollow.c-button--surface, .c-button.hollow.c-button--surface.disabled, .c-button.hollow.c-button--surface[disabled], .c-button.hollow.c-button--surface.disabled:hover, .c-button.hollow.c-button--surface[disabled]:hover, .c-button.hollow.c-button--surface.disabled:focus, .c-button.hollow.c-button--surface[disabled]:focus, .c-button.c-button--hollow.c-button--surface, .c-button.c-button--hollow.c-button--surface.disabled, .c-button.c-button--hollow.c-button--surface[disabled], .c-button.c-button--hollow.c-button--surface.disabled:hover, .c-button.c-button--hollow.c-button--surface[disabled]:hover, .c-button.c-button--hollow.c-button--surface.disabled:focus, .c-button.c-button--hollow.c-button--surface[disabled]:focus { border: 1px solid hsl(345.9574468085, 100%, 90.7843137255%); color: hsl(345.9574468085, 100%, 90.7843137255%); } .c-button.hollow.c-button--surface:hover, .c-button.hollow.c-button--surface:focus, .c-button.c-button--hollow.c-button--surface:hover, .c-button.c-button--hollow.c-button--surface:focus { border-color: hsl(345.9574468085, 100%, 45.3921568627%); color: hsl(345.9574468085, 100%, 45.3921568627%); } .c-button.hollow.c-button--black-ter, .c-button.hollow.c-button--black-ter:hover, .c-button.hollow.c-button--black-ter:focus, .c-button.hollow.c-button--black-ter.disabled, .c-button.hollow.c-button--black-ter.disabled:hover, .c-button.hollow.c-button--black-ter.disabled:focus, .c-button.hollow.c-button--black-ter[disabled], .c-button.hollow.c-button--black-ter[disabled]:hover, .c-button.hollow.c-button--black-ter[disabled]:focus, .c-button.c-button--hollow.c-button--black-ter, .c-button.c-button--hollow.c-button--black-ter:hover, .c-button.c-button--hollow.c-button--black-ter:focus, .c-button.c-button--hollow.c-button--black-ter.disabled, .c-button.c-button--hollow.c-button--black-ter.disabled:hover, .c-button.c-button--hollow.c-button--black-ter.disabled:focus, .c-button.c-button--hollow.c-button--black-ter[disabled], .c-button.c-button--hollow.c-button--black-ter[disabled]:hover, .c-button.c-button--hollow.c-button--black-ter[disabled]:focus { background-color: transparent; } .c-button.hollow.c-button--black-ter, .c-button.hollow.c-button--black-ter.disabled, .c-button.hollow.c-button--black-ter[disabled], .c-button.hollow.c-button--black-ter.disabled:hover, .c-button.hollow.c-button--black-ter[disabled]:hover, .c-button.hollow.c-button--black-ter.disabled:focus, .c-button.hollow.c-button--black-ter[disabled]:focus, .c-button.c-button--hollow.c-button--black-ter, .c-button.c-button--hollow.c-button--black-ter.disabled, .c-button.c-button--hollow.c-button--black-ter[disabled], .c-button.c-button--hollow.c-button--black-ter.disabled:hover, .c-button.c-button--hollow.c-button--black-ter[disabled]:hover, .c-button.c-button--hollow.c-button--black-ter.disabled:focus, .c-button.c-button--hollow.c-button--black-ter[disabled]:focus { border: 1px solid hsl(0, 0%, 14%); color: hsl(0, 0%, 14%); } .c-button.hollow.c-button--black-ter:hover, .c-button.hollow.c-button--black-ter:focus, .c-button.c-button--hollow.c-button--black-ter:hover, .c-button.c-button--hollow.c-button--black-ter:focus { border-color: hsl(0, 0%, 57%); color: hsl(0, 0%, 57%); } .c-button.hollow.c-button--gray-dark, .c-button.hollow.c-button--gray-dark:hover, .c-button.hollow.c-button--gray-dark:focus, .c-button.hollow.c-button--gray-dark.disabled, .c-button.hollow.c-button--gray-dark.disabled:hover, .c-button.hollow.c-button--gray-dark.disabled:focus, .c-button.hollow.c-button--gray-dark[disabled], .c-button.hollow.c-button--gray-dark[disabled]:hover, .c-button.hollow.c-button--gray-dark[disabled]:focus, .c-button.c-button--hollow.c-button--gray-dark, .c-button.c-button--hollow.c-button--gray-dark:hover, .c-button.c-button--hollow.c-button--gray-dark:focus, .c-button.c-button--hollow.c-button--gray-dark.disabled, .c-button.c-button--hollow.c-button--gray-dark.disabled:hover, .c-button.c-button--hollow.c-button--gray-dark.disabled:focus, .c-button.c-button--hollow.c-button--gray-dark[disabled], .c-button.c-button--hollow.c-button--gray-dark[disabled]:hover, .c-button.c-button--hollow.c-button--gray-dark[disabled]:focus { background-color: transparent; } .c-button.hollow.c-button--gray-dark, .c-button.hollow.c-button--gray-dark.disabled, .c-button.hollow.c-button--gray-dark[disabled], .c-button.hollow.c-button--gray-dark.disabled:hover, .c-button.hollow.c-button--gray-dark[disabled]:hover, .c-button.hollow.c-button--gray-dark.disabled:focus, .c-button.hollow.c-button--gray-dark[disabled]:focus, .c-button.c-button--hollow.c-button--gray-dark, .c-button.c-button--hollow.c-button--gray-dark.disabled, .c-button.c-button--hollow.c-button--gray-dark[disabled], .c-button.c-button--hollow.c-button--gray-dark.disabled:hover, .c-button.c-button--hollow.c-button--gray-dark[disabled]:hover, .c-button.c-button--hollow.c-button--gray-dark.disabled:focus, .c-button.c-button--hollow.c-button--gray-dark[disabled]:focus { border: 1px solid hsl(0, 0%, 36%); color: hsl(0, 0%, 36%); } .c-button.hollow.c-button--gray-dark:hover, .c-button.hollow.c-button--gray-dark:focus, .c-button.c-button--hollow.c-button--gray-dark:hover, .c-button.c-button--hollow.c-button--gray-dark:focus { border-color: hsl(0, 0%, 68%); color: hsl(0, 0%, 68%); } .c-button.hollow.c-button--gray-middle, .c-button.hollow.c-button--gray-middle:hover, .c-button.hollow.c-button--gray-middle:focus, .c-button.hollow.c-button--gray-middle.disabled, .c-button.hollow.c-button--gray-middle.disabled:hover, .c-button.hollow.c-button--gray-middle.disabled:focus, .c-button.hollow.c-button--gray-middle[disabled], .c-button.hollow.c-button--gray-middle[disabled]:hover, .c-button.hollow.c-button--gray-middle[disabled]:focus, .c-button.c-button--hollow.c-button--gray-middle, .c-button.c-button--hollow.c-button--gray-middle:hover, .c-button.c-button--hollow.c-button--gray-middle:focus, .c-button.c-button--hollow.c-button--gray-middle.disabled, .c-button.c-button--hollow.c-button--gray-middle.disabled:hover, .c-button.c-button--hollow.c-button--gray-middle.disabled:focus, .c-button.c-button--hollow.c-button--gray-middle[disabled], .c-button.c-button--hollow.c-button--gray-middle[disabled]:hover, .c-button.c-button--hollow.c-button--gray-middle[disabled]:focus { background-color: transparent; } .c-button.hollow.c-button--gray-middle, .c-button.hollow.c-button--gray-middle.disabled, .c-button.hollow.c-button--gray-middle[disabled], .c-button.hollow.c-button--gray-middle.disabled:hover, .c-button.hollow.c-button--gray-middle[disabled]:hover, .c-button.hollow.c-button--gray-middle.disabled:focus, .c-button.hollow.c-button--gray-middle[disabled]:focus, .c-button.c-button--hollow.c-button--gray-middle, .c-button.c-button--hollow.c-button--gray-middle.disabled, .c-button.c-button--hollow.c-button--gray-middle[disabled], .c-button.c-button--hollow.c-button--gray-middle.disabled:hover, .c-button.c-button--hollow.c-button--gray-middle[disabled]:hover, .c-button.c-button--hollow.c-button--gray-middle.disabled:focus, .c-button.c-button--hollow.c-button--gray-middle[disabled]:focus { border: 1px solid hsl(0, 0%, 48%); color: hsl(0, 0%, 48%); } .c-button.hollow.c-button--gray-middle:hover, .c-button.hollow.c-button--gray-middle:focus, .c-button.c-button--hollow.c-button--gray-middle:hover, .c-button.c-button--hollow.c-button--gray-middle:focus { border-color: hsl(0, 0%, 74%); color: hsl(0, 0%, 74%); } .c-button.hollow.c-button--white-ter, .c-button.hollow.c-button--white-ter:hover, .c-button.hollow.c-button--white-ter:focus, .c-button.hollow.c-button--white-ter.disabled, .c-button.hollow.c-button--white-ter.disabled:hover, .c-button.hollow.c-button--white-ter.disabled:focus, .c-button.hollow.c-button--white-ter[disabled], .c-button.hollow.c-button--white-ter[disabled]:hover, .c-button.hollow.c-button--white-ter[disabled]:focus, .c-button.c-button--hollow.c-button--white-ter, .c-button.c-button--hollow.c-button--white-ter:hover, .c-button.c-button--hollow.c-button--white-ter:focus, .c-button.c-button--hollow.c-button--white-ter.disabled, .c-button.c-button--hollow.c-button--white-ter.disabled:hover, .c-button.c-button--hollow.c-button--white-ter.disabled:focus, .c-button.c-button--hollow.c-button--white-ter[disabled], .c-button.c-button--hollow.c-button--white-ter[disabled]:hover, .c-button.c-button--hollow.c-button--white-ter[disabled]:focus { background-color: transparent; } .c-button.hollow.c-button--white-ter, .c-button.hollow.c-button--white-ter.disabled, .c-button.hollow.c-button--white-ter[disabled], .c-button.hollow.c-button--white-ter.disabled:hover, .c-button.hollow.c-button--white-ter[disabled]:hover, .c-button.hollow.c-button--white-ter.disabled:focus, .c-button.hollow.c-button--white-ter[disabled]:focus, .c-button.c-button--hollow.c-button--white-ter, .c-button.c-button--hollow.c-button--white-ter.disabled, .c-button.c-button--hollow.c-button--white-ter[disabled], .c-button.c-button--hollow.c-button--white-ter.disabled:hover, .c-button.c-button--hollow.c-button--white-ter[disabled]:hover, .c-button.c-button--hollow.c-button--white-ter.disabled:focus, .c-button.c-button--hollow.c-button--white-ter[disabled]:focus { border: 1px solid hsl(0, 0%, 96%); color: hsl(0, 0%, 96%); } .c-button.hollow.c-button--white-ter:hover, .c-button.hollow.c-button--white-ter:focus, .c-button.c-button--hollow.c-button--white-ter:hover, .c-button.c-button--hollow.c-button--white-ter:focus { border-color: hsl(0, 0%, 48%); color: hsl(0, 0%, 48%); } .c-button.hollow.c-button--black, .c-button.hollow.c-button--black:hover, .c-button.hollow.c-button--black:focus, .c-button.hollow.c-button--black.disabled, .c-button.hollow.c-button--black.disabled:hover, .c-button.hollow.c-button--black.disabled:focus, .c-button.hollow.c-button--black[disabled], .c-button.hollow.c-button--black[disabled]:hover, .c-button.hollow.c-button--black[disabled]:focus, .c-button.c-button--hollow.c-button--black, .c-button.c-button--hollow.c-button--black:hover, .c-button.c-button--hollow.c-button--black:focus, .c-button.c-button--hollow.c-button--black.disabled, .c-button.c-button--hollow.c-button--black.disabled:hover, .c-button.c-button--hollow.c-button--black.disabled:focus, .c-button.c-button--hollow.c-button--black[disabled], .c-button.c-button--hollow.c-button--black[disabled]:hover, .c-button.c-button--hollow.c-button--black[disabled]:focus { background-color: transparent; } .c-button.hollow.c-button--black, .c-button.hollow.c-button--black.disabled, .c-button.hollow.c-button--black[disabled], .c-button.hollow.c-button--black.disabled:hover, .c-button.hollow.c-button--black[disabled]:hover, .c-button.hollow.c-button--black.disabled:focus, .c-button.hollow.c-button--black[disabled]:focus, .c-button.c-button--hollow.c-button--black, .c-button.c-button--hollow.c-button--black.disabled, .c-button.c-button--hollow.c-button--black[disabled], .c-button.c-button--hollow.c-button--black.disabled:hover, .c-button.c-button--hollow.c-button--black[disabled]:hover, .c-button.c-button--hollow.c-button--black.disabled:focus, .c-button.c-button--hollow.c-button--black[disabled]:focus { border: 1px solid hsl(0, 0%, 4%); color: hsl(0, 0%, 4%); } .c-button.hollow.c-button--black:hover, .c-button.hollow.c-button--black:focus, .c-button.c-button--hollow.c-button--black:hover, .c-button.c-button--hollow.c-button--black:focus { border-color: hsl(0, 0%, 52%); color: hsl(0, 0%, 52%); } .c-button.hollow.c-button--gray-light, .c-button.hollow.c-button--gray-light:hover, .c-button.hollow.c-button--gray-light:focus, .c-button.hollow.c-button--gray-light.disabled, .c-button.hollow.c-button--gray-light.disabled:hover, .c-button.hollow.c-button--gray-light.disabled:focus, .c-button.hollow.c-button--gray-light[disabled], .c-button.hollow.c-button--gray-light[disabled]:hover, .c-button.hollow.c-button--gray-light[disabled]:focus, .c-button.c-button--hollow.c-button--gray-light, .c-button.c-button--hollow.c-button--gray-light:hover, .c-button.c-button--hollow.c-button--gray-light:focus, .c-button.c-button--hollow.c-button--gray-light.disabled, .c-button.c-button--hollow.c-button--gray-light.disabled:hover, .c-button.c-button--hollow.c-button--gray-light.disabled:focus, .c-button.c-button--hollow.c-button--gray-light[disabled], .c-button.c-button--hollow.c-button--gray-light[disabled]:hover, .c-button.c-button--hollow.c-button--gray-light[disabled]:focus { background-color: transparent; } .c-button.hollow.c-button--gray-light, .c-button.hollow.c-button--gray-light.disabled, .c-button.hollow.c-button--gray-light[disabled], .c-button.hollow.c-button--gray-light.disabled:hover, .c-button.hollow.c-button--gray-light[disabled]:hover, .c-button.hollow.c-button--gray-light.disabled:focus, .c-button.hollow.c-button--gray-light[disabled]:focus, .c-button.c-button--hollow.c-button--gray-light, .c-button.c-button--hollow.c-button--gray-light.disabled, .c-button.c-button--hollow.c-button--gray-light[disabled], .c-button.c-button--hollow.c-button--gray-light.disabled:hover, .c-button.c-button--hollow.c-button--gray-light[disabled]:hover, .c-button.c-button--hollow.c-button--gray-light.disabled:focus, .c-button.c-button--hollow.c-button--gray-light[disabled]:focus { border: 1px solid hsl(0, 0%, 71%); color: hsl(0, 0%, 71%); } .c-button.hollow.c-button--gray-light:hover, .c-button.hollow.c-button--gray-light:focus, .c-button.c-button--hollow.c-button--gray-light:hover, .c-button.c-button--hollow.c-button--gray-light:focus { border-color: hsl(0, 0%, 35.5%); color: hsl(0, 0%, 35.5%); } .c-button.hollow.c-button--gray-lightest, .c-button.hollow.c-button--gray-lightest:hover, .c-button.hollow.c-button--gray-lightest:focus, .c-button.hollow.c-button--gray-lightest.disabled, .c-button.hollow.c-button--gray-lightest.disabled:hover, .c-button.hollow.c-button--gray-lightest.disabled:focus, .c-button.hollow.c-button--gray-lightest[disabled], .c-button.hollow.c-button--gray-lightest[disabled]:hover, .c-button.hollow.c-button--gray-lightest[disabled]:focus, .c-button.c-button--hollow.c-button--gray-lightest, .c-button.c-button--hollow.c-button--gray-lightest:hover, .c-button.c-button--hollow.c-button--gray-lightest:focus, .c-button.c-button--hollow.c-button--gray-lightest.disabled, .c-button.c-button--hollow.c-button--gray-lightest.disabled:hover, .c-button.c-button--hollow.c-button--gray-lightest.disabled:focus, .c-button.c-button--hollow.c-button--gray-lightest[disabled], .c-button.c-button--hollow.c-button--gray-lightest[disabled]:hover, .c-button.c-button--hollow.c-button--gray-lightest[disabled]:focus { background-color: transparent; } .c-button.hollow.c-button--gray-lightest, .c-button.hollow.c-button--gray-lightest.disabled, .c-button.hollow.c-button--gray-lightest[disabled], .c-button.hollow.c-button--gray-lightest.disabled:hover, .c-button.hollow.c-button--gray-lightest[disabled]:hover, .c-button.hollow.c-button--gray-lightest.disabled:focus, .c-button.hollow.c-button--gray-lightest[disabled]:focus, .c-button.c-button--hollow.c-button--gray-lightest, .c-button.c-button--hollow.c-button--gray-lightest.disabled, .c-button.c-button--hollow.c-button--gray-lightest[disabled], .c-button.c-button--hollow.c-button--gray-lightest.disabled:hover, .c-button.c-button--hollow.c-button--gray-lightest[disabled]:hover, .c-button.c-button--hollow.c-button--gray-lightest.disabled:focus, .c-button.c-button--hollow.c-button--gray-lightest[disabled]:focus { border: 1px solid hsl(0, 0%, 93%); color: hsl(0, 0%, 93%); } .c-button.hollow.c-button--gray-lightest:hover, .c-button.hollow.c-button--gray-lightest:focus, .c-button.c-button--hollow.c-button--gray-lightest:hover, .c-button.c-button--hollow.c-button--gray-lightest:focus { border-color: hsl(0, 0%, 46.5%); color: hsl(0, 0%, 46.5%); } .c-button.hollow.c-button--white, .c-button.hollow.c-button--white:hover, .c-button.hollow.c-button--white:focus, .c-button.hollow.c-button--white.disabled, .c-button.hollow.c-button--white.disabled:hover, .c-button.hollow.c-button--white.disabled:focus, .c-button.hollow.c-button--white[disabled], .c-button.hollow.c-button--white[disabled]:hover, .c-button.hollow.c-button--white[disabled]:focus, .c-button.c-button--hollow.c-button--white, .c-button.c-button--hollow.c-button--white:hover, .c-button.c-button--hollow.c-button--white:focus, .c-button.c-button--hollow.c-button--white.disabled, .c-button.c-button--hollow.c-button--white.disabled:hover, .c-button.c-button--hollow.c-button--white.disabled:focus, .c-button.c-button--hollow.c-button--white[disabled], .c-button.c-button--hollow.c-button--white[disabled]:hover, .c-button.c-button--hollow.c-button--white[disabled]:focus { background-color: transparent; } .c-button.hollow.c-button--white, .c-button.hollow.c-button--white.disabled, .c-button.hollow.c-button--white[disabled], .c-button.hollow.c-button--white.disabled:hover, .c-button.hollow.c-button--white[disabled]:hover, .c-button.hollow.c-button--white.disabled:focus, .c-button.hollow.c-button--white[disabled]:focus, .c-button.c-button--hollow.c-button--white, .c-button.c-button--hollow.c-button--white.disabled, .c-button.c-button--hollow.c-button--white[disabled], .c-button.c-button--hollow.c-button--white.disabled:hover, .c-button.c-button--hollow.c-button--white[disabled]:hover, .c-button.c-button--hollow.c-button--white.disabled:focus, .c-button.c-button--hollow.c-button--white[disabled]:focus { border: 1px solid hsl(0, 0%, 99.5%); color: hsl(0, 0%, 99.5%); } .c-button.hollow.c-button--white:hover, .c-button.hollow.c-button--white:focus, .c-button.c-button--hollow.c-button--white:hover, .c-button.c-button--hollow.c-button--white:focus { border-color: hsl(0, 0%, 49.75%); color: hsl(0, 0%, 49.75%); } .c-button.clear, .c-button.clear:hover, .c-button.clear:focus, .c-button.clear.disabled, .c-button.clear.disabled:hover, .c-button.clear.disabled:focus, .c-button.clear[disabled], .c-button.clear[disabled]:hover, .c-button.clear[disabled]:focus, .c-button.c-button--clear, .c-button.c-button--clear:hover, .c-button.c-button--clear:focus, .c-button.c-button--clear.disabled, .c-button.c-button--clear.disabled:hover, .c-button.c-button--clear.disabled:focus, .c-button.c-button--clear[disabled], .c-button.c-button--clear[disabled]:hover, .c-button.c-button--clear[disabled]:focus { border-color: transparent; background-color: transparent; } .c-button.clear, .c-button.clear:hover, .c-button.clear:focus, .c-button.clear.disabled, .c-button.clear.disabled:hover, .c-button.clear.disabled:focus, .c-button.clear[disabled], .c-button.clear[disabled]:hover, .c-button.clear[disabled]:focus, .c-button.c-button--clear, .c-button.c-button--clear:hover, .c-button.c-button--clear:focus, .c-button.c-button--clear.disabled, .c-button.c-button--clear.disabled:hover, .c-button.c-button--clear.disabled:focus, .c-button.c-button--clear[disabled], .c-button.c-button--clear[disabled]:hover, .c-button.c-button--clear[disabled]:focus { border-color: transparent; background-color: transparent; } .c-button.clear, .c-button.clear.disabled, .c-button.clear[disabled], .c-button.clear.disabled:hover, .c-button.clear[disabled]:hover, .c-button.clear.disabled:focus, .c-button.clear[disabled]:focus, .c-button.c-button--clear, .c-button.c-button--clear.disabled, .c-button.c-button--clear[disabled], .c-button.c-button--clear.disabled:hover, .c-button.c-button--clear[disabled]:hover, .c-button.c-button--clear.disabled:focus, .c-button.c-button--clear[disabled]:focus { color: hsl(0, 0%, 4%); } .c-button.clear:hover, .c-button.clear:focus, .c-button.c-button--clear:hover, .c-button.c-button--clear:focus { color: hsl(0, 0%, 52%); } .c-button.clear.c-button--brand, .c-button.clear.c-button--brand:hover, .c-button.clear.c-button--brand:focus, .c-button.clear.c-button--brand.disabled, .c-button.clear.c-button--brand.disabled:hover, .c-button.clear.c-button--brand.disabled:focus, .c-button.clear.c-button--brand[disabled], .c-button.clear.c-button--brand[disabled]:hover, .c-button.clear.c-button--brand[disabled]:focus, .c-button.c-button--clear.c-button--brand, .c-button.c-button--clear.c-button--brand:hover, .c-button.c-button--clear.c-button--brand:focus, .c-button.c-button--clear.c-button--brand.disabled, .c-button.c-button--clear.c-button--brand.disabled:hover, .c-button.c-button--clear.c-button--brand.disabled:focus, .c-button.c-button--clear.c-button--brand[disabled], .c-button.c-button--clear.c-button--brand[disabled]:hover, .c-button.c-button--clear.c-button--brand[disabled]:focus { border-color: transparent; background-color: transparent; } .c-button.clear.c-button--brand, .c-button.clear.c-button--brand.disabled, .c-button.clear.c-button--brand[disabled], .c-button.clear.c-button--brand.disabled:hover, .c-button.clear.c-button--brand[disabled]:hover, .c-button.clear.c-button--brand.disabled:focus, .c-button.clear.c-button--brand[disabled]:focus, .c-button.c-button--clear.c-button--brand, .c-button.c-button--clear.c-button--brand.disabled, .c-button.c-button--clear.c-button--brand[disabled], .c-button.c-button--clear.c-button--brand.disabled:hover, .c-button.c-button--clear.c-button--brand[disabled]:hover, .c-button.c-button--clear.c-button--brand.disabled:focus, .c-button.c-button--clear.c-button--brand[disabled]:focus { color: hsl(332.5190839695, 97.037037037%, 26.4705882353%); } .c-button.clear.c-button--brand:hover, .c-button.clear.c-button--brand:focus, .c-button.c-button--clear.c-button--brand:hover, .c-button.c-button--clear.c-button--brand:focus { color: hsl(332.5190839695, 97.037037037%, 63.2352941176%); } .c-button.clear.c-button--primary, .c-button.clear.c-button--primary:hover, .c-button.clear.c-button--primary:focus, .c-button.clear.c-button--primary.disabled, .c-button.clear.c-button--primary.disabled:hover, .c-button.clear.c-button--primary.disabled:focus, .c-button.clear.c-button--primary[disabled], .c-button.clear.c-button--primary[disabled]:hover, .c-button.clear.c-button--primary[disabled]:focus, .c-button.c-button--clear.c-button--primary, .c-button.c-button--clear.c-button--primary:hover, .c-button.c-button--clear.c-button--primary:focus, .c-button.c-button--clear.c-button--primary.disabled, .c-button.c-button--clear.c-button--primary.disabled:hover, .c-button.c-button--clear.c-button--primary.disabled:focus, .c-button.c-button--clear.c-button--primary[disabled], .c-button.c-button--clear.c-button--primary[disabled]:hover, .c-button.c-button--clear.c-button--primary[disabled]:focus { border-color: transparent; background-color: transparent; } .c-button.clear.c-button--primary, .c-button.clear.c-button--primary.disabled, .c-button.clear.c-button--primary[disabled], .c-button.clear.c-button--primary.disabled:hover, .c-button.clear.c-button--primary[disabled]:hover, .c-button.clear.c-button--primary.disabled:focus, .c-button.clear.c-button--primary[disabled]:focus, .c-button.c-button--clear.c-button--primary, .c-button.c-button--clear.c-button--primary.disabled, .c-button.c-button--clear.c-button--primary[disabled], .c-button.c-button--clear.c-button--primary.disabled:hover, .c-button.c-button--clear.c-button--primary[disabled]:hover, .c-button.c-button--clear.c-button--primary.disabled:focus, .c-button.c-button--clear.c-button--primary[disabled]:focus { color: hsl(222, 100%, 29%); } .c-button.clear.c-button--primary:hover, .c-button.clear.c-button--primary:focus, .c-button.c-button--clear.c-button--primary:hover, .c-button.c-button--clear.c-button--primary:focus { color: hsl(222, 100%, 64.5%); } .c-button.clear.c-button--secondary, .c-button.clear.c-button--secondary:hover, .c-button.clear.c-button--secondary:focus, .c-button.clear.c-button--secondary.disabled, .c-button.clear.c-button--secondary.disabled:hover, .c-button.clear.c-button--secondary.disabled:focus, .c-button.clear.c-button--secondary[disabled], .c-button.clear.c-button--secondary[disabled]:hover, .c-button.clear.c-button--secondary[disabled]:focus, .c-button.c-button--clear.c-button--secondary, .c-button.c-button--clear.c-button--secondary:hover, .c-button.c-button--clear.c-button--secondary:focus, .c-button.c-button--clear.c-button--secondary.disabled, .c-button.c-button--clear.c-button--secondary.disabled:hover, .c-button.c-button--clear.c-button--secondary.disabled:focus, .c-button.c-button--clear.c-button--secondary[disabled], .c-button.c-button--clear.c-button--secondary[disabled]:hover, .c-button.c-button--clear.c-button--secondary[disabled]:focus { border-color: transparent; background-color: transparent; } .c-button.clear.c-button--secondary, .c-button.clear.c-button--secondary.disabled, .c-button.clear.c-button--secondary[disabled], .c-button.clear.c-button--secondary.disabled:hover, .c-button.clear.c-button--secondary[disabled]:hover, .c-button.clear.c-button--secondary.disabled:focus, .c-button.clear.c-button--secondary[disabled]:focus, .c-button.c-button--clear.c-button--secondary, .c-button.c-button--clear.c-button--secondary.disabled, .c-button.c-button--clear.c-button--secondary[disabled], .c-button.c-button--clear.c-button--secondary.disabled:hover, .c-button.c-button--clear.c-button--secondary[disabled]:hover, .c-button.c-button--clear.c-button--secondary.disabled:focus, .c-button.c-button--clear.c-button--secondary[disabled]:focus { color: hsl(194, 100%, 89%); } .c-button.clear.c-button--secondary:hover, .c-button.clear.c-button--secondary:focus, .c-button.c-button--clear.c-button--secondary:hover, .c-button.c-button--clear.c-button--secondary:focus { color: hsl(194, 100%, 44.5%); } .c-button.clear.c-button--tertiary, .c-button.clear.c-button--tertiary:hover, .c-button.clear.c-button--tertiary:focus, .c-button.clear.c-button--tertiary.disabled, .c-button.clear.c-button--tertiary.disabled:hover, .c-button.clear.c-button--tertiary.disabled:focus, .c-button.clear.c-button--tertiary[disabled], .c-button.clear.c-button--tertiary[disabled]:hover, .c-button.clear.c-button--tertiary[disabled]:focus, .c-button.c-button--clear.c-button--tertiary, .c-button.c-button--clear.c-button--tertiary:hover, .c-button.c-button--clear.c-button--tertiary:focus, .c-button.c-button--clear.c-button--tertiary.disabled, .c-button.c-button--clear.c-button--tertiary.disabled:hover, .c-button.c-button--clear.c-button--tertiary.disabled:focus, .c-button.c-button--clear.c-button--tertiary[disabled], .c-button.c-button--clear.c-button--tertiary[disabled]:hover, .c-button.c-button--clear.c-button--tertiary[disabled]:focus { border-color: transparent; background-color: transparent; } .c-button.clear.c-button--tertiary, .c-button.clear.c-button--tertiary.disabled, .c-button.clear.c-button--tertiary[disabled], .c-button.clear.c-button--tertiary.disabled:hover, .c-button.clear.c-button--tertiary[disabled]:hover, .c-button.clear.c-button--tertiary.disabled:focus, .c-button.clear.c-button--tertiary[disabled]:focus, .c-button.c-button--clear.c-button--tertiary, .c-button.c-button--clear.c-button--tertiary.disabled, .c-button.c-button--clear.c-button--tertiary[disabled], .c-button.c-button--clear.c-button--tertiary.disabled:hover, .c-button.c-button--clear.c-button--tertiary[disabled]:hover, .c-button.c-button--clear.c-button--tertiary.disabled:focus, .c-button.c-button--clear.c-button--tertiary[disabled]:focus { color: hsl(43, 47%, 45%); } .c-button.clear.c-button--tertiary:hover, .c-button.clear.c-button--tertiary:focus, .c-button.c-button--clear.c-button--tertiary:hover, .c-button.c-button--clear.c-button--tertiary:focus { color: hsl(43, 47%, 72.5%); } .c-button.clear.c-button--surface, .c-button.clear.c-button--surface:hover, .c-button.clear.c-button--surface:focus, .c-button.clear.c-button--surface.disabled, .c-button.clear.c-button--surface.disabled:hover, .c-button.clear.c-button--surface.disabled:focus, .c-button.clear.c-button--surface[disabled], .c-button.clear.c-button--surface[disabled]:hover, .c-button.clear.c-button--surface[disabled]:focus, .c-button.c-button--clear.c-button--surface, .c-button.c-button--clear.c-button--surface:hover, .c-button.c-button--clear.c-button--surface:focus, .c-button.c-button--clear.c-button--surface.disabled, .c-button.c-button--clear.c-button--surface.disabled:hover, .c-button.c-button--clear.c-button--surface.disabled:focus, .c-button.c-button--clear.c-button--surface[disabled], .c-button.c-button--clear.c-button--surface[disabled]:hover, .c-button.c-button--clear.c-button--surface[disabled]:focus { border-color: transparent; background-color: transparent; } .c-button.clear.c-button--surface, .c-button.clear.c-button--surface.disabled, .c-button.clear.c-button--surface[disabled], .c-button.clear.c-button--surface.disabled:hover, .c-button.clear.c-button--surface[disabled]:hover, .c-button.clear.c-button--surface.disabled:focus, .c-button.clear.c-button--surface[disabled]:focus, .c-button.c-button--clear.c-button--surface, .c-button.c-button--clear.c-button--surface.disabled, .c-button.c-button--clear.c-button--surface[disabled], .c-button.c-button--clear.c-button--surface.disabled:hover, .c-button.c-button--clear.c-button--surface[disabled]:hover, .c-button.c-button--clear.c-button--surface.disabled:focus, .c-button.c-button--clear.c-button--surface[disabled]:focus { color: hsl(345.9574468085, 100%, 90.7843137255%); } .c-button.clear.c-button--surface:hover, .c-button.clear.c-button--surface:focus, .c-button.c-button--clear.c-button--surface:hover, .c-button.c-button--clear.c-button--surface:focus { color: hsl(345.9574468085, 100%, 45.3921568627%); } .c-button.clear.c-button--black-ter, .c-button.clear.c-button--black-ter:hover, .c-button.clear.c-button--black-ter:focus, .c-button.clear.c-button--black-ter.disabled, .c-button.clear.c-button--black-ter.disabled:hover, .c-button.clear.c-button--black-ter.disabled:focus, .c-button.clear.c-button--black-ter[disabled], .c-button.clear.c-button--black-ter[disabled]:hover, .c-button.clear.c-button--black-ter[disabled]:focus, .c-button.c-button--clear.c-button--black-ter, .c-button.c-button--clear.c-button--black-ter:hover, .c-button.c-button--clear.c-button--black-ter:focus, .c-button.c-button--clear.c-button--black-ter.disabled, .c-button.c-button--clear.c-button--black-ter.disabled:hover, .c-button.c-button--clear.c-button--black-ter.disabled:focus, .c-button.c-button--clear.c-button--black-ter[disabled], .c-button.c-button--clear.c-button--black-ter[disabled]:hover, .c-button.c-button--clear.c-button--black-ter[disabled]:focus { border-color: transparent; background-color: transparent; } .c-button.clear.c-button--black-ter, .c-button.clear.c-button--black-ter.disabled, .c-button.clear.c-button--black-ter[disabled], .c-button.clear.c-button--black-ter.disabled:hover, .c-button.clear.c-button--black-ter[disabled]:hover, .c-button.clear.c-button--black-ter.disabled:focus, .c-button.clear.c-button--black-ter[disabled]:focus, .c-button.c-button--clear.c-button--black-ter, .c-button.c-button--clear.c-button--black-ter.disabled, .c-button.c-button--clear.c-button--black-ter[disabled], .c-button.c-button--clear.c-button--black-ter.disabled:hover, .c-button.c-button--clear.c-button--black-ter[disabled]:hover, .c-button.c-button--clear.c-button--black-ter.disabled:focus, .c-button.c-button--clear.c-button--black-ter[disabled]:focus { color: hsl(0, 0%, 14%); } .c-button.clear.c-button--black-ter:hover, .c-button.clear.c-button--black-ter:focus, .c-button.c-button--clear.c-button--black-ter:hover, .c-button.c-button--clear.c-button--black-ter:focus { color: hsl(0, 0%, 57%); } .c-button.clear.c-button--gray-dark, .c-button.clear.c-button--gray-dark:hover, .c-button.clear.c-button--gray-dark:focus, .c-button.clear.c-button--gray-dark.disabled, .c-button.clear.c-button--gray-dark.disabled:hover, .c-button.clear.c-button--gray-dark.disabled:focus, .c-button.clear.c-button--gray-dark[disabled], .c-button.clear.c-button--gray-dark[disabled]:hover, .c-button.clear.c-button--gray-dark[disabled]:focus, .c-button.c-button--clear.c-button--gray-dark, .c-button.c-button--clear.c-button--gray-dark:hover, .c-button.c-button--clear.c-button--gray-dark:focus, .c-button.c-button--clear.c-button--gray-dark.disabled, .c-button.c-button--clear.c-button--gray-dark.disabled:hover, .c-button.c-button--clear.c-button--gray-dark.disabled:focus, .c-button.c-button--clear.c-button--gray-dark[disabled], .c-button.c-button--clear.c-button--gray-dark[disabled]:hover, .c-button.c-button--clear.c-button--gray-dark[disabled]:focus { border-color: transparent; background-color: transparent; } .c-button.clear.c-button--gray-dark, .c-button.clear.c-button--gray-dark.disabled, .c-button.clear.c-button--gray-dark[disabled], .c-button.clear.c-button--gray-dark.disabled:hover, .c-button.clear.c-button--gray-dark[disabled]:hover, .c-button.clear.c-button--gray-dark.disabled:focus, .c-button.clear.c-button--gray-dark[disabled]:focus, .c-button.c-button--clear.c-button--gray-dark, .c-button.c-button--clear.c-button--gray-dark.disabled, .c-button.c-button--clear.c-button--gray-dark[disabled], .c-button.c-button--clear.c-button--gray-dark.disabled:hover, .c-button.c-button--clear.c-button--gray-dark[disabled]:hover, .c-button.c-button--clear.c-button--gray-dark.disabled:focus, .c-button.c-button--clear.c-button--gray-dark[disabled]:focus { color: hsl(0, 0%, 36%); } .c-button.clear.c-button--gray-dark:hover, .c-button.clear.c-button--gray-dark:focus, .c-button.c-button--clear.c-button--gray-dark:hover, .c-button.c-button--clear.c-button--gray-dark:focus { color: hsl(0, 0%, 68%); } .c-button.clear.c-button--gray-middle, .c-button.clear.c-button--gray-middle:hover, .c-button.clear.c-button--gray-middle:focus, .c-button.clear.c-button--gray-middle.disabled, .c-button.clear.c-button--gray-middle.disabled:hover, .c-button.clear.c-button--gray-middle.disabled:focus, .c-button.clear.c-button--gray-middle[disabled], .c-button.clear.c-button--gray-middle[disabled]:hover, .c-button.clear.c-button--gray-middle[disabled]:focus, .c-button.c-button--clear.c-button--gray-middle, .c-button.c-button--clear.c-button--gray-middle:hover, .c-button.c-button--clear.c-button--gray-middle:focus, .c-button.c-button--clear.c-button--gray-middle.disabled, .c-button.c-button--clear.c-button--gray-middle.disabled:hover, .c-button.c-button--clear.c-button--gray-middle.disabled:focus, .c-button.c-button--clear.c-button--gray-middle[disabled], .c-button.c-button--clear.c-button--gray-middle[disabled]:hover, .c-button.c-button--clear.c-button--gray-middle[disabled]:focus { border-color: transparent; background-color: transparent; } .c-button.clear.c-button--gray-middle, .c-button.clear.c-button--gray-middle.disabled, .c-button.clear.c-button--gray-middle[disabled], .c-button.clear.c-button--gray-middle.disabled:hover, .c-button.clear.c-button--gray-middle[disabled]:hover, .c-button.clear.c-button--gray-middle.disabled:focus, .c-button.clear.c-button--gray-middle[disabled]:focus, .c-button.c-button--clear.c-button--gray-middle, .c-button.c-button--clear.c-button--gray-middle.disabled, .c-button.c-button--clear.c-button--gray-middle[disabled], .c-button.c-button--clear.c-button--gray-middle.disabled:hover, .c-button.c-button--clear.c-button--gray-middle[disabled]:hover, .c-button.c-button--clear.c-button--gray-middle.disabled:focus, .c-button.c-button--clear.c-button--gray-middle[disabled]:focus { color: hsl(0, 0%, 48%); } .c-button.clear.c-button--gray-middle:hover, .c-button.clear.c-button--gray-middle:focus, .c-button.c-button--clear.c-button--gray-middle:hover, .c-button.c-button--clear.c-button--gray-middle:focus { color: hsl(0, 0%, 74%); } .c-button.clear.c-button--white-ter, .c-button.clear.c-button--white-ter:hover, .c-button.clear.c-button--white-ter:focus, .c-button.clear.c-button--white-ter.disabled, .c-button.clear.c-button--white-ter.disabled:hover, .c-button.clear.c-button--white-ter.disabled:focus, .c-button.clear.c-button--white-ter[disabled], .c-button.clear.c-button--white-ter[disabled]:hover, .c-button.clear.c-button--white-ter[disabled]:focus, .c-button.c-button--clear.c-button--white-ter, .c-button.c-button--clear.c-button--white-ter:hover, .c-button.c-button--clear.c-button--white-ter:focus, .c-button.c-button--clear.c-button--white-ter.disabled, .c-button.c-button--clear.c-button--white-ter.disabled:hover, .c-button.c-button--clear.c-button--white-ter.disabled:focus, .c-button.c-button--clear.c-button--white-ter[disabled], .c-button.c-button--clear.c-button--white-ter[disabled]:hover, .c-button.c-button--clear.c-button--white-ter[disabled]:focus { border-color: transparent; background-color: transparent; } .c-button.clear.c-button--white-ter, .c-button.clear.c-button--white-ter.disabled, .c-button.clear.c-button--white-ter[disabled], .c-button.clear.c-button--white-ter.disabled:hover, .c-button.clear.c-button--white-ter[disabled]:hover, .c-button.clear.c-button--white-ter.disabled:focus, .c-button.clear.c-button--white-ter[disabled]:focus, .c-button.c-button--clear.c-button--white-ter, .c-button.c-button--clear.c-button--white-ter.disabled, .c-button.c-button--clear.c-button--white-ter[disabled], .c-button.c-button--clear.c-button--white-ter.disabled:hover, .c-button.c-button--clear.c-button--white-ter[disabled]:hover, .c-button.c-button--clear.c-button--white-ter.disabled:focus, .c-button.c-button--clear.c-button--white-ter[disabled]:focus { color: hsl(0, 0%, 96%); } .c-button.clear.c-button--white-ter:hover, .c-button.clear.c-button--white-ter:focus, .c-button.c-button--clear.c-button--white-ter:hover, .c-button.c-button--clear.c-button--white-ter:focus { color: hsl(0, 0%, 48%); } .c-button.clear.c-button--black, .c-button.clear.c-button--black:hover, .c-button.clear.c-button--black:focus, .c-button.clear.c-button--black.disabled, .c-button.clear.c-button--black.disabled:hover, .c-button.clear.c-button--black.disabled:focus, .c-button.clear.c-button--black[disabled], .c-button.clear.c-button--black[disabled]:hover, .c-button.clear.c-button--black[disabled]:focus, .c-button.c-button--clear.c-button--black, .c-button.c-button--clear.c-button--black:hover, .c-button.c-button--clear.c-button--black:focus, .c-button.c-button--clear.c-button--black.disabled, .c-button.c-button--clear.c-button--black.disabled:hover, .c-button.c-button--clear.c-button--black.disabled:focus, .c-button.c-button--clear.c-button--black[disabled], .c-button.c-button--clear.c-button--black[disabled]:hover, .c-button.c-button--clear.c-button--black[disabled]:focus { border-color: transparent; background-color: transparent; } .c-button.clear.c-button--black, .c-button.clear.c-button--black.disabled, .c-button.clear.c-button--black[disabled], .c-button.clear.c-button--black.disabled:hover, .c-button.clear.c-button--black[disabled]:hover, .c-button.clear.c-button--black.disabled:focus, .c-button.clear.c-button--black[disabled]:focus, .c-button.c-button--clear.c-button--black, .c-button.c-button--clear.c-button--black.disabled, .c-button.c-button--clear.c-button--black[disabled], .c-button.c-button--clear.c-button--black.disabled:hover, .c-button.c-button--clear.c-button--black[disabled]:hover, .c-button.c-button--clear.c-button--black.disabled:focus, .c-button.c-button--clear.c-button--black[disabled]:focus { color: hsl(0, 0%, 4%); } .c-button.clear.c-button--black:hover, .c-button.clear.c-button--black:focus, .c-button.c-button--clear.c-button--black:hover, .c-button.c-button--clear.c-button--black:focus { color: hsl(0, 0%, 52%); } .c-button.clear.c-button--gray-light, .c-button.clear.c-button--gray-light:hover, .c-button.clear.c-button--gray-light:focus, .c-button.clear.c-button--gray-light.disabled, .c-button.clear.c-button--gray-light.disabled:hover, .c-button.clear.c-button--gray-light.disabled:focus, .c-button.clear.c-button--gray-light[disabled], .c-button.clear.c-button--gray-light[disabled]:hover, .c-button.clear.c-button--gray-light[disabled]:focus, .c-button.c-button--clear.c-button--gray-light, .c-button.c-button--clear.c-button--gray-light:hover, .c-button.c-button--clear.c-button--gray-light:focus, .c-button.c-button--clear.c-button--gray-light.disabled, .c-button.c-button--clear.c-button--gray-light.disabled:hover, .c-button.c-button--clear.c-button--gray-light.disabled:focus, .c-button.c-button--clear.c-button--gray-light[disabled], .c-button.c-button--clear.c-button--gray-light[disabled]:hover, .c-button.c-button--clear.c-button--gray-light[disabled]:focus { border-color: transparent; background-color: transparent; } .c-button.clear.c-button--gray-light, .c-button.clear.c-button--gray-light.disabled, .c-button.clear.c-button--gray-light[disabled], .c-button.clear.c-button--gray-light.disabled:hover, .c-button.clear.c-button--gray-light[disabled]:hover, .c-button.clear.c-button--gray-light.disabled:focus, .c-button.clear.c-button--gray-light[disabled]:focus, .c-button.c-button--clear.c-button--gray-light, .c-button.c-button--clear.c-button--gray-light.disabled, .c-button.c-button--clear.c-button--gray-light[disabled], .c-button.c-button--clear.c-button--gray-light.disabled:hover, .c-button.c-button--clear.c-button--gray-light[disabled]:hover, .c-button.c-button--clear.c-button--gray-light.disabled:focus, .c-button.c-button--clear.c-button--gray-light[disabled]:focus { color: hsl(0, 0%, 71%); } .c-button.clear.c-button--gray-light:hover, .c-button.clear.c-button--gray-light:focus, .c-button.c-button--clear.c-button--gray-light:hover, .c-button.c-button--clear.c-button--gray-light:focus { color: hsl(0, 0%, 35.5%); } .c-button.clear.c-button--gray-lightest, .c-button.clear.c-button--gray-lightest:hover, .c-button.clear.c-button--gray-lightest:focus, .c-button.clear.c-button--gray-lightest.disabled, .c-button.clear.c-button--gray-lightest.disabled:hover, .c-button.clear.c-button--gray-lightest.disabled:focus, .c-button.clear.c-button--gray-lightest[disabled], .c-button.clear.c-button--gray-lightest[disabled]:hover, .c-button.clear.c-button--gray-lightest[disabled]:focus, .c-button.c-button--clear.c-button--gray-lightest, .c-button.c-button--clear.c-button--gray-lightest:hover, .c-button.c-button--clear.c-button--gray-lightest:focus, .c-button.c-button--clear.c-button--gray-lightest.disabled, .c-button.c-button--clear.c-button--gray-lightest.disabled:hover, .c-button.c-button--clear.c-button--gray-lightest.disabled:focus, .c-button.c-button--clear.c-button--gray-lightest[disabled], .c-button.c-button--clear.c-button--gray-lightest[disabled]:hover, .c-button.c-button--clear.c-button--gray-lightest[disabled]:focus { border-color: transparent; background-color: transparent; } .c-button.clear.c-button--gray-lightest, .c-button.clear.c-button--gray-lightest.disabled, .c-button.clear.c-button--gray-lightest[disabled], .c-button.clear.c-button--gray-lightest.disabled:hover, .c-button.clear.c-button--gray-lightest[disabled]:hover, .c-button.clear.c-button--gray-lightest.disabled:focus, .c-button.clear.c-button--gray-lightest[disabled]:focus, .c-button.c-button--clear.c-button--gray-lightest, .c-button.c-button--clear.c-button--gray-lightest.disabled, .c-button.c-button--clear.c-button--gray-lightest[disabled], .c-button.c-button--clear.c-button--gray-lightest.disabled:hover, .c-button.c-button--clear.c-button--gray-lightest[disabled]:hover, .c-button.c-button--clear.c-button--gray-lightest.disabled:focus, .c-button.c-button--clear.c-button--gray-lightest[disabled]:focus { color: hsl(0, 0%, 93%); } .c-button.clear.c-button--gray-lightest:hover, .c-button.clear.c-button--gray-lightest:focus, .c-button.c-button--clear.c-button--gray-lightest:hover, .c-button.c-button--clear.c-button--gray-lightest:focus { color: hsl(0, 0%, 46.5%); } .c-button.clear.c-button--white, .c-button.clear.c-button--white:hover, .c-button.clear.c-button--white:focus, .c-button.clear.c-button--white.disabled, .c-button.clear.c-button--white.disabled:hover, .c-button.clear.c-button--white.disabled:focus, .c-button.clear.c-button--white[disabled], .c-button.clear.c-button--white[disabled]:hover, .c-button.clear.c-button--white[disabled]:focus, .c-button.c-button--clear.c-button--white, .c-button.c-button--clear.c-button--white:hover, .c-button.c-button--clear.c-button--white:focus, .c-button.c-button--clear.c-button--white.disabled, .c-button.c-button--clear.c-button--white.disabled:hover, .c-button.c-button--clear.c-button--white.disabled:focus, .c-button.c-button--clear.c-button--white[disabled], .c-button.c-button--clear.c-button--white[disabled]:hover, .c-button.c-button--clear.c-button--white[disabled]:focus { border-color: transparent; background-color: transparent; } .c-button.clear.c-button--white, .c-button.clear.c-button--white.disabled, .c-button.clear.c-button--white[disabled], .c-button.clear.c-button--white.disabled:hover, .c-button.clear.c-button--white[disabled]:hover, .c-button.clear.c-button--white.disabled:focus, .c-button.clear.c-button--white[disabled]:focus, .c-button.c-button--clear.c-button--white, .c-button.c-button--clear.c-button--white.disabled, .c-button.c-button--clear.c-button--white[disabled], .c-button.c-button--clear.c-button--white.disabled:hover, .c-button.c-button--clear.c-button--white[disabled]:hover, .c-button.c-button--clear.c-button--white.disabled:focus, .c-button.c-button--clear.c-button--white[disabled]:focus { color: hsl(0, 0%, 99.5%); } .c-button.clear.c-button--white:hover, .c-button.clear.c-button--white:focus, .c-button.c-button--clear.c-button--white:hover, .c-button.c-button--clear.c-button--white:focus { color: hsl(0, 0%, 49.75%); } .c-button.disabled, .c-button[disabled] { opacity: 0.25; cursor: not-allowed; } .c-button.dropdown::after { display: block; width: 0; height: 0; border-style: solid; border-width: 0.4em; content: ""; border-bottom-width: 0; border-color: hsl(0, 0%, 99.5%) transparent transparent; position: relative; top: 0.4em; display: inline-block; float: right; margin-left: 1em; } .c-button.dropdown.hollow::after, .c-button.dropdown.clear::after { border-top-color: hsl(0, 0%, 4%); } .c-button.dropdown.hollow.brand::after, .c-button.dropdown.clear.brand::after { border-top-color: hsl(332.5190839695, 97.037037037%, 26.4705882353%); } .c-button.dropdown.hollow.primary::after, .c-button.dropdown.clear.primary::after { border-top-color: hsl(222, 100%, 29%); } .c-button.dropdown.hollow.secondary::after, .c-button.dropdown.clear.secondary::after { border-top-color: hsl(194, 100%, 89%); } .c-button.dropdown.hollow.tertiary::after, .c-button.dropdown.clear.tertiary::after { border-top-color: hsl(43, 47%, 45%); } .c-button.dropdown.hollow.surface::after, .c-button.dropdown.clear.surface::after { border-top-color: hsl(345.9574468085, 100%, 90.7843137255%); } .c-button.dropdown.hollow.black-ter::after, .c-button.dropdown.clear.black-ter::after { border-top-color: hsl(0, 0%, 14%); } .c-button.dropdown.hollow.gray-dark::after, .c-button.dropdown.clear.gray-dark::after { border-top-color: hsl(0, 0%, 36%); } .c-button.dropdown.hollow.gray-middle::after, .c-button.dropdown.clear.gray-middle::after { border-top-color: hsl(0, 0%, 48%); } .c-button.dropdown.hollow.white-ter::after, .c-button.dropdown.clear.white-ter::after { border-top-color: hsl(0, 0%, 96%); } .c-button.dropdown.hollow.black::after, .c-button.dropdown.clear.black::after { border-top-color: hsl(0, 0%, 4%); } .c-button.dropdown.hollow.gray-light::after, .c-button.dropdown.clear.gray-light::after { border-top-color: hsl(0, 0%, 71%); } .c-button.dropdown.hollow.gray-lightest::after, .c-button.dropdown.clear.gray-lightest::after { border-top-color: hsl(0, 0%, 93%); } .c-button.dropdown.hollow.white::after, .c-button.dropdown.clear.white::after { border-top-color: hsl(0, 0%, 99.5%); } .c-button.arrow-only::after { top: -0.1em; float: none; margin-left: 0; } .c-button:where(a):hover, .c-button:where(a):focus { text-decoration: none; } .c-button { display: inline-flex; border-radius: var(--m2-button-radius, 0); font-size: var(--m2-button-font-size, 0.9rem); line-height: 1.2; text-align: start; justify-content: space-between; align-items: center; max-width: 100%; } :where(:not(.c-button-group)) > .c-button:where(:last-child) { margin-bottom: 0; } .c-button:hover, .c-button:focus { opacity: unset; } .c-button.expanded { display: inline-flex; } .c-button.disabled, .c-button[disabled] { pointer-events: none; } .c-button--radius { --m2-button-radius: 3em; } .c-button--center { text-align: center; } .c-button--border { border: 1px solid transparent; border-color: currentColor; } .c-button--border-none { border: none; } .c-button--hover-opacity:focus, .c-button--hover-opacity:hover { opacity: 0.5; } .c-button--hover-gradient:focus, .c-button--hover-gradient:hover { background-image: linear-gradient(60deg, hsl(0, 0%, 0%) 30%, hsl(0, 0%, 0%)); } .c-button--underline, .c-button--underline:hover, .c-button--underline:focus, .c-button--underline.disabled, .c-button--underline.disabled:hover, .c-button--underline.disabled:focus, .c-button--underline[disabled], .c-button--underline[disabled]:hover, .c-button--underline[disabled]:focus { border-color: transparent; background-color: transparent; } .c-button--underline, .c-button--underline:hover, .c-button--underline:focus, .c-button--underline.disabled, .c-button--underline.disabled:hover, .c-button--underline.disabled:focus, .c-button--underline[disabled], .c-button--underline[disabled]:hover, .c-button--underline[disabled]:focus { border-color: transparent; background-color: transparent; } .c-button--underline, .c-button--underline.disabled, .c-button--underline[disabled], .c-button--underline.disabled:hover, .c-button--underline[disabled]:hover, .c-button--underline.disabled:focus, .c-button--underline[disabled]:focus { color: hsl(0, 0%, 4%); } .c-button--underline:hover, .c-button--underline:focus { color: hsl(0, 0%, 52%); } .c-button--underline { position: relative; padding-left: 0.25em; padding-right: 0.25em; } .c-button--underline::before, .c-button--underline::after { content: ""; position: absolute; display: block; left: 0; right: 0; bottom: 0; height: 1px; } .c-button--underline::before { background-color: hsl(0, 0%, 4%); } .c-button--underline::after { right: 100%; background-color: hsl(43, 47%, 27.52%); transition: all 0.5s ease; } .c-button--underline:focus, .c-button--underline:hover { color: hsl(43, 47%, 27.52%); } .c-button--underline:focus::after, .c-button--underline:hover::after { right: 0; } .c-button:focus > :where(img), .c-button:hover > :where(img) { opacity: 0.5; } .c-button > :where(*) { flex-grow: 1; } .c-button > :where(*):where(.c-icon, img) { flex-grow: 0; } .c-button > :where(img) { width: auto; max-height: 3rem; -o-object-fit: contain; object-fit: contain; transition: inherit; } .c-button:not(.is-active) .c-button__show-for-active { display: none; } .c-button.is-active .c-button__hide-for-active { display: none; } .c-button { max-width: initial !important; } .c-button:where(:hover, :focus) :where(.c-icon--inner, .c-icon--long-arrow-right) { translate: 1em; } .c-button :where(.c-icon) { transition: inherit; transition-property: all; } .c-button--underline::before { background: hsl(0, 0%, 71%); } .c-button--underline::after { background: hsl(222, 100%, 29%); } .c-button--underline:hover, .c-button--underline:focus { color: hsl(222, 100%, 29%); } /* ========================================================================================== * Pagetop（object/component/_pagetop.scss） * ========================================================================================== */ .c-pagetop { z-index: 1200; } .c-pagetop.is-inview [data-pagetop-container] { position: relative; bottom: 0; } .c-pagetop [data-pagetop-container] { position: fixed; left: 0; right: 0; bottom: 3rem; transition-property: bottom; transition-duration: 0.5s; z-index: 1; } .c-pagetop__button { color: #0a0a0a; font-size: 0.75rem; font-weight: bold; line-height: 1; position: absolute; bottom: 0; right: 1rem; display: flex; flex-direction: column; justify-content: center; align-items: center; transition-property: transform; transition-duration: 0.25s; } .c-pagetop__button:hover, .c-pagetop__button:focus { color: inherit; transform: translateY(-1em); opacity: 1; } .c-pagetop__button .c-icon { margin: 0; } .c-pagetop__image { width: 3rem; } .c-pagetop__vertical-text { writing-mode: vertical-rl; text-orientation: mixed; white-space: nowrap; } .c-pagetop { margin-bottom: 4rem; } @media print, screen and (min-width: 48em) { .c-pagetop { margin-bottom: 9rem; } } .c-pagetop__button { padding: 0; } .c-pagetop__image { width: 2rem; max-height: initial; } .c-pagetop [data-pagetop-container] { right: -1rem; bottom: 0; left: initial; } /* ========================================================================================== * List（object/component/_list.scss） * ========================================================================================== */ .c-list { --m2-list-border-width: 0; --m2-list-border-style: none; --m2-list-border-color: hsl(222, 100%, 29%); --m2-list-background-color: transparent; --m2-list-item-background-color: transparent; } :root { --m2-list-item-gutter-row: 0.25rem; --m2-list-item-gutter-column: 0.5rem; } @media print, screen and (min-width: 48em) { :root { --m2-list-item-gutter-row: 0.5rem; --m2-list-item-gutter-column: 0.75rem; } } @media print, screen and (min-width: 64em) { :root { --m2-list-item-gutter-row: 0.5rem; --m2-list-item-gutter-column: 0.75rem; } } @media print, screen and (min-width: 80em) { :root { --m2-list-item-gutter-row: 0.5rem; --m2-list-item-gutter-column: 0.75rem; } } .c-list { display: flex; flex-direction: column; background-color: var(--m2-list-background-color, transparent); gap: var(--m2-list-gap-row, 0) var(--m2-list-gap-column, 0); } .c-list:where(ol) { padding-left: 1.25em; } .c-list:where(dl) > :where(.c-list__item-wrap) { display: flex; row-gap: var(--m2-list-gap-row, 0); -moz-column-gap: var(--m2-list-gap-column, 0); column-gap: var(--m2-list-gap-column, 0); --m2-list-gap-row: 0.25rem; --m2-list-gap-column: 0.5rem; } @media print, screen and (min-width: 48em) { .c-list:where(dl) > :where(.c-list__item-wrap) { --m2-list-gap-row: 0.5rem; --m2-list-gap-column: 0.75rem; } } .c-list:where(dl) > :where(.c-list__item-wrap) { display: flex; align-items: baseline; flex-wrap: wrap; } .c-list:where(dl) > :where(.c-list__item-wrap) > :where(.c-list__item) { margin-top: 0; margin-bottom: 0; } .c-list:where(dl) > :where(dt, dd):where(:has(+ dt)) { margin-bottom: 0.5em; } .c-list--list-style-none { list-style-type: none; } .c-list--marker-disc { --m2-list-item-marker: "・"; padding-left: 1.25em; list-style-type: disc; } .c-list .c-list--marker-disc { margin-left: 0; } .c-list--marker-circle { --m2-list-item-marker: "◦"; padding-left: 1.25em; list-style-type: circle; } .c-list .c-list--marker-circle { margin-left: 0; } .c-list--marker-square { --m2-list-item-marker: "▪"; padding-left: 1.25em; list-style-type: square; } .c-list .c-list--marker-square { margin-left: 0; } .c-list--marker-triangle { --m2-list-item-marker: "▸"; padding-left: 1.25em; list-style-type: triangle; } .c-list .c-list--marker-triangle { margin-left: 0; } .c-list--marker-reference { --m2-list-item-marker: "※"; padding-left: 1.25em; list-style-type: reference; } .c-list .c-list--marker-reference { margin-left: 0; } .c-list--marker-none { --m2-list-item-marker: ""; padding-left: 1.25em; list-style-type: none; } .c-list .c-list--marker-none { margin-left: 0; } .c-list--inline-block { display: block; } .c-list--inline-block > :where(dt, dd, li, .c-list__item) { display: inline-block; margin-right: 0.5em; } .c-list--inline-block > :where(dt, dd, li, .c-list__item):where(:last-child) { margin-right: 0; } .c-list--flex { display: flex; flex-direction: row; flex-wrap: wrap; } .c-list--columns { display: block; -moz-column-count: var(--m2-list-column-count, auto); column-count: var(--m2-list-column-count, auto); -moz-column-width: var(--m2-list-column-width, auto); column-width: var(--m2-list-column-width, auto); } .c-list--columns-1 { --m2-list-column-count: 1; } .c-list--columns-2 { --m2-list-column-count: 2; } .c-list--columns-3 { --m2-list-column-count: 3; } .c-list--columns-4 { --m2-list-column-count: 4; } .c-list--columns-5 { --m2-list-column-count: 5; } .c-list--columns-6 { --m2-list-column-count: 6; } .c-list--columns, .c-list--columns-1, .c-list--columns-2, .c-list--columns-3, .c-list--columns-4, .c-list--columns-5, .c-list--columns-6 { display: block; -moz-column-count: var(--m2-list-column-count, auto); column-count: var(--m2-list-column-count, auto); -moz-column-width: var(--m2-list-column-width, auto); column-width: var(--m2-list-column-width, auto); } .c-list--columns > :where(*), .c-list--columns-1 > :where(*), .c-list--columns-2 > :where(*), .c-list--columns-3 > :where(*), .c-list--columns-4 > :where(*), .c-list--columns-5 > :where(*), .c-list--columns-6 > :where(*) { -moz-column-break-inside: avoid; break-inside: avoid-column; } @media print, screen and (min-width: 48em) { .c-list--columns-1-for-medium { --m2-list-column-count: 1; } .c-list--columns-2-for-medium { --m2-list-column-count: 2; } .c-list--columns-3-for-medium { --m2-list-column-count: 3; } .c-list--columns-4-for-medium { --m2-list-column-count: 4; } .c-list--columns-5-for-medium { --m2-list-column-count: 5; } .c-list--columns-6-for-medium { --m2-list-column-count: 6; } .c-list--columns-for-medium, .c-list--columns-1-for-medium, .c-list--columns-2-for-medium, .c-list--columns-3-for-medium, .c-list--columns-4-for-medium, .c-list--columns-5-for-medium, .c-list--columns-6-for-medium { display: block; -moz-column-count: var(--m2-list-column-count, auto); column-count: var(--m2-list-column-count, auto); -moz-column-width: var(--m2-list-column-width, auto); column-width: var(--m2-list-column-width, auto); } .c-list--columns-for-medium > :where(*), .c-list--columns-1-for-medium > :where(*), .c-list--columns-2-for-medium > :where(*), .c-list--columns-3-for-medium > :where(*), .c-list--columns-4-for-medium > :where(*), .c-list--columns-5-for-medium > :where(*), .c-list--columns-6-for-medium > :where(*) { -moz-column-break-inside: avoid; break-inside: avoid-column; } } @media print, screen and (min-width: 64em) { .c-list--columns-1-for-large { --m2-list-column-count: 1; } .c-list--columns-2-for-large { --m2-list-column-count: 2; } .c-list--columns-3-for-large { --m2-list-column-count: 3; } .c-list--columns-4-for-large { --m2-list-column-count: 4; } .c-list--columns-5-for-large { --m2-list-column-count: 5; } .c-list--columns-6-for-large { --m2-list-column-count: 6; } .c-list--columns-for-large, .c-list--columns-1-for-large, .c-list--columns-2-for-large, .c-list--columns-3-for-large, .c-list--columns-4-for-large, .c-list--columns-5-for-large, .c-list--columns-6-for-large { display: block; -moz-column-count: var(--m2-list-column-count, auto); column-count: var(--m2-list-column-count, auto); -moz-column-width: var(--m2-list-column-width, auto); column-width: var(--m2-list-column-width, auto); } .c-list--columns-for-large > :where(*), .c-list--columns-1-for-large > :where(*), .c-list--columns-2-for-large > :where(*), .c-list--columns-3-for-large > :where(*), .c-list--columns-4-for-large > :where(*), .c-list--columns-5-for-large > :where(*), .c-list--columns-6-for-large > :where(*) { -moz-column-break-inside: avoid; break-inside: avoid-column; } } @media print, screen and (min-width: 80em) { .c-list--columns-1-for-xlarge { --m2-list-column-count: 1; } .c-list--columns-2-for-xlarge { --m2-list-column-count: 2; } .c-list--columns-3-for-xlarge { --m2-list-column-count: 3; } .c-list--columns-4-for-xlarge { --m2-list-column-count: 4; } .c-list--columns-5-for-xlarge { --m2-list-column-count: 5; } .c-list--columns-6-for-xlarge { --m2-list-column-count: 6; } .c-list--columns-for-xlarge, .c-list--columns-1-for-xlarge, .c-list--columns-2-for-xlarge, .c-list--columns-3-for-xlarge, .c-list--columns-4-for-xlarge, .c-list--columns-5-for-xlarge, .c-list--columns-6-for-xlarge { display: block; -moz-column-count: var(--m2-list-column-count, auto); column-count: var(--m2-list-column-count, auto); -moz-column-width: var(--m2-list-column-width, auto); column-width: var(--m2-list-column-width, auto); } .c-list--columns-for-xlarge > :where(*), .c-list--columns-1-for-xlarge > :where(*), .c-list--columns-2-for-xlarge > :where(*), .c-list--columns-3-for-xlarge > :where(*), .c-list--columns-4-for-xlarge > :where(*), .c-list--columns-5-for-xlarge > :where(*), .c-list--columns-6-for-xlarge > :where(*) { -moz-column-break-inside: avoid; break-inside: avoid-column; } } .c-list--table { display: table; width: 100%; border-collapse: collapse; } .c-list--table > :where(dt, dd, li, .c-list__item) { display: table-row-group; --m2-list-border-width: 0 0 1px; --m2-list-border-style: solid; } .c-list--table > :where(dt, dd, li, .c-list__item):where(:first-child) { --m2-list-border-width: 1px 0 1px; } .c-list--table > :where(dt, dd, li, .c-list__item) > .c-list__item-row { display: table-row; margin-bottom: 0; } .c-list--table > :where(dt, dd, li, .c-list__item) > .c-list__item-row > .c-list__item-cell { display: table-cell; padding: calc(var(--m2-list-item-gutter-row, 0) * 0.5) calc(var(--m2-list-item-gutter-column, 0) * 0.5); } @media print, screen and (min-width: 48em) { .c-list--table-for-medium { display: table; width: 100%; border-collapse: collapse; } .c-list--table-for-medium > :where(dt, dd, li, .c-list__item) { display: table-row-group; --m2-list-border-width: 0 0 1px; --m2-list-border-style: solid; } .c-list--table-for-medium > :where(dt, dd, li, .c-list__item):where(:first-child) { --m2-list-border-width: 1px 0 1px; } .c-list--table-for-medium > :where(dt, dd, li, .c-list__item) > .c-list__item-row { display: table-row; margin-bottom: 0; } .c-list--table-for-medium > :where(dt, dd, li, .c-list__item) > .c-list__item-row > .c-list__item-cell { display: table-cell; padding: calc(var(--m2-list-item-gutter-row, 0) * 0.5) calc(var(--m2-list-item-gutter-column, 0) * 0.5); } } @media print, screen and (min-width: 64em) { .c-list--table-for-large { display: table; width: 100%; border-collapse: collapse; } .c-list--table-for-large > :where(dt, dd, li, .c-list__item) { display: table-row-group; --m2-list-border-width: 0 0 1px; --m2-list-border-style: solid; } .c-list--table-for-large > :where(dt, dd, li, .c-list__item):where(:first-child) { --m2-list-border-width: 1px 0 1px; } .c-list--table-for-large > :where(dt, dd, li, .c-list__item) > .c-list__item-row { display: table-row; margin-bottom: 0; } .c-list--table-for-large > :where(dt, dd, li, .c-list__item) > .c-list__item-row > .c-list__item-cell { display: table-cell; padding: calc(var(--m2-list-item-gutter-row, 0) * 0.5) calc(var(--m2-list-item-gutter-column, 0) * 0.5); } } @media print, screen and (min-width: 80em) { .c-list--table-for-xlarge { display: table; width: 100%; border-collapse: collapse; } .c-list--table-for-xlarge > :where(dt, dd, li, .c-list__item) { display: table-row-group; --m2-list-border-width: 0 0 1px; --m2-list-border-style: solid; } .c-list--table-for-xlarge > :where(dt, dd, li, .c-list__item):where(:first-child) { --m2-list-border-width: 1px 0 1px; } .c-list--table-for-xlarge > :where(dt, dd, li, .c-list__item) > .c-list__item-row { display: table-row; margin-bottom: 0; } .c-list--table-for-xlarge > :where(dt, dd, li, .c-list__item) > .c-list__item-row > .c-list__item-cell { display: table-cell; padding: calc(var(--m2-list-item-gutter-row, 0) * 0.5) calc(var(--m2-list-item-gutter-column, 0) * 0.5); } } .c-list--slash { --m2-list-gap-column: 0; display: flex; flex-direction: row; flex-wrap: wrap; } .c-list--slash > :where(dt, dd, li, .c-list__item):where(:nth-last-child(n+2))::after { content: var(--m2-list-item-separator, "/"); padding-left: 0.25em; padding-right: 0.25em; } .c-list--stripe { --m2-list-item-background-color-alt: hsl( from var( --m2-list-item-background-color ) h s calc( l + ( 100 - l ) * 0.5 ) ); } .c-list--stripe > :where(dt, dd, li, .c-list__item):where(:nth-child(2n)) { --m2-list-item-background-color: var( --m2-list-item-background-color-alt ); } .c-list--underline > :where(dt, dd, li, .c-list__item) { --m2-list-border-width: 0 0 1px; --m2-list-border-style: solid; } .c-list--has-hover { --m2-list-border-color-hover: hsl( from var(--m2-list-border-color) h s 80% ); --m2-list-item-background-color-hover: hsl( from var( --m2-list-item-background-color ) h s calc( l + ( 100 - l ) * 0.5 ) ); } .c-list--has-hover > :where(dt, dd, li, .c-list__item):hover, .c-list--has-hover > :where(dt, dd, li, .c-list__item):focus { --m2-list-border-color: var(--m2-list-border-color-hover); --m2-list-item-background-color: var(--m2-list-item-background-color-hover); } .c-list--gutter { --m2-list-gap-row: var( --m2-list-item-gutter-row ); --m2-list-gap-column: var( --m2-list-item-gutter-column ); } .c-list--gutter-xsmaller { --m2-list-gap-row: calc( var( --m2-list-item-gutter-row ) * 0.5 ); --m2-list-gap-column: calc( var( --m2-list-item-gutter-column) * 0.5 ); } .c-list--gutter-smaller { --m2-list-gap-row: calc( var( --m2-list-item-gutter-row ) * 0.75 ); --m2-list-gap-column: calc( var( --m2-list-item-gutter-column) * 0.75 ); } .c-list--gutter-larger { --m2-list-gap-row: calc( var( --m2-list-item-gutter-row ) * 1.5 ); --m2-list-gap-column: calc( var( --m2-list-item-gutter-column) * 1.5 ); } .c-list--gutter-xlarger { --m2-list-gap-row: calc( var( --m2-list-item-gutter-row ) * 2 ); --m2-list-gap-column: calc( var( --m2-list-item-gutter-column) * 2 ); } .c-list--gutter-none { --m2-list-gap-row: 0; --m2-list-gap-column: 0; } .c-list--item-gutter { --m2-list-item-padding-row: var( --m2-list-item-gutter-row ); --m2-list-item-padding-column: var( --m2-list-item-gutter-column ); } .c-list--item-gutter-xsmaller { --m2-list-item-padding-row: calc( var( --m2-list-item-gutter-row ) * 0.5 ); --m2-list-item-padding-column: calc( var( --m2-list-item-gutter-column) * 0.5 ); } .c-list--item-gutter-smaller { --m2-list-item-padding-row: calc( var( --m2-list-item-gutter-row ) * 0.75 ); --m2-list-item-padding-column: calc( var( --m2-list-item-gutter-column) * 0.75 ); } .c-list--item-gutter-larger { --m2-list-item-padding-row: calc( var( --m2-list-item-gutter-row ) * 1.5 ); --m2-list-item-padding-column: calc( var( --m2-list-item-gutter-column) * 1.5 ); } .c-list--item-gutter-xlarger { --m2-list-item-padding-row: calc( var( --m2-list-item-gutter-row ) * 2 ); --m2-list-item-padding-column: calc( var( --m2-list-item-gutter-column) * 2 ); } .c-list--item-gutter-none { --m2-list-item-padding-row: 0; --m2-list-item-padding-column: 0; } .c-list > :where(dt, dd, li), .c-list__item { padding: var(--m2-list-item-padding-row, 0) var(--m2-list-item-padding-column, 0); border-width: var(--m2-list-border-width, 0); border-style: var(--m2-list-border-style, none); border-color: var(--m2-list-border-color, transparent); background-color: var(--m2-list-item-background-color, transparent); } .c-list > :where(dt, dd, li)::marker, .c-list__item::marker { content: var(--m2-list-item-marker, normal); } .c-list__item-row { display: flex; row-gap: var(--m2-list-item-gutter-row, 0); -moz-column-gap: var(--m2-list-item-gutter-column, 0); column-gap: var(--m2-list-item-gutter-column, 0); --m2-list-item-gutter-row: 0.25rem; --m2-list-item-gutter-column: 0.5rem; } @media print, screen and (min-width: 48em) { .c-list__item-row { --m2-list-item-gutter-row: 0.5rem; --m2-list-item-gutter-column: 0.75rem; } } .c-list__item-row { display: flex; flex-wrap: wrap; } .c-list__item-row:where(:has(+ .c-list__item-row)) { margin-bottom: var(--m2-list-item-gutter-row); } .c-list--dev { --dev-color: #666666; } .c-list--dev > :where(li, dt, dd) { color: var(--dev-color); --m2-list-item-background-color: hsl( from var( --dev-color ) h s l / 0.25 ); } .c-list--dev > :where(li, dt, dd):where(:nth-child(12n+0)) { --dev-color: hsl( 0deg 100% 50% ); } .c-list--dev > :where(li, dt, dd):where(:nth-child(12n+1)) { --dev-color: hsl( 30deg 100% 50% ); } .c-list--dev > :where(li, dt, dd):where(:nth-child(12n+2)) { --dev-color: hsl( 60deg 100% 50% ); } .c-list--dev > :where(li, dt, dd):where(:nth-child(12n+3)) { --dev-color: hsl( 90deg 100% 50% ); } .c-list--dev > :where(li, dt, dd):where(:nth-child(12n+4)) { --dev-color: hsl( 120deg 100% 50% ); } .c-list--dev > :where(li, dt, dd):where(:nth-child(12n+5)) { --dev-color: hsl( 150deg 100% 50% ); } .c-list--dev > :where(li, dt, dd):where(:nth-child(12n+6)) { --dev-color: hsl( 180deg 100% 50% ); } .c-list--dev > :where(li, dt, dd):where(:nth-child(12n+7)) { --dev-color: hsl( 210deg 100% 50% ); } .c-list--dev > :where(li, dt, dd):where(:nth-child(12n+8)) { --dev-color: hsl( 240deg 100% 50% ); } .c-list--dev > :where(li, dt, dd):where(:nth-child(12n+9)) { --dev-color: hsl( 270deg 100% 50% ); } .c-list--dev > :where(li, dt, dd):where(:nth-child(12n+10)) { --dev-color: hsl( 300deg 100% 50% ); } .c-list--dev > :where(li, dt, dd):where(:nth-child(12n+11)) { --dev-color: hsl( 330deg 100% 50% ); } .c-list-wrap__note { font-size: 0.875rem; } .c-list-item { margin-bottom: 0.5em; } .c-list-item:last-child { margin-bottom: 0; } /* ========================================================================================== * Table（object/component/_table.scss） * ========================================================================================== */ .c-table { border-collapse: collapse; width: 100%; margin-bottom: 1rem; border-radius: 0; } .c-table thead, .c-table tbody, .c-table tfoot { border: 1px solid hsl(0, 0%, 94.525%); background-color: hsl(0, 0%, 99.5%); } .c-table caption { padding: 0.75rem 0.625rem; font-weight: 600; } .c-table thead { background: hsl(0, 0%, 97.0125%); color: hsl(0, 0%, 4%); } .c-table tfoot { background: hsl(0, 0%, 94.525%); color: hsl(0, 0%, 4%); } .c-table thead tr, .c-table tfoot tr { background: transparent; } .c-table thead th, .c-table thead td, .c-table tfoot th, .c-table tfoot td { padding: 0.75rem 0.625rem; font-weight: 600; text-align: left; } .c-table tbody th, .c-table tbody td { padding: 0.75rem 0.625rem; } .c-table tbody tr { border-bottom: 1px solid hsl(0, 0%, 94.525%); background-color: hsl(0, 0%, 99.5%); } .c-table.striped tbody tr:nth-child(even) { border-bottom: 0; background-color: hsl(0, 0%, 94.525%); } .c-table thead { color: hsl(0, 0%, 4%); } .c-table tfoot { color: hsl(0, 0%, 4%); } @media print, screen and (max-width: 63.99875em) { .c-table--stack-for-small-down thead { display: none; } .c-table--stack-for-small-down tfoot { display: none; } .c-table--stack-for-small-down tr, .c-table--stack-for-small-down th, .c-table--stack-for-small-down td { display: block; } .c-table--stack-for-small-down td { border-top: 0; } } @media print, screen and (max-width: 63.99875em) { .c-table--stack thead { display: none; } .c-table--stack tfoot { display: none; } .c-table--stack tr, .c-table--stack th, .c-table--stack td { display: block; } .c-table--stack td { border-top: 0; } } @media print, screen and (max-width: 63.99875em) { .c-table--stack-for-large-down thead { display: none; } .c-table--stack-for-large-down tfoot { display: none; } .c-table--stack-for-large-down tr, .c-table--stack-for-large-down th, .c-table--stack-for-large-down td { display: block; } .c-table--stack-for-large-down td { border-top: 0; } } @media print, screen and (max-width: 63.99875em) { .c-table--stack-for-xlarge-down thead { display: none; } .c-table--stack-for-xlarge-down tfoot { display: none; } .c-table--stack-for-xlarge-down tr, .c-table--stack-for-xlarge-down th, .c-table--stack-for-xlarge-down td { display: block; } .c-table--stack-for-xlarge-down td { border-top: 0; } } @media print, screen and (max-width: 63.99875em) { .c-table--stack-for-xxlarge-down thead { display: none; } .c-table--stack-for-xxlarge-down tfoot { display: none; } .c-table--stack-for-xxlarge-down tr, .c-table--stack-for-xxlarge-down th, .c-table--stack-for-xxlarge-down td { display: block; } .c-table--stack-for-xxlarge-down td { border-top: 0; } } .c-table--hover thead tr:hover { background-color: hsl(0, 0%, 95.0125%); } .c-table--hover tfoot tr:hover { background-color: hsl(0, 0%, 92.525%); } .c-table--hover tbody tr:hover { background-color: hsl(0, 0%, 97.5%); } .c-table--hover.striped tr:nth-of-type(even):hover { background-color: hsl(0, 0%, 92.5%); } .c-table--striped tbody tr:nth-child(even) { border-bottom: 0; background-color: hsl(0, 0%, 94.525%); } .c-table--striped tbody tr { border-bottom: 0; } .c-table:where(:last-child) { margin-bottom: 0; } .c-table thead, .c-table tbody, .c-table tfoot { border-left-color: transparent; border-right-color: transparent; } .c-table thead:where(:nth-last-child(n+2)) tr:last-child, .c-table tbody:where(:nth-last-child(n+2)) tr:last-child, .c-table tfoot:where(:nth-last-child(n+2)) tr:last-child { border-bottom-color: transparent; } /* ========================================================================================== * Accordion (object/component/_accordion.scss) * ========================================================================================== */ .c-accordion { margin-left: 0; background: transparent; list-style-type: none; } .c-accordion[disabled] .accordion-title { cursor: not-allowed; } .c-accordion[disabled] .c-accordion-item__title { cursor: not-allowed; } .c-accordion-item:first-child > :first-child { border-radius: 0 0 0 0; } .c-accordion-item:last-child > :last-child { border-radius: 0 0 0 0; } .c-accordion-item__title, .c-accordion-item__button { position: relative; display: block; padding: 1.75rem 1.25rem; border: 1px solid hsl(0, 0%, 29%); border-bottom: 0; font-size: 1rem; line-height: 1; color: inherit; } :last-child:not(.is-active) > .c-accordion-item__title, :last-child:not(.is-active) > .c-accordion-item__button { border-bottom: 1px solid hsl(0, 0%, 29%); border-radius: 0 0 0 0; } .c-accordion-item__title:hover, .c-accordion-item__title:focus, .c-accordion-item__button:hover, .c-accordion-item__button:focus { background-color: hsl(0, 0%, 98%); } .c-accordion-item__title::before, .c-accordion-item__button::before { position: absolute; top: 50%; right: 1rem; margin-top: -0.5rem; content: "+"; } .is-active > .c-accordion-item__title::before, .is-active > .c-accordion-item__button::before { content: "–"; } .c-accordion-item__title:where(a):hover, .c-accordion-item__title:where(a):focus, .c-accordion-item__button:where(a):hover, .c-accordion-item__button:where(a):focus { color: hsl(0, 0%, 4%); opacity: unset; } .c-accordion-item__content { display: none; padding: 1.25rem 1.5rem; border: 1px solid hsl(0, 0%, 29%); border-bottom: 0; background-color: transparent; color: hsl(0, 0%, 4%); } :last-child > .c-accordion-item__content:last-child { border-bottom: 1px solid hsl(0, 0%, 29%); } .c-accordion { display: flex; flex-direction: column; } .c-accordion--border-none .c-accordion-item__title, .c-accordion--border-none .c-accordion-item__content { border: 0; margin-bottom: initial; } :last-child:not(.is-active) > .c-accordion--border-none .c-accordion-item__title { border-bottom: 0; } :last-child > .c-accordion--border-none .c-accordion-item__content:last-child { border-bottom: 0; } .c-accordion--side-border-none .c-accordion-item__title, .c-accordion--side-border-none .c-accordion-item__content { border-left: 0; border-right: 0; } .c-accordion--unset .c-accordion-item__title { display: none; } .c-accordion--unset .c-accordion-item__content { display: block; border: none; padding: 0; } :last-child > .c-accordion--unset .c-accordion-item__content:last-child { border-bottom: none; } .c-accordion--unset .c-accordion-item__close { display: none; } @media print, screen and (min-width: 48em) { .c-accordion--unset-for-medium .c-accordion-item__title { display: none; } .c-accordion--unset-for-medium .c-accordion-item__content { display: block; border: none; padding: 0; } :last-child > .c-accordion--unset-for-medium .c-accordion-item__content:last-child { border-bottom: none; } .c-accordion--unset-for-medium .c-accordion-item__close { display: none; } } @media print, screen and (min-width: 64em) { .c-accordion--unset-for-large .c-accordion-item__title { display: none; } .c-accordion--unset-for-large .c-accordion-item__content { display: block; border: none; padding: 0; } :last-child > .c-accordion--unset-for-large .c-accordion-item__content:last-child { border-bottom: none; } .c-accordion--unset-for-large .c-accordion-item__close { display: none; } } @media print, screen and (min-width: 80em) { .c-accordion--unset-for-xlarge .c-accordion-item__title { display: none; } .c-accordion--unset-for-xlarge .c-accordion-item__content { display: block; border: none; padding: 0; } :last-child > .c-accordion--unset-for-xlarge .c-accordion-item__content:last-child { border-bottom: none; } .c-accordion--unset-for-xlarge .c-accordion-item__close { display: none; } } .c-accordion-item { background-color: transparent; } .c-accordion-item--flex { display: flex; flex-wrap: wrap; } .c-accordion-item--flex > .c-accordion-item__title, .c-accordion-item--flex > .c-accordion-item__button { order: 0; } .c-accordion-item--flex > .c-accordion-item__title + .c-accordion-item__title, .c-accordion-item--flex > .c-accordion-item__title + .c-accordion-item__button, .c-accordion-item--flex > .c-accordion-item__button + .c-accordion-item__title, .c-accordion-item--flex > .c-accordion-item__button + .c-accordion-item__button { border-left-width: 0; } .c-accordion-item--flex > .c-accordion-item__title { flex-grow: 1; flex-shrink: 0; } .c-accordion-item--flex > .c-accordion-item__button { flex-grow: 0; flex-shrink: 0; } .c-accordion-item--flex > .c-accordion-item__content { flex-grow: 1; flex-shrink: 0; flex-basis: 100%; order: 1; } .c-accordion-item__title, .c-accordion-item__button { border-bottom: 1px solid hsl(0, 0%, 29%); margin-bottom: -1px; } .c-accordion-item__title--icon-addtext::after, .c-accordion-item__button--icon-addtext::after { content: "open"; position: absolute; font-weight: normal; right: 2.5em; } .c-accordion-item__title--icon-addtext[aria-selected=true]::after, .c-accordion-item__button--icon-addtext[aria-selected=true]::after { content: "close"; } .c-accordion-item__title { padding-right: 2em; line-height: 1.2; } .c-accordion-item__title::before { min-width: 1em; text-align: center; line-height: 1; } .c-accordion-item__button::before, .is-active > .c-accordion-item__button::before { content: none; } .c-accordion-item__content { border-bottom: 1px solid hsl(0, 0%, 29%); margin-bottom: -1px; } /* ========================================================================================== * Callout（object/component/_callout.scss） * ========================================================================================== */ .c-callout { background-color: hsl(0, 0%, 99.925%); color: hsl(0, 0%, 4%); position: relative; margin: 0 0 0 0; padding: 1.5rem; border: 1px solid rgba(10.2, 10.2, 10.2, 0.25); border-radius: 0; } .c-callout > :first-child { margin-top: 0; } .c-callout > :last-child { margin-bottom: 0; } .c-callout--brand { background-color: hsl(332.5190839695, 97.037037037%, 88.9705882353%); color: hsl(0, 0%, 4%); } .c-callout--primary { background-color: hsl(222, 100%, 89.35%); color: hsl(0, 0%, 4%); } .c-callout--secondary { background-color: hsl(194, 100%, 98.35%); color: hsl(0, 0%, 4%); } .c-callout--tertiary { background-color: hsl(43, 47%, 91.75%); color: hsl(0, 0%, 4%); } .c-callout--surface { background-color: hsl(345.9574468085, 100%, 98.6176470588%); color: hsl(0, 0%, 4%); } .c-callout--success { background-color: hsl(142.3602484472, 69.0987124464%, 93.1470588235%); color: hsl(0, 0%, 4%); } .c-callout--warning { background-color: hsl(40.9411764706, 100%, 92.5%); color: hsl(0, 0%, 4%); } .c-callout--alert { background-color: hsl(8.0536912752, 59.3625498008%, 92.6176470588%); color: hsl(0, 0%, 4%); } .c-callout--black-ter { background-color: hsl(0, 0%, 87.1%); color: hsl(0, 0%, 4%); } .c-callout--gray-dark { background-color: hsl(0, 0%, 90.4%); color: hsl(0, 0%, 4%); } .c-callout--gray-middle { background-color: hsl(0, 0%, 92.2%); color: hsl(0, 0%, 4%); } .c-callout--white-ter { background-color: hsl(0, 0%, 99.4%); color: hsl(0, 0%, 4%); } .c-callout--smaller { padding-top: 0.75rem; padding-right: 0.75rem; padding-bottom: 0.75rem; padding-left: 0.75rem; } .c-callout--larger { padding-top: 2rem; padding-right: 2rem; padding-bottom: 2rem; padding-left: 2rem; } .c-callout--xlarger { padding-top: 3rem; padding-right: 3rem; padding-bottom: 3rem; padding-left: 3rem; } .c-callout { border: none; } .c-callout:where(:last-child) { margin-bottom: 0; } .c-callout--border { border: 1px solid rgba(10.2, 10.2, 10.2, 0.25); } .c-callout--border-none { border: none; } .c-callout--radius { border-radius: 1.5rem; } .c-callout--radius.c-callout--smaller { border-radius: 0.75rem; } .c-callout--radius.c-callout--larger { border-radius: 2rem; } .c-callout--radius.c-callout--xlarger { border-radius: 3rem; } /* ========================================================================================== * Modal（object/component/_modal.scss） * ========================================================================================== */ .c-modal { display: none; background-color: rgba(10.2, 10.2, 10.2, 0.5); z-index: 110; } .c-modal.is-active { position: fixed; display: flex; top: 0; left: 0; right: 0; bottom: 0; } .c-modal__container { position: relative; margin: auto; padding: 1.5rem; max-width: min(75rem, 100% - 2rem); max-height: 90%; background-color: hsl(0, 0%, 99.5%); overflow-y: auto; } .c-modal--fluid .c-modal__container { max-width: calc(100% - 2rem); } .c-modal--full .c-modal__container { width: 100%; height: 100%; max-width: none; max-height: none; } @media print, screen and (min-width: 48em) { .c-modal--tiny .c-modal__container { width: 50%; } .c-modal--small .c-modal__container { width: 80%; } } /* ========================================================================================== * Slider（object/component/_slider.scss） * ========================================================================================== */ :root { --swiper-theme-color: hsl(222, 100%, 29%); } .c-slider__dots .swiper-pagination-bullet { background-color: hsl(222, 100%, 29%); } .c-slider__wrapper:where(:nth-last-child(n+2)) { margin-bottom: 2rem; } .c-slider__slide { display: flex; height: auto; } /* ========================================================================================== * Tabs（object/component/_tabs.scss） * ========================================================================================== */ .c-tabs { margin: 0; border: 1px solid transparent; background: transparent; list-style-type: none; } .c-tabs::before, .c-tabs::after { display: table; content: " "; flex-basis: 0; order: 1; } .c-tabs::after { clear: both; } .c-tabs--vertical > li { display: block; float: none; width: auto; } .c-tabs--simple > li > a { padding: 0; } .c-tabs--simple > li > a:hover { background: transparent; } .c-tabs-item { float: left; } .c-tabs-item > a { display: block; padding: 1.25rem 1.5rem; font-size: 1rem; line-height: 1; color: hsl(0, 0%, 4%); } [data-whatinput=mouse] .c-tabs-item > a { outline: 0; } .c-tabs-item > a:hover { background: transparent; color: hsl(0, 0%, 3.44%); } .c-tabs-item > a:focus, .c-tabs-item > a[aria-selected=true] { background: transparent; color: hsl(332.5190839695, 97.037037037%, 26.4705882353%); } .c-tabs-content { border: 1px solid transparent; border-top: 0; background: transparent; color: hsl(0, 0%, 4%); transition: all 0.5s ease; } .c-tabs-content--vertical { border: 1px solid transparent; border-left: 0; } .c-tabs-panel { display: none; padding: 1rem; } .c-tabs-panel.is-active { display: block; } /* ========================================================================================== * Article（object/component/_post-article.scss） * ========================================================================================== */ .c-post-article:where(:nth-child(n+2)) { margin-top: 1rem; } @media print, screen and (min-width: 48em) { .c-post-article:where(:nth-child(n+2)) { margin-top: 2rem; } } .c-post-article:where(:nth-last-child(n+2)) { margin-bottom: 1rem; } @media print, screen and (min-width: 48em) { .c-post-article:where(:nth-last-child(n+2)) { margin-bottom: 2rem; } } .c-post-article { padding-top: 1rem; padding-bottom: 1rem; } @media print, screen and (min-width: 48em) { .c-post-article { padding-top: 2rem; padding-bottom: 2rem; } } .c-post-article__header, .c-post-article__body, .c-post-article__aside, .c-post-article__footer { padding-top: 0.5rem; padding-bottom: 0.5rem; } @media print, screen and (min-width: 48em) { .c-post-article__header, .c-post-article__body, .c-post-article__aside, .c-post-article__footer { padding-top: 1rem; padding-bottom: 1rem; } } .c-post-article { --m2-post-article-aside-width: 0%; } .c-post-article:where(:has(.c-post-article__aside)) { --m2-post-article-aside-width: 25%; } .c-post-article__layout { display: grid; max-width: 82.5rem; margin-left: auto; margin-right: auto; grid-template: "article-header" auto "article-aside " auto "article-body " auto "article-footer" auto/100%; } @media print, screen and (min-width: 64em) { .c-post-article__layout { grid-template: "article-aside article-header" auto "article-aside article-body " auto "article-aside article-footer" auto/var(--m2-post-article-aside-width) minmax(0, 1fr); } } .c-post-article__layout > :where(*) { grid-column: article-body; } .c-post-article__header { grid-area: article-header; } .c-post-article__body { grid-area: article-body; } .c-post-article__aside { grid-area: article-aside; } .c-post-article__footer { grid-area: article-footer; } @media print, screen and (min-width: 64em) { .c-post-article__sections > :where(.c-section):first-child { padding-top: 0; } } .c-post-article__anchor-nav { align-self: flex-start; } .c-post-article__anchor-nav .c-button--underline::before { background-color: hsl(0, 0%, 48%); } @media print, screen and (min-width: 64em) { .c-post-article__anchor-nav { position: sticky; top: calc(var(--wp-admin--admin-bar--height, 0px) + var(--m2-site-header-height, 0px) + 2rem); } } .c-post-article__anchor-list { background-color: hsl(0, 0%, 99.5%); padding: 1rem; } .c-post-article__anchor-list li { padding: 0.75rem 1rem; } .c-post-article__anchor-list li a { position: relative; color: hsl(0, 0%, 4%); } .c-post-article__anchor-list li a:hover { opacity: 1; } .c-post-article__anchor-list li a:hover::before { content: ""; display: block; position: absolute; background-color: hsl(43, 47%, 45%); width: 0.5rem; height: 0.5rem; top: 0.5rem; left: -1rem; border-radius: 50%; } .c-post-article__anchor-list li a:focus { opacity: 1; } .c-post-article__anchor-list li .c-icon--anchor { display: none; } .c-post-article__anchor-list .is-scrollspy-active a { font-weight: bold; } .c-post-article__anchor-list .is-scrollspy-active a::before { content: ""; display: block; position: absolute; background-color: hsl(43, 47%, 45%); width: 0.5rem; height: 0.5rem; top: 0.5rem; left: -1rem; border-radius: 50%; } /* ========================================================================================== * Section（object/component/_section.scss） * ========================================================================================== */ .c-section:where(:nth-child(n+2)) { margin-top: 0; } .c-section:where(:nth-last-child(n+2)) { margin-bottom: 0; } .c-section { padding-top: 4rem; padding-bottom: 4rem; } .c-section__header, .c-section__body, .c-section__footer { padding-top: 1rem; padding-bottom: 1rem; } .c-inner-section:where(:nth-child(n+2)) { margin-top: 0; } .c-inner-section:where(:nth-last-child(n+2)) { margin-bottom: 0; } .c-inner-section { padding-top: 2rem; padding-bottom: 2rem; } .c-inner-section__header, .c-inner-section__body, .c-inner-section__footer { padding-top: 0.5rem; padding-bottom: 0.5rem; } .c-section { position: relative; } .c-section:where(.c-section--has-bg-color)::before { content: ""; display: block; position: absolute; top: 0; left: -50vw; right: -50vw; bottom: 0; z-index: -1; background-color: hsl(0, 0%, 96%); } .c-section :where(.c-title--section-title) .c-title__sub { font-weight: inherit; } .c-inner-section :where(.c-title--inner-section-title) { font-weight: normal; } /* ========================================================================================== * Card（object/component/_card.scss） * ========================================================================================== */ .c-card { display: flex; flex-direction: column; flex-grow: 1; margin-bottom: 0; border: none; border-radius: 0; background: hsl(0, 0%, 99.5%); box-shadow: none; overflow: hidden; color: hsl(0, 0%, 4%); } .c-card > :last-child { margin-bottom: 0; } .c-card { position: relative; } .c-card:where(:last-child) { margin-bottom: 0; } .c-card:where(:has(> a)), .c-card:where(:has(> a)) :where(img), .c-card--has-hover, .c-card--has-hover :where(img) { transition-property: transform, box-shadow, scale; transition-duration: var(--m2-card-hover-duration, 0.25s); transition-timing-function: var(--m2-card-hover-timing, ease-out); } .c-card:where(:has(> a)):hover, .c-card--has-hover:hover { box-shadow: none; transform: translate(var(--m2-card-hover-translate, 0, -4px)); } .c-card:where(:has(> a)):hover .c-card__thumbnail-bg, .c-card--has-hover:hover .c-card__thumbnail-bg { scale: var(--m2-card-hover-scale, 1.05); } .c-card:where(:has(> a)):hover :where(img), .c-card--has-hover:hover :where(img) { scale: var(--m2-card-hover-scale, 1.05); } .c-card--layout-row { flex-direction: row; } .c-card--layout-row .c-card__main, .c-card--layout-row .c-card__aside { padding: 1rem; } .c-card--layout-row .c-card__main:where(:has(+ .c-card__main, + .c-card__aside)), .c-card--layout-row .c-card__aside:where(:has(+ .c-card__main, + .c-card__aside)) { padding-right: 0.5rem; } .c-card--layout-row .c-card__main + :where(.c-card__main, .c-card__aside), .c-card--layout-row .c-card__aside + :where(.c-card__main, .c-card__aside) { padding-left: 0.5rem; } .c-card--layout-row .c-card__aside { flex: 0 0 35%; } @media print, screen and (min-width: 48em) { .c-card--layout-row-for-medium { flex-direction: row; } .c-card--layout-row-for-medium .c-card__main, .c-card--layout-row-for-medium .c-card__aside { padding: 1rem; } .c-card--layout-row-for-medium .c-card__main:where(:has(+ .c-card__main, + .c-card__aside)), .c-card--layout-row-for-medium .c-card__aside:where(:has(+ .c-card__main, + .c-card__aside)) { padding-right: 0.5rem; } .c-card--layout-row-for-medium .c-card__main + :where(.c-card__main, .c-card__aside), .c-card--layout-row-for-medium .c-card__aside + :where(.c-card__main, .c-card__aside) { padding-left: 0.5rem; } .c-card--layout-row-for-medium .c-card__aside { flex: 0 0 35%; } } @media print, screen and (min-width: 64em) { .c-card--layout-row-for-large { flex-direction: row; } .c-card--layout-row-for-large .c-card__main, .c-card--layout-row-for-large .c-card__aside { padding: 1rem; } .c-card--layout-row-for-large .c-card__main:where(:has(+ .c-card__main, + .c-card__aside)), .c-card--layout-row-for-large .c-card__aside:where(:has(+ .c-card__main, + .c-card__aside)) { padding-right: 0.5rem; } .c-card--layout-row-for-large .c-card__main + :where(.c-card__main, .c-card__aside), .c-card--layout-row-for-large .c-card__aside + :where(.c-card__main, .c-card__aside) { padding-left: 0.5rem; } .c-card--layout-row-for-large .c-card__aside { flex: 0 0 35%; } } @media print, screen and (min-width: 80em) { .c-card--layout-row-for-xlarge { flex-direction: row; } .c-card--layout-row-for-xlarge .c-card__main, .c-card--layout-row-for-xlarge .c-card__aside { padding: 1rem; } .c-card--layout-row-for-xlarge .c-card__main:where(:has(+ .c-card__main, + .c-card__aside)), .c-card--layout-row-for-xlarge .c-card__aside:where(:has(+ .c-card__main, + .c-card__aside)) { padding-right: 0.5rem; } .c-card--layout-row-for-xlarge .c-card__main + :where(.c-card__main, .c-card__aside), .c-card--layout-row-for-xlarge .c-card__aside + :where(.c-card__main, .c-card__aside) { padding-left: 0.5rem; } .c-card--layout-row-for-xlarge .c-card__aside { flex: 0 0 35%; } } @media print, screen and (max-width: 89.99875em) { .c-card--layout-row-for-xlarge-down { flex-direction: row; } .c-card--layout-row-for-xlarge-down .c-card__main, .c-card--layout-row-for-xlarge-down .c-card__aside { padding: 1rem; } .c-card--layout-row-for-xlarge-down .c-card__main:where(:has(+ .c-card__main, + .c-card__aside)), .c-card--layout-row-for-xlarge-down .c-card__aside:where(:has(+ .c-card__main, + .c-card__aside)) { padding-right: 0.5rem; } .c-card--layout-row-for-xlarge-down .c-card__main + :where(.c-card__main, .c-card__aside), .c-card--layout-row-for-xlarge-down .c-card__aside + :where(.c-card__main, .c-card__aside) { padding-left: 0.5rem; } .c-card--layout-row-for-xlarge-down .c-card__aside { flex: 0 0 35%; } } @media print, screen and (max-width: 79.99875em) { .c-card--layout-row-for-large-down { flex-direction: row; } .c-card--layout-row-for-large-down .c-card__main, .c-card--layout-row-for-large-down .c-card__aside { padding: 1rem; } .c-card--layout-row-for-large-down .c-card__main:where(:has(+ .c-card__main, + .c-card__aside)), .c-card--layout-row-for-large-down .c-card__aside:where(:has(+ .c-card__main, + .c-card__aside)) { padding-right: 0.5rem; } .c-card--layout-row-for-large-down .c-card__main + :where(.c-card__main, .c-card__aside), .c-card--layout-row-for-large-down .c-card__aside + :where(.c-card__main, .c-card__aside) { padding-left: 0.5rem; } .c-card--layout-row-for-large-down .c-card__aside { flex: 0 0 35%; } } @media print, screen and (max-width: 63.99875em) { .c-card--layout-row-for-medium-down { flex-direction: row; } .c-card--layout-row-for-medium-down .c-card__main, .c-card--layout-row-for-medium-down .c-card__aside { padding: 1rem; } .c-card--layout-row-for-medium-down .c-card__main:where(:has(+ .c-card__main, + .c-card__aside)), .c-card--layout-row-for-medium-down .c-card__aside:where(:has(+ .c-card__main, + .c-card__aside)) { padding-right: 0.5rem; } .c-card--layout-row-for-medium-down .c-card__main + :where(.c-card__main, .c-card__aside), .c-card--layout-row-for-medium-down .c-card__aside + :where(.c-card__main, .c-card__aside) { padding-left: 0.5rem; } .c-card--layout-row-for-medium-down .c-card__aside { flex: 0 0 35%; } } @media print, screen and (min-width: 80em) and (max-width: 89.99875em) { .c-card--layout-row-for-xlarge-only { flex-direction: row; } .c-card--layout-row-for-xlarge-only .c-card__main, .c-card--layout-row-for-xlarge-only .c-card__aside { padding: 1rem; } .c-card--layout-row-for-xlarge-only .c-card__main:where(:has(+ .c-card__main, + .c-card__aside)), .c-card--layout-row-for-xlarge-only .c-card__aside:where(:has(+ .c-card__main, + .c-card__aside)) { padding-right: 0.5rem; } .c-card--layout-row-for-xlarge-only .c-card__main + :where(.c-card__main, .c-card__aside), .c-card--layout-row-for-xlarge-only .c-card__aside + :where(.c-card__main, .c-card__aside) { padding-left: 0.5rem; } .c-card--layout-row-for-xlarge-only .c-card__aside { flex: 0 0 35%; } } @media print, screen and (min-width: 64em) and (max-width: 79.99875em) { .c-card--layout-row-for-large-only { flex-direction: row; } .c-card--layout-row-for-large-only .c-card__main, .c-card--layout-row-for-large-only .c-card__aside { padding: 1rem; } .c-card--layout-row-for-large-only .c-card__main:where(:has(+ .c-card__main, + .c-card__aside)), .c-card--layout-row-for-large-only .c-card__aside:where(:has(+ .c-card__main, + .c-card__aside)) { padding-right: 0.5rem; } .c-card--layout-row-for-large-only .c-card__main + :where(.c-card__main, .c-card__aside), .c-card--layout-row-for-large-only .c-card__aside + :where(.c-card__main, .c-card__aside) { padding-left: 0.5rem; } .c-card--layout-row-for-large-only .c-card__aside { flex: 0 0 35%; } } @media print, screen and (min-width: 48em) and (max-width: 63.99875em) { .c-card--layout-row-for-medium-only { flex-direction: row; } .c-card--layout-row-for-medium-only .c-card__main, .c-card--layout-row-for-medium-only .c-card__aside { padding: 1rem; } .c-card--layout-row-for-medium-only .c-card__main:where(:has(+ .c-card__main, + .c-card__aside)), .c-card--layout-row-for-medium-only .c-card__aside:where(:has(+ .c-card__main, + .c-card__aside)) { padding-right: 0.5rem; } .c-card--layout-row-for-medium-only .c-card__main + :where(.c-card__main, .c-card__aside), .c-card--layout-row-for-medium-only .c-card__aside + :where(.c-card__main, .c-card__aside) { padding-left: 0.5rem; } .c-card--layout-row-for-medium-only .c-card__aside { flex: 0 0 35%; } } @media print, screen and (max-width: 47.99875em) { .c-card--layout-row-for-small-only { flex-direction: row; } .c-card--layout-row-for-small-only .c-card__main, .c-card--layout-row-for-small-only .c-card__aside { padding: 1rem; } .c-card--layout-row-for-small-only .c-card__main:where(:has(+ .c-card__main, + .c-card__aside)), .c-card--layout-row-for-small-only .c-card__aside:where(:has(+ .c-card__main, + .c-card__aside)) { padding-right: 0.5rem; } .c-card--layout-row-for-small-only .c-card__main + :where(.c-card__main, .c-card__aside), .c-card--layout-row-for-small-only .c-card__aside + :where(.c-card__main, .c-card__aside) { padding-left: 0.5rem; } .c-card--layout-row-for-small-only .c-card__aside { flex: 0 0 35%; } } .c-card--gutter-none .c-card__main, .c-card--gutter-none .c-card__aside { padding: 0; } .c-card__layout { flex-grow: 1; gap: var(--m2-card-layout-gap, 0); display: flex; flex-direction: column; } .c-card__main { flex: 1 1 auto; padding: 1rem; gap: var(--m2-card-main-gap, 0.5rem); display: flex; flex-direction: column; } .c-card__aside { flex: 0 1 auto; } .c-card__header, .c-card__footer, .c-card__section, .c-card__divider { display: flex; flex-wrap: wrap; flex-direction: column; gap: var(--m2-card-contents-gap, 0.375rem); } .c-card__body { flex-grow: 1; } .c-card__row { display: flex; row-gap: var(--m2-card-row-gap-row, 0); -moz-column-gap: var(--m2-card-row-gap-column, 0); column-gap: var(--m2-card-row-gap-column, 0); --m2-card-row-gap-row: 0.25rem; --m2-card-row-gap-column: 0.75rem; } .c-card__row { flex-wrap: wrap; } .c-card__thumbnail { position: relative; overflow: hidden; z-index: 0; } .c-card--thumbnail-gutter .c-card__thumbnail { margin: 1rem; } .c-card__thumbnail-bg { position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; transition: transform 0.25s ease-out; z-index: -1; background-size: cover; background-position: center; background-repeat: no-repeat; } .c-card--default-thumbnail .c-card__thumbnail-bg, .c-card__thumbnail--default .c-card__thumbnail-bg, .c-card__thumbnail-bg:not([style]) { background-image: url("./../../assets/img/common/img_card_thumbnail.png"); background-size: contain; background-color: hsl(0, 0%, 99.5%); } .c-card__over-wrap-link { position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .c-card__date { margin-bottom: 0; } .c-card { background: transparent; } .c-card__body { margin-bottom: 0.5em; } .c-card__row { gap: 0.125em 0.25em; } .c-card__main { padding: 1rem 0 0.5em; } .c-card__thumbnail img { background-position: center; background-size: 100% 100%; background-repeat: no-repeat; } /* ========================================================================================== * Hero（object/component/_hero.scss） * ========================================================================================== */ .c-hero { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: stretch; height: auto; min-height: min(20vh, 18rem); max-height: 18rem; overflow: hidden; z-index: 0; background-color: hsl(0, 0%, 99.5%); } .c-hero__bg { position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; } .c-hero__bg-image { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } .c-hero__title { font-size: 2.25rem; } @media print, screen and (min-width: 48em) { .c-hero__title { font-size: 3rem; } } .c-hero__title { color: hsl(0, 0%, 4%); } .c-hero { justify-content: end; overflow: visible; z-index: -1; min-height: min(30vh, 18rem); margin-bottom: 3rem; position: relative; } .c-hero::before { background-image: linear-gradient(0deg, transparent 25%, rgba(127, 224, 255, 0.3019607843) 70%, #7fe0ff); top: 0; left: 0; right: 0; height: 80%; opacity: 0.5; position: absolute; content: ""; z-index: -2; } .c-hero__bg { top: 50%; transform: translateY(-20%); bottom: initial; } @media print, screen and (min-width: 48em) { .c-hero__bg { left: 50%; transform: translate(-50%, -36%); min-width: 75rem; width: 100%; } } .c-hero__container { position: relative; } .c-hero__title-image { position: absolute; min-width: 10rem; max-width: 24rem; right: -5rem; top: -8rem; z-index: -2; } .c-hero .c-title { text-align: end; margin-bottom: 3rem; } .c-hero .c-title__main { font-family: "Roboto", "Outfit", "Noto Sans", Meiryo, Arial, Helvetica, sans-serif; font-weight: 100; color: hsl(222, 100%, 29%); letter-spacing: 3px; } .c-hero .c-title__sub { font-weight: normal; } .c-hero--single::before { content: none; } .c-hero--single .c-hero__title-image { display: none; } .c-hero--single .c-title { text-align: center; } /* ========================================================================================== * Breadcrumbs（object/component/_breadcrumbs.scss） * ========================================================================================== */ .c-breadcrumbs { padding-top: 0.5rem; padding-bottom: 0.5rem; background-color: transparent; } .c-breadcrumbs:where(:last-child) { margin-bottom: 0; } .c-breadcrumbs--underline { border-bottom: 1px solid #4a4a4a; } .c-breadcrumbs__list { color: hsl(0, 0%, 4%); font-size: 0.75rem; } .c-breadcrumbs__list li:where(:not(:last-child))::after { position: relative; margin-left: 0.75rem; margin-right: 0.75rem; opacity: 1; content: "⏵"; color: hsl(0, 0%, 36%); } .c-breadcrumbs__list a { color: hsl(0, 0%, 36%); } .c-breadcrumbs__list a:where(:hover, :focus) { text-decoration: underline; } .c-breadcrumbs__list .disabled { color: #cacaca; cursor: not-allowed; } .c-breadcrumbs__list:where(:last-child) { margin-bottom: 0; } .c-breadcrumbs__list { display: flex; flex-wrap: wrap; row-gap: 0.25em; } .c-breadcrumbs__list li { display: flex; } /* ========================================================================================== * Globalnav（object/component/_globalnav.scss） * ========================================================================================== */ .c-globalnav { display: flex; flex-direction: column; background-color: hsl(0, 0%, 96%); } @media print, screen and (min-width: 48em) { .c-globalnav { background-color: transparent; } } @media print, screen and (min-width: 64em) { .c-globalnav { position: relative; } } @media print, screen and (max-width: 63.99875em) { .c-globalnav { position: absolute; top: 100%; left: 0; right: 0; bottom: calc(100% - 100dvh); z-index: -1; max-height: calc(100dvh - 100%); } .c-globalnav::before { content: ""; position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; background-color: inherit; } body.logged-in.admin-bar .c-globalnav { max-height: calc(100dvh - 100% - var(--wp-admin--admin-bar--height, 32px)); } .c-globalnav[data-burger-target] { transition-property: opacity, transform, height; transition-duration: 0.25s; transition-timing-function: ease-out; } .c-globalnav[data-burger-target]:not(.is-burger-active) { opacity: 0; pointer-events: none; transform: translate(0, -100%); } .c-globalnav[data-burger-target]:where(.is-burger-active) { height: calc(100dvh - 100%); } .c-globalnav[data-burger-target]:where(:not(.is-burger-active)) { height: 0; overflow: hidden; } .c-globalnav__header, .c-globalnav__footer { flex: 0 1 auto; } .c-globalnav__body { flex: 1 1 auto; overflow-y: auto; } } /* ========================================================================================== * Menu（object/component/_menu.scss） * ========================================================================================== */ .c-menu { --m2-menu-item-color-current: hsl(43, 47%, 32%); --m2-menu-item-color-parent: unset; --m2-menu-item-color-ancestor: unset; position: relative; display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; } .c-menu--horizontal { flex-direction: row; } .c-menu--vertical { flex-direction: column; } .c-menu--expand > li, .c-menu--expand > .c-menu__menu-item { flex: 1 1 0px; } .c-menu--columns-1 { --m2-menu-column-count: 1; } .c-menu--columns-2 { --m2-menu-column-count: 2; } .c-menu--columns-3 { --m2-menu-column-count: 3; } .c-menu--columns-4 { --m2-menu-column-count: 4; } .c-menu--columns-5 { --m2-menu-column-count: 5; } .c-menu--columns-6 { --m2-menu-column-count: 6; } .c-menu--columns, .c-menu--columns-1, .c-menu--columns-2, .c-menu--columns-3, .c-menu--columns-4, .c-menu--columns-5, .c-menu--columns-6 { display: block; -moz-column-count: var(--m2-menu-column-count, auto); column-count: var(--m2-menu-column-count, auto); -moz-column-width: var(--m2-menu-column-width, auto); column-width: var(--m2-menu-column-width, auto); } .c-menu--columns > :where(*), .c-menu--columns-1 > :where(*), .c-menu--columns-2 > :where(*), .c-menu--columns-3 > :where(*), .c-menu--columns-4 > :where(*), .c-menu--columns-5 > :where(*), .c-menu--columns-6 > :where(*) { -moz-column-break-inside: avoid; break-inside: avoid-column; } .c-menu--indent { margin-left: var(--m2-menu-indent, 0em); } body.is-document-ready .c-menu:where([data-dropdown-menu], [data-responsive-menu~=dropdown]) ul { display: none; } @media print, screen and (min-width: 48em) { .c-menu--horizontal-for-medium { flex-direction: row; } .c-menu--vertical-for-medium { flex-direction: column; } .c-menu--expand-for-medium > li, .c-menu--expand-for-medium > .c-menu__menu-item { flex: 1 1 0px; } .c-menu--columns-1-for-medium { --m2-menu-column-count: 1; } .c-menu--columns-2-for-medium { --m2-menu-column-count: 2; } .c-menu--columns-3-for-medium { --m2-menu-column-count: 3; } .c-menu--columns-4-for-medium { --m2-menu-column-count: 4; } .c-menu--columns-5-for-medium { --m2-menu-column-count: 5; } .c-menu--columns-6-for-medium { --m2-menu-column-count: 6; } .c-menu--columns-for-medium, .c-menu--columns-1-for-medium, .c-menu--columns-2-for-medium, .c-menu--columns-3-for-medium, .c-menu--columns-4-for-medium, .c-menu--columns-5-for-medium, .c-menu--columns-6-for-medium { display: block; -moz-column-count: var(--m2-menu-column-count, auto); column-count: var(--m2-menu-column-count, auto); -moz-column-width: var(--m2-menu-column-width, auto); column-width: var(--m2-menu-column-width, auto); } .c-menu--columns-for-medium > :where(*), .c-menu--columns-1-for-medium > :where(*), .c-menu--columns-2-for-medium > :where(*), .c-menu--columns-3-for-medium > :where(*), .c-menu--columns-4-for-medium > :where(*), .c-menu--columns-5-for-medium > :where(*), .c-menu--columns-6-for-medium > :where(*) { -moz-column-break-inside: avoid; break-inside: avoid-column; } .c-menu--indent-for-medium { margin-left: var(--m2-menu-indent, 0em); } body.is-document-ready .c-menu:where([data-dropdown-menu], [data-responsive-menu~=medium-dropdown]) ul { display: none; } } @media print, screen and (min-width: 64em) { .c-menu--horizontal-for-large { flex-direction: row; } .c-menu--vertical-for-large { flex-direction: column; } .c-menu--expand-for-large > li, .c-menu--expand-for-large > .c-menu__menu-item { flex: 1 1 0px; } .c-menu--columns-1-for-large { --m2-menu-column-count: 1; } .c-menu--columns-2-for-large { --m2-menu-column-count: 2; } .c-menu--columns-3-for-large { --m2-menu-column-count: 3; } .c-menu--columns-4-for-large { --m2-menu-column-count: 4; } .c-menu--columns-5-for-large { --m2-menu-column-count: 5; } .c-menu--columns-6-for-large { --m2-menu-column-count: 6; } .c-menu--columns-for-large, .c-menu--columns-1-for-large, .c-menu--columns-2-for-large, .c-menu--columns-3-for-large, .c-menu--columns-4-for-large, .c-menu--columns-5-for-large, .c-menu--columns-6-for-large { display: block; -moz-column-count: var(--m2-menu-column-count, auto); column-count: var(--m2-menu-column-count, auto); -moz-column-width: var(--m2-menu-column-width, auto); column-width: var(--m2-menu-column-width, auto); } .c-menu--columns-for-large > :where(*), .c-menu--columns-1-for-large > :where(*), .c-menu--columns-2-for-large > :where(*), .c-menu--columns-3-for-large > :where(*), .c-menu--columns-4-for-large > :where(*), .c-menu--columns-5-for-large > :where(*), .c-menu--columns-6-for-large > :where(*) { -moz-column-break-inside: avoid; break-inside: avoid-column; } .c-menu--indent-for-large { margin-left: var(--m2-menu-indent, 0em); } body.is-document-ready .c-menu:where([data-dropdown-menu], [data-responsive-menu~=large-dropdown]) ul { display: none; } } @media print, screen and (min-width: 80em) { .c-menu--horizontal-for-xlarge { flex-direction: row; } .c-menu--vertical-for-xlarge { flex-direction: column; } .c-menu--expand-for-xlarge > li, .c-menu--expand-for-xlarge > .c-menu__menu-item { flex: 1 1 0px; } .c-menu--columns-1-for-xlarge { --m2-menu-column-count: 1; } .c-menu--columns-2-for-xlarge { --m2-menu-column-count: 2; } .c-menu--columns-3-for-xlarge { --m2-menu-column-count: 3; } .c-menu--columns-4-for-xlarge { --m2-menu-column-count: 4; } .c-menu--columns-5-for-xlarge { --m2-menu-column-count: 5; } .c-menu--columns-6-for-xlarge { --m2-menu-column-count: 6; } .c-menu--columns-for-xlarge, .c-menu--columns-1-for-xlarge, .c-menu--columns-2-for-xlarge, .c-menu--columns-3-for-xlarge, .c-menu--columns-4-for-xlarge, .c-menu--columns-5-for-xlarge, .c-menu--columns-6-for-xlarge { display: block; -moz-column-count: var(--m2-menu-column-count, auto); column-count: var(--m2-menu-column-count, auto); -moz-column-width: var(--m2-menu-column-width, auto); column-width: var(--m2-menu-column-width, auto); } .c-menu--columns-for-xlarge > :where(*), .c-menu--columns-1-for-xlarge > :where(*), .c-menu--columns-2-for-xlarge > :where(*), .c-menu--columns-3-for-xlarge > :where(*), .c-menu--columns-4-for-xlarge > :where(*), .c-menu--columns-5-for-xlarge > :where(*), .c-menu--columns-6-for-xlarge > :where(*) { -moz-column-break-inside: avoid; break-inside: avoid-column; } .c-menu--indent-for-xlarge { margin-left: var(--m2-menu-indent, 0em); } body.is-document-ready .c-menu:where([data-dropdown-menu], [data-responsive-menu~=xlarge-dropdown]) ul { display: none; } } .c-menu .c-menu--nested:where(:not(.is-dropdown-submenu, .is-drilldown-submenu)) > li, .c-menu .c-menu--nested:where(:not(.is-dropdown-submenu, .is-drilldown-submenu)) > .c-menu__menu-item { margin-left: 0em; } .c-menu .c-menu--nested:where(:not(.is-dropdown-submenu, .is-drilldown-submenu)) > li > a::before, .c-menu .c-menu--nested:where(:not(.is-dropdown-submenu, .is-drilldown-submenu)) > li .c-menu__menu-item__link::before, .c-menu .c-menu--nested:where(:not(.is-dropdown-submenu, .is-drilldown-submenu)) > .c-menu__menu-item > a::before, .c-menu .c-menu--nested:where(:not(.is-dropdown-submenu, .is-drilldown-submenu)) > .c-menu__menu-item .c-menu__menu-item__link::before { content: "-"; font-weight: 600; margin-left: 0.25em; margin-right: 0.25em; align-self: baseline; } .c-menu:is(.dropdown, [data-dropdown-menu]) > li.opens-left > .is-dropdown-submenu { top: 100%; right: 0; left: auto; } .c-menu:is(.dropdown, [data-dropdown-menu]) > li.opens-right > .is-dropdown-submenu { top: 100%; right: auto; left: 0; } [data-whatinput=mouse] .c-menu:is(.dropdown, [data-dropdown-menu]) a { outline: 0; } .c-menu:is(.dropdown, [data-dropdown-menu]) > li > a { padding: 0.5em 0.75em; } .c-menu:is(.dropdown, [data-dropdown-menu]) > li.is-active > a { background: transparent; color: hsl(43, 47%, 32%); } .no-js .c-menu:is(.dropdown, [data-dropdown-menu]) ul { display: none; } .c-menu:is(.dropdown, [data-dropdown-menu]) .c-menu--nested.is-dropdown-submenu { margin-right: 0; margin-left: 0; } .c-menu:is(.dropdown, [data-dropdown-menu]) .c-menu--vertical > li .is-dropdown-submenu { top: 0; } .c-menu:is(.dropdown, [data-dropdown-menu]) .c-menu--vertical > li.opens-left > .is-dropdown-submenu { top: 0; right: 100%; left: auto; } .c-menu:is(.dropdown, [data-dropdown-menu]) .c-menu--vertical > li.opens-right > .is-dropdown-submenu { right: auto; left: 100%; } @media print, screen and (min-width: 48em) { .c-menu:is(.dropdown, [data-dropdown-menu]).c-menu--horizontal-for-medium > li.opens-left > .is-dropdown-submenu { top: 100%; right: 0; left: auto; } .c-menu:is(.dropdown, [data-dropdown-menu]).c-menu--horizontal-for-medium > li.opens-right > .is-dropdown-submenu { top: 100%; right: auto; left: 0; } .c-menu:is(.dropdown, [data-dropdown-menu]).c-menu--vertical-for-medium > li .is-dropdown-submenu { top: 0; } .c-menu:is(.dropdown, [data-dropdown-menu]).c-menu--vertical-for-medium > li.opens-left > .is-dropdown-submenu { top: 0; right: 100%; left: auto; } .c-menu:is(.dropdown, [data-dropdown-menu]).c-menu--vertical-for-medium > li.opens-right > .is-dropdown-submenu { right: auto; left: 100%; } } @media print, screen and (min-width: 64em) { .c-menu:is(.dropdown, [data-dropdown-menu]).c-menu--horizontal-for-large > li.opens-left > .is-dropdown-submenu { top: 100%; right: 0; left: auto; } .c-menu:is(.dropdown, [data-dropdown-menu]).c-menu--horizontal-for-large > li.opens-right > .is-dropdown-submenu { top: 100%; right: auto; left: 0; } .c-menu:is(.dropdown, [data-dropdown-menu]).c-menu--vertical-for-large > li .is-dropdown-submenu { top: 0; } .c-menu:is(.dropdown, [data-dropdown-menu]).c-menu--vertical-for-large > li.opens-left > .is-dropdown-submenu { top: 0; right: 100%; left: auto; } .c-menu:is(.dropdown, [data-dropdown-menu]).c-menu--vertical-for-large > li.opens-right > .is-dropdown-submenu { right: auto; left: 100%; } } @media print, screen and (min-width: 80em) { .c-menu:is(.dropdown, [data-dropdown-menu]).c-menu--horizontal-for-xlarge > li.opens-left > .is-dropdown-submenu { top: 100%; right: 0; left: auto; } .c-menu:is(.dropdown, [data-dropdown-menu]).c-menu--horizontal-for-xlarge > li.opens-right > .is-dropdown-submenu { top: 100%; right: auto; left: 0; } .c-menu:is(.dropdown, [data-dropdown-menu]).c-menu--vertical-for-xlarge > li .is-dropdown-submenu { top: 0; } .c-menu:is(.dropdown, [data-dropdown-menu]).c-menu--vertical-for-xlarge > li.opens-left > .is-dropdown-submenu { top: 0; right: 100%; left: auto; } .c-menu:is(.dropdown, [data-dropdown-menu]).c-menu--vertical-for-xlarge > li.opens-right > .is-dropdown-submenu { right: auto; left: 100%; } } .c-menu:is(.dropdown, [data-dropdown-menu]).align-right .is-dropdown-submenu.first-sub { top: 100%; right: 0; left: auto; } .is-dropdown-menu.c-menu--vertical { width: 100px; } .is-dropdown-menu.c-menu--vertical.align-right { float: right; } .is-dropdown-submenu-parent { position: relative; } .is-dropdown-submenu-parent a::after { position: absolute; top: 50%; right: 5px; left: auto; margin-top: -6px; } .is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu { top: 100%; left: auto; } .is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu { right: 100%; left: auto; } .is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu { right: auto; left: 100%; } .is-dropdown-submenu { position: absolute; top: 0; left: 100%; z-index: 1; display: none; min-width: 300px; border: 1px solid hsl(345.9574468085, 100%, 90.7843137255%); background: hsl(345.9574468085, 100%, 96%); } .is-dropdown-submenu a { padding: 0.5em 0.75em; } .is-dropdown-submenu .is-dropdown-submenu { margin-top: -1px; } .is-dropdown-submenu > li { width: 100%; } .is-dropdown-submenu.js-dropdown-active { display: block; } .c-menu:is(.accordion-menu, [data-accordion-menu]) { overflow: hidden auto; } .c-menu:is(.accordion-menu, [data-accordion-menu]) > li:has(> .c-menu.is-active) > :where(a, .c-menu__menu-item__title, .c-menu__menu-item__link), .c-menu:is(.accordion-menu, [data-accordion-menu]) .c-menu__menu-item:has(> .c-menu.is-active) > :where(a, .c-menu__menu-item__title, .c-menu__menu-item__link) { font-weight: 600; } .c-menu:is(.accordion-menu, [data-accordion-menu]) > li:has(> .c-menu.is-active) > :where(a, .c-menu__menu-item__title, .c-menu__menu-item__link) .c-menu__icon-group .c-icon--more, .c-menu:is(.accordion-menu, [data-accordion-menu]) .c-menu__menu-item:has(> .c-menu.is-active) > :where(a, .c-menu__menu-item__title, .c-menu__menu-item__link) .c-menu__icon-group .c-icon--more { display: none; } .c-menu:is(.accordion-menu, [data-accordion-menu]) > li:has(> .c-menu.is-active) > :where(a, .c-menu__menu-item__title, .c-menu__menu-item__link) .c-menu__icon-group .c-icon--less, .c-menu:is(.accordion-menu, [data-accordion-menu]) .c-menu__menu-item:has(> .c-menu.is-active) > :where(a, .c-menu__menu-item__title, .c-menu__menu-item__link) .c-menu__icon-group .c-icon--less { display: unset; } .c-menu:is(.accordion-menu, [data-accordion-menu]) > li:has(> .c-menu) > :where(a, .c-menu__menu-item__title, .c-menu__menu-item__link) .c-menu__icon-group .c-icon, .c-menu:is(.accordion-menu, [data-accordion-menu]) .c-menu__menu-item:has(> .c-menu) > :where(a, .c-menu__menu-item__title, .c-menu__menu-item__link) .c-menu__icon-group .c-icon { display: none; } .c-menu:is(.accordion-menu, [data-accordion-menu]) > li:has(> .c-menu) > :where(a, .c-menu__menu-item__title, .c-menu__menu-item__link) .c-menu__icon-group .c-icon--more, .c-menu:is(.accordion-menu, [data-accordion-menu]) .c-menu__menu-item:has(> .c-menu) > :where(a, .c-menu__menu-item__title, .c-menu__menu-item__link) .c-menu__icon-group .c-icon--more { display: unset; } .c-menu:is(.accordion-menu, [data-accordion-menu]) .submenu-toggle { display: none; } .c-menu:is(.accordion-menu, [data-accordion-menu]) .c-menu__icon-group .c-icon--more, .c-menu:is(.accordion-menu, [data-accordion-menu]) .c-menu__icon-group .c-icon--less { display: none; } .c-menu > :where(li), .c-menu .c-menu__menu-item { display: flex; flex-direction: column; flex-wrap: nowrap; } [data-whatinput=mouse] .c-menu > :where(li), [data-whatinput=mouse] .c-menu .c-menu__menu-item { outline: 0; } .c-menu > :where(li):where(.is-menu-item-ancestor) > :where(a), .c-menu .c-menu__menu-item:where(.is-menu-item-ancestor) > :where(a) { --m2-menu-item-color: var( --m2-menu-item-color-ancestor ); } .c-menu > :where(li):where(.is-menu-item-parent) > :where(a), .c-menu .c-menu__menu-item:where(.is-menu-item-parent) > :where(a) { --m2-menu-item-color: var( --m2-menu-item-color-parent ); } .c-menu > :where(li):where(.is-current) > :where(a), .c-menu .c-menu__menu-item:where(.is-current) > :where(a) { --m2-menu-item-color: var( --m2-menu-item-color-current ); } .c-menu > :where(li) .c-menu__menu-item__title, .c-menu .c-menu__menu-item .c-menu__menu-item__title { color: var(--m2-menu-item-color, inherit); } .c-menu > :where(li) > :where(a), .c-menu > :where(li) .c-menu__menu-item__link, .c-menu .c-menu__menu-item > :where(a), .c-menu .c-menu__menu-item .c-menu__menu-item__link { color: var(--m2-menu-item-color, inherit); display: flex; align-items: center; padding: 0.5em 0.75em; line-height: 1.25; text-decoration: none; } .c-menu > :where(li) > :where(a):hover, .c-menu > :where(li) > :where(a):focus, .c-menu > :where(li) .c-menu__menu-item__link:hover, .c-menu > :where(li) .c-menu__menu-item__link:focus, .c-menu .c-menu__menu-item > :where(a):hover, .c-menu .c-menu__menu-item > :where(a):focus, .c-menu .c-menu__menu-item .c-menu__menu-item__link:hover, .c-menu .c-menu__menu-item .c-menu__menu-item__link:focus { color: inherit; } .c-menu > :where(li) > :where(a).disabled, .c-menu > :where(li) > :where(a):where(:not([href], :has(~ .c-menu))), .c-menu > :where(li) .c-menu__menu-item__link.disabled, .c-menu > :where(li) .c-menu__menu-item__link:where(:not([href], :has(~ .c-menu))), .c-menu .c-menu__menu-item > :where(a).disabled, .c-menu .c-menu__menu-item > :where(a):where(:not([href], :has(~ .c-menu))), .c-menu .c-menu__menu-item .c-menu__menu-item__link.disabled, .c-menu .c-menu__menu-item .c-menu__menu-item__link:where(:not([href], :has(~ .c-menu))) { pointer-events: none; opacity: 0.25; } .c-menu > :where(li) > :where(a) > :where(*), .c-menu > :where(li) .c-menu__menu-item__link > :where(*), .c-menu .c-menu__menu-item > :where(a) > :where(*), .c-menu .c-menu__menu-item .c-menu__menu-item__link > :where(*) { flex-grow: 1; } .c-menu > :where(li) > :where(a) > :where(*):where(i, .c-icon, .c-menu__icon-group, .c-menu__icon), .c-menu > :where(li) .c-menu__menu-item__link > :where(*):where(i, .c-icon, .c-menu__icon-group, .c-menu__icon), .c-menu .c-menu__menu-item > :where(a) > :where(*):where(i, .c-icon, .c-menu__icon-group, .c-menu__icon), .c-menu .c-menu__menu-item .c-menu__menu-item__link > :where(*):where(i, .c-icon, .c-menu__icon-group, .c-menu__icon) { flex-grow: 0; } .c-menu .c-menu__icon-group { display: inline-flex; margin-left: 0.5em; margin-right: 0.5em; } .c-menu .c-menu__icon-group:where(:first-child) { margin-left: 0; } .c-menu .c-menu__icon-group:where(:last-child) { margin-right: 0; } .c-menu .c-menu__icon-group .c-menu__icon { margin: 0; } .c-menu .c-menu__icon-group .c-menu__icon:where(.c-icon--more, .c-icon--less) { display: none; } .c-menu .c-menu__icon { align-self: center; font-weight: 500; } /* ========================================================================================== * Navbar（object/component/_navbar.scss） * ========================================================================================== */ .c-navbar__rows { display: flex; row-gap: var(--m2-navbar-rows-gap-row, 0); -moz-column-gap: var(--m2-navbar-rows-gap-column, 0); column-gap: var(--m2-navbar-rows-gap-column, 0); --m2-navbar-rows-gap-row: 0.125rem; --m2-navbar-rows-gap-column: 0.125rem; } @media print, screen and (min-width: 48em) { .c-navbar__rows { --m2-navbar-rows-gap-row: 0.25rem; --m2-navbar-rows-gap-column: 0.25rem; } } .c-navbar__rows { flex-direction: column; } .c-navbar__row { display: flex; row-gap: var(--m2-navbar-row-gap-row, 0); -moz-column-gap: var(--m2-navbar-row-gap-column, 0); column-gap: var(--m2-navbar-row-gap-column, 0); --m2-navbar-row-gap-row: 0.125rem; --m2-navbar-row-gap-column: 0.25rem; } @media print, screen and (min-width: 48em) { .c-navbar__row { --m2-navbar-row-gap-row: 0.25rem; --m2-navbar-row-gap-column: 0.5rem; } } :where(.c-navbar__row > *) { flex-grow: 1; } /* ========================================================================================== * Pageback（object/component/_pageback.scss） * ========================================================================================== */ .c-pageback { --m2-button-font-size: 1rem; padding-top: 3rem; padding-bottom: 3rem; } .c-pageback :where(.c-button):hover .c-icon, .c-pageback :where(.c-button):focus .c-icon { transform: translateX(-1em); } .c-pageback :where(.c-button) .c-icon { transition: transform 0.25s ease; } /* ========================================================================================== * Pagination（object/component/_pagination.scss） * ========================================================================================== */ .c-pagination__links-list { margin-left: 0; margin-bottom: 1rem; } .c-pagination__links-list::before, .c-pagination__links-list::after { display: table; content: " "; flex-basis: 0; order: 1; } .c-pagination__links-list::after { clear: both; } .c-pagination__links-list li { margin-right: 0.5em; border-radius: 0; font-size: 1.125rem; display: inline-block; } .c-pagination__links-list a, .c-pagination__links-list button { display: block; padding: 0; border-radius: 0; color: hsl(0, 0%, 4%); } .c-pagination__links-list a:hover, .c-pagination__links-list button:hover { background: transparent; } .c-pagination__links-list .current .c-pagination__button { padding: 0; background: hsl(222, 100%, 29%); color: hsl(0, 0%, 99.5%); cursor: default; } .c-pagination__links-list .disabled .c-pagination__button { padding: 0; color: hsl(0, 0%, 48%); cursor: not-allowed; } .c-pagination__links-list .disabled .c-pagination__button:hover { background: transparent; } .c-pagination__links-list .ellipsis::after { padding: 0; content: "…"; color: hsl(0, 0%, 4%); } .c-pagination { display: flex; justify-content: center; align-items: center; } .c-pagination__links-list { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } .c-pagination__links-list:where(:last-child) { margin-bottom: 0; } .c-pagination__links-list li { margin-left: 0.25em; margin-right: 0.25em; } .c-pagination__links-list li:where(:first-child) { margin-left: 0; } .c-pagination__links-list li:where(:last-child) { margin-right: 0; } .c-pagination .page-numbers:where(ul) { display: flex; flex-wrap: wrap; align-items: center; } .c-pagination__button { display: inline-flex; justify-content: center; align-items: center; line-height: 1; min-width: 2em; min-height: 2em; } /* ========================================================================================== * WordPress Content（object/component/_wp-content.scss） * ========================================================================================== */ .c-wp-content { margin-bottom: 1.5rem; } .c-wp-content:where(:last-child) { margin-bottom: 0; } .c-wp-content { clear: both; } .c-wp-content *:where(:last-child) { margin-bottom: 0; } .c-wp-content ol, .c-wp-content ul { padding-left: 1.25em; } .c-wp-content ol { list-style-type: decimal; } .c-wp-content ul { list-style-type: disc; } .c-wp-content ul > :where(li)::marker { content: var(--m2-list-item-marker, "・"); } .c-wp-content a { font-weight: bold; text-decoration-style: solid; text-decoration-line: underline; } .c-wp-content { overflow: auto; } @media print, screen and (min-width: 64em) { .c-wp-content { overflow: initial; } } .c-wp-content a { color: hsl(43, 47%, 45%); } .c-wp-content table { border-spacing: 1px; width: 100%; background-color: hsl(0, 0%, 48%); min-width: 40rem; } @media print, screen and (min-width: 64em) { .c-wp-content table { min-width: inherit; } } .c-wp-content tbody { color: hsl(0, 0%, 4%); background-color: hsl(0, 0%, 99.5%); } .c-wp-content thead { color: hsl(0, 0%, 99.5%); background-color: hsl(0, 0%, 4%); } .c-wp-content tfoot { color: hsl(0, 0%, 4%); background-color: hsl(0, 0%, 99.5%); } .c-wp-content th, .c-wp-content td { padding: 0.75rem; } /* ========================================================================================== * Form（object/component/_form.scss） * ========================================================================================== */ .c-form--underline fieldset:where(:nth-last-child(n+2)) { border-bottom: 1px solid hsl(0, 0%, 71%); } .c-form__input-group { display: flex; } .c-form__input-group-label, .c-form__input-group-field, .c-form__input-group-button { margin: 0; white-space: nowrap; border-top: 1px solid hsl(0, 0%, 71%); border-bottom: 1px solid hsl(0, 0%, 71%); } .c-form__input-group-label:where(:first-child), .c-form__input-group-field:where(:first-child), .c-form__input-group-button:where(:first-child) { border-left: 1px solid hsl(0, 0%, 71%); } .c-form__input-group-label:where(:last-child), .c-form__input-group-field:where(:last-child), .c-form__input-group-button:where(:last-child) { border-right: 1px solid hsl(0, 0%, 71%); } .c-form__input-group-label > *, .c-form__input-group-field > *, .c-form__input-group-button > * { margin: 0; border: none; } .c-form__input-group-field { flex: 1 1 0px; min-width: 0; } .c-form__input-group-field input { box-shadow: none; } .c-form__input-group-button { flex: 0 0 auto; display: flex; } .c-form__input-group-button a, .c-form__input-group-button input, .c-form__input-group-button button, .c-form__input-group-button label { align-self: stretch; margin: 0; height: auto; } .c-form__input-group-button button { padding: 0.125em 0.5em; } .c-form legend { font-weight: 600; } .c-form label { cursor: pointer; } .c-form :where(button, [type=button]), .c-form :where(button, [type=button]):hover, .c-form :where(button, [type=button]):focus, .c-form :where(button, [type=button]).disabled, .c-form :where(button, [type=button]).disabled:hover, .c-form :where(button, [type=button]).disabled:focus, .c-form :where(button, [type=button])[disabled], .c-form :where(button, [type=button])[disabled]:hover, .c-form :where(button, [type=button])[disabled]:focus, .c-form__button, .c-form__button:hover, .c-form__button:focus, .c-form__button.disabled, .c-form__button.disabled:hover, .c-form__button.disabled:focus, .c-form__button[disabled], .c-form__button[disabled]:hover, .c-form__button[disabled]:focus { border-color: transparent; background-color: transparent; } .c-form :where(button, [type=button]), .c-form :where(button, [type=button]).disabled, .c-form :where(button, [type=button])[disabled], .c-form :where(button, [type=button]).disabled:hover, .c-form :where(button, [type=button])[disabled]:hover, .c-form :where(button, [type=button]).disabled:focus, .c-form :where(button, [type=button])[disabled]:focus, .c-form__button, .c-form__button.disabled, .c-form__button[disabled], .c-form__button.disabled:hover, .c-form__button[disabled]:hover, .c-form__button.disabled:focus, .c-form__button[disabled]:focus { color: hsl(0, 0%, 4%); } .c-form :where(button, [type=button]):hover, .c-form :where(button, [type=button]):focus, .c-form__button:hover, .c-form__button:focus { color: hsl(0, 0%, 52%); } .c-form :where(button, [type=button]), .c-form__button { display: inline-flex; justify-content: space-between; align-items: center; text-align: left; line-height: 1.2; font-weight: inherit; max-width: 100%; } .c-form .wpcf7-form-control-wrap { flex-grow: 1; } .c-form p:empty { display: none; } .c-form__required { color: hsl(8.0536912752, 59.3625498008%, 50.7843137255%); font-weight: bolder; padding: 0 0.25em; } .c-form__example { color: hsl(0, 0%, 36%); font-weight: bolder; padding: 0 0.25em; line-height: 2.6; } .c-form [type=checkbox]:where(:has(+ label)), .c-form [type=radio]:where(:has(+ label)) { margin-bottom: 0; } .c-form__legend--contents { display: contents; } /* ====================================================================================================== * FLOCSS Object/Project Layer Entry (object/project/_index.scss) * ====================================================================================================== */ /* ========================================================================================== * Burger Button（object/project/_burger-button.scss） * ========================================================================================== */ .p-burger-button { display: flex; flex-direction: column; justify-content: center; } .p-burger-button > * { flex-grow: 0; } .p-burger-button:not(.is-active) .p-burger-button__icon-group .c-icon--close { display: none; } .p-burger-button.is-active .p-burger-button__icon-group .c-icon--burger { display: none; } .p-burger-button__text { font-size: 0.5em; } .p-burger-button__icon { margin: 0; font-size: 1.5em; } .p-burger-button { background-color: transparent; } .p-burger-button__text { color: hsl(222, 100%, 29%); } .p-burger-button .c-icon { color: hsl(222, 100%, 29%); font-size: 2em; } .p-burger-button:hover, .p-burger-button:focus { background-color: transparent; } /* ========================================================================== Lang-Switcher ========================================================================== */ .p-lang-switcher__button-group { margin-bottom: 0; justify-content: center; } .p-lang-switcher__button-group > .p-lang-switcher__button { font-size: 0.875em; margin: 0; } .p-lang-switcher__button { color: hsl(0, 0%, 48%) !important; font-weight: 500; } .p-lang-switcher__button:hover, .p-lang-switcher__button:focus { color: hsl(222, 100%, 29%) !important; } .p-lang-switcher__button.disabled, .p-lang-switcher__button.is-current { pointer-events: none; color: hsl(222, 100%, 29%) !important; } .p-lang-switcher__button.is-current { opacity: 1; } .p-lang-switcher__separater { font-size: 0.875em; padding: 0.85em 0em; align-content: center; } /* ========================================================================================== * SNS Button（object/project/_sns-button.scss） * ========================================================================================== */ .p-sns-button-group--in-light svg .fill-black-in-light { fill: #000000; } .p-sns-button-group--in-light svg .fill-white-in-light { fill: #ffffff; } .p-sns-button-group--in-light svg .fill-none-in-light { fill: none; } .p-sns-button-group--in-dark svg .fill-black-in-dark { fill: #000000; } .p-sns-button-group--in-dark svg .fill-white-in-dark { fill: #ffffff; } .p-sns-button-group--in-dark svg .fill-none-in-dark { fill: none; } .p-sns-button-group--monochrome-in-light svg .fill-black-in-monochrome-light { fill: #000000; } .p-sns-button-group--monochrome-in-light svg .fill-white-in-monochrome-light { fill: #ffffff; } .p-sns-button-group--monochrome-in-light svg .fill-none-in-monochrome-light { fill: none; } .p-sns-button-group--monochrome-in-dark svg .fill-black-in-monochrome-dark { fill: #000000; } .p-sns-button-group--monochrome-in-dark svg .fill-white-in-monochrome-dark { fill: #ffffff; } .p-sns-button-group--monochrome-in-dark svg .fill-none-in-monochrome-dark { fill: none; } .p-sns-button { color: hsl(0, 0%, 4%); padding: 0.5em; background: transparent; min-height: max(1lh, 1.5rlh); } .p-sns-button:hover, .p-sns-button:focus { opacity: 0.5; background: inherit; } .p-sns-button svg { min-height: inherit; } /* ========================================================================================== * Brand Navbar（object/project/_brand-navbar.scss） * ========================================================================================== */ .p-brand-navbar__logo-group { transition: 0.5s; transition-delay: 0.1s; transition-timing-function: ease-out; transition-property: translate, opacity, max-width; } .p-brand-navbar__logo-group-separator { margin-top: 1rem; margin-bottom: 1rem; } .p-brand-navbar__logo { padding: 0.25rem 0.75rem; height: 100%; --m2-brand-navbar-logo-max-height: 3rem; } @media print, screen and (min-width: 48em) { .p-brand-navbar__logo { --m2-brand-navbar-logo-max-height: 5rem; } } .p-brand-navbar__logo :where(svg) { max-height: var(--m2-brand-navbar-logo-max-height); } .p-brand-navbar__logo :where(img) { max-height: 2rem; width: auto; } @media print, screen and (min-width: 48em) { .p-brand-navbar__logo :where(img) { max-height: 3rem; } } .p-brand-navbar__logo--home :where(svg) { max-width: min(536.338px, var(--m2-brand-navbar-logo-max-height) * 536.338 / 230.518); } .p-brand-navbar__logo svg { margin: auto; } .p-brand-navbar__contents { flex-grow: 0; margin-left: auto; display: flex; } .p-brand-navbar__hamburger { display: flex; } /* ========================================================================================== * Footer Navbar（object/project/_footer-navbar.scss） * ========================================================================================== */ .p-footer-navbar--brand { color: hsl(0, 0%, 4%); background-color: hsl(0, 0%, 99.5%); } .p-footer-navbar__container { position: relative; padding-top: 2rem; color: hsl(0, 0%, 99.5%); } .p-footer-navbar__container::before { content: ""; position: absolute; background: hsl(222, 100%, 29%); top: 0; bottom: 0; left: calc(-1 * (100vw - 100%) / 2); right: calc(-1 * (100vw - 100%) / 2); z-index: -1; } @media print, screen and (min-width: 48em) { .p-footer-navbar__container { padding-top: 3rem; } } .p-footer-navbar__bg-image { position: absolute; left: 0; right: 0; top: -2rem; } @media print, screen and (min-width: 48em) { .p-footer-navbar__bg-image { top: -7rem; left: 2rem; } } .p-footer-navbar__row { display: block; } @media print, screen and (min-width: 48em) { .p-footer-navbar__row { display: flex; } } .p-footer-navbar__logo { --m2-footer-navbar-logo-max-height: 10rem; } .p-footer-navbar__logo :where(svg) { max-height: var(--m2-footer-navbar-logo-max-height); fill: hsl(0, 0%, 99.5%); } .p-footer-navbar__logo--ku { max-height: 3.5rem; } .p-footer-navbar__logo--ku :where(.ku-symbol), .p-footer-navbar__logo--ku :where(.ku-logotype) { fill: hsl(0, 0%, 99.5%) !important; } .p-footer-navbar__address { height: 100%; align-content: center; position: relative; margin-top: 2rem; padding-left: 5rem; font-size: 0.875rem; } .p-footer-navbar__address::before { background: hsl(0, 0%, 99.5%); height: 1px; width: 2rem; top: -1rem; left: 5rem; content: ""; position: absolute; } @media print, screen and (min-width: 48em) { .p-footer-navbar__address { padding-left: 1rem; margin-top: 0; font-size: 1rem; } .p-footer-navbar__address::before { width: 1px; top: 0; left: 0; bottom: 0; height: auto; } } .p-footer-navbar :where(#contact) { background: linear-gradient(135deg, #C8F2FF 0%, #DAF5FC 100%); padding-top: 2rem; padding-bottom: 0; margin-bottom: 3.5rem; } @media print, screen and (min-width: 48em) { .p-footer-navbar :where(#contact) { margin-bottom: 10rem; } } .p-footer-navbar :where(#contact) .c-section__header { padding-bottom: 1rem; position: relative; z-index: 1; } .p-footer-navbar :where(#contact) .c-section__header .c-title__main { font-family: "Roboto", "Outfit", "Noto Sans", Meiryo, Arial, Helvetica, sans-serif; font-weight: 100 !important; color: hsl(222, 100%, 29%); letter-spacing: 3px; line-height: 0.9; } @media print, screen and (min-width: 64em) { .p-footer-navbar :where(#contact) .c-section__header .c-title__main { font-size: 4.5rem; } } .p-footer-navbar :where(#contact) .c-section__body .c-grid-container { position: relative; z-index: 0; } .p-footer-navbar :where(#contact) .c-section__body .c-grid-container::before { content: ""; position: absolute; background: linear-gradient(0, #c8f2ff 0%, #ecfafd 100%); left: 1.5rem; bottom: -2rem; right: calc(-1 * (100vw - 100%) / 2); top: -4.5rem; z-index: -1; border-top-left-radius: 3rem; } @media print, screen and (min-width: 64em) { .p-footer-navbar :where(#contact) .c-section__body .c-grid-container::before { left: -1rem; top: -6rem; } } .p-footer-navbar :where(#contact) .c-section__body .c-grid-container .c-list-item { margin-bottom: 0; } .p-footer-copyright { font-family: "Roboto", sans-serif; color: hsl(0, 0%, 99.5%); font-size: 0.875rem; background: hsl(222, 100%, 29%); } /* ========================================================================================== * Globalnav（object/project/_globalnav.scss） * ========================================================================================== */ .p-globalnav { background-color: transparent; } @media print, screen and (min-width: 64em) { .p-globalnav__container { display: flex; } } @media print, screen and (max-width: 63.99875em) { .p-globalnav__body { padding-top: 0.5rem; padding-bottom: 0.5rem; background-color: hsl(194, 100%, 89%); flex: none; } } .p-globalnav__footer { padding-top: 0.5rem; padding-bottom: 1rem; } /* ========================================================================================== * Global Menu（object/project/_global-menu.scss） * ========================================================================================== */ .p-global-menu.dropdown .p-global-menu__menu-item:where(:not(.is-dropdown-submenu-parent)) .c-menu__icon { display: none; } .p-global-menu.dropdown .p-global-menu__menu-item:where(.is-dropdown-submenu-parent) .c-menu__icon :where(:not(.c-icon--more, .c-icon--less)) { display: none; } .p-global-menu.dropdown .p-global-menu__menu-item:where(:not(.is-active)) .c-icon--more { display: unset; } .p-global-menu.dropdown .p-global-menu__menu-item:where(.is-active) .c-icon--less { display: unset; } .p-global-menu__menu-item:where(.is-current) > :where(a) { font-weight: 600; } .p-global-menu__menu-item__link:hover { color: hsl(222, 100%, 29%) !important; opacity: 1; } /* ========================================================================================== * Footer Menu（object/project/_footer-menu.scss） * ========================================================================================== */ .p-footer-menu__menu-item.is-current > :where(a) { font-weight: 600; } /* ========================================================================================== * Mainvisual（object/project/_mainvisual.scss） * ========================================================================================== */ .p-mainvisual-section { background-image: url("./../../assets/img/home/img_mv-bg.webp"); background-repeat: no-repeat; background-size: 100vw 100%; z-index: -1; padding-top: 0; padding-bottom: 0; min-height: 18rem; max-height: 64rem; height: calc(100svh - var(--wp-admin--admin-bar--height, 0px)); } .p-mainvisual-section__body { height: 100%; } .p-mainvisual-section__container { height: 100%; } .p-mainvisual-section__bg { position: absolute; background-image: url("./../../assets/img/home/img_water.webp"); background-position: top center; width: 100vw; height: 45%; bottom: 0; left: 0; background-size: 500vw; mix-blend-mode: screen; opacity: 0.5; transform: translate3d(0, 0, 0); } @media print, screen and (min-width: 64em) { .p-mainvisual-section__bg { background-size: 300vw; width: 100vw; height: 30%; } } .p-mainvisual-section__bg-wave, .p-mainvisual-section__bg-hydr, .p-mainvisual-section__bg-white { position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%); height: 95vw; width: 95vw; background-position: center; background-repeat: no-repeat; background-size: 100%; z-index: -1; } @media print, screen and (min-width: 64em) { .p-mainvisual-section__bg-wave, .p-mainvisual-section__bg-hydr, .p-mainvisual-section__bg-white { height: 75vh; width: 75vh; top: 45%; } } .p-mainvisual-section__bg-wave { background-image: url("./../../assets/img/home/img_wave.webp"); animation: rotating-l 10s linear infinite; } .p-mainvisual-section__bg-hydr { background-image: url("./../../assets/img/home/img_hydr.webp"); animation: rotating-r 10s linear infinite; mix-blend-mode: screen; } @keyframes rotating-r { 0% { transform: translate(-50%, -50%) rotate(0deg); } 100% { transform: translate(-50%, -50%) rotate(360deg); } } @keyframes rotating-l { 0% { transform: translate(-50%, -50%) rotate(0deg); } 100% { transform: translate(-50%, -50%) rotate(-360deg); } } .p-mainvisual-section__bg-white { height: 120vw; width: 120vw; background-image: url("./../../assets/img/home/img_white.webp"); } @media print, screen and (min-width: 64em) { .p-mainvisual-section__bg-white { height: 90vh; width: 90vh; } } .p-mainvisual-section__catchphrase { text-align: center; display: flex; width: 100%; flex-direction: column; height: 100%; padding-bottom: 2rem; place-content: end; } @media print, screen and (min-width: 48em) { .p-mainvisual-section__catchphrase { padding-bottom: 0; } } .p-mainvisual-section__title { color: hsl(0, 0%, 99.5%); margin-bottom: 2rem; } @media print, screen and (min-width: 48em) { .p-mainvisual-section__title { margin-bottom: 6rem; } } .p-mainvisual-section__title .c-title__main { font-family: "Jost", sans-serif; font-weight: 700; margin-bottom: 1rem; } .p-mainvisual-section__bg-image { margin-left: -1.5rem; margin-right: -1.5rem; position: relative; } @media print, screen and (min-width: 48em) { .p-mainvisual-section__bg-image { margin: 0; width: 100%; padding-left: 2rem; } } .p-mainvisual-section__bg-image::before { background: hsl(0, 0%, 99.5%); top: 50%; bottom: calc(-1 * (2rem + 1px)); right: calc(-1 * (100vw - 100%) / 2); left: calc(-1 * (100vw - 100%) / 2); z-index: 0; content: ""; position: absolute; } .p-mainvisual-section__text-group { font-family: "Jost", sans-serif; font-weight: 500; color: #d1eaf0; } .p-mainvisual-section__text { position: absolute; } .p-mainvisual-section__text--1 { top: 18%; left: 18%; } .p-mainvisual-section__text--2 { top: 45%; left: 2%; transform: translateY(-50%); } .p-mainvisual-section__text--3 { right: 8%; top: 12%; } .p-mainvisual-section__text--4 { top: 40%; transform: translateY(-50%); right: 3%; } .p-mainvisual-section__text--5 { bottom: 20%; right: 14%; } /* ========================================================================================== * Posts Slider（object/project/_posts-slider.scss） * ========================================================================================== */ .p-posts-slider__slide { width: 0; } .p-posts-slider__dots { bottom: 0 !important; } .p-posts-slider__dots .swiper-pagination-bullet { background-color: hsl(0, 0%, 86%) !important; opacity: 1; } .p-posts-slider__dots .swiper-pagination-bullet:hover { background: linear-gradient(90deg, #7fe0ff, #00b8e7); } .p-posts-slider__dots .swiper-pagination-bullet-active { background: linear-gradient(90deg, #7fe0ff, #00b8e7); } .p-posts-slider__button-wrap { position: absolute; bottom: 1rem; left: -0.5rem; } .p-posts-slider__button { color: hsl(0, 0%, 4%); font-size: 1.5rem; } .p-posts-slider__button svg { display: none; } .p-posts-slider__button--prev { left: 0 !important; } .p-posts-slider__button--next { left: 1.5rem !important; } /* ========================================================================================== * Terms List（object/project/_terms-list.scss） * ========================================================================================== */ .p-terms-list { flex-direction: row; flex-wrap: wrap; gap: 0.125em 0.25em; line-height: 1; } /* ========================================================================================== * Pageback（object/project/_pageback.scss） * ========================================================================================== */ .p-pageback { background-color: hsl(0, 0%, 96%); padding-top: 3rem; padding-bottom: 3rem; } .p-pageback__button { font-size: 1.125em; margin-bottom: 0; } .p-pageback__button:hover .c-icon, .p-pageback__button:focus .c-icon { transform: translateX(-1rem); } .p-pageback__button .c-icon { transition: transform 0.25s ease; } /* ========================================================================================== * Topic Single（object/project/_topic-single.scss） * ========================================================================================== */ .p-fixed-breadcrumbs { color: hsl(0, 0%, 99.5%); background-color: hsl(43, 47%, 45%); } .p-fixed-breadcrumbs.is-inview .p-fixed-breadcrumbs__container { position: relative; } .p-fixed-breadcrumbs:where(:not(.is-inview)) .p-fixed-breadcrumbs__container { position: fixed; left: 0; right: 0; bottom: 0; padding-top: inherit; padding-bottom: inherit; transition-duration: 0.25s; transition-timing-function: ease-out; transition-property: translate; z-index: 1; } .p-fixed-breadcrumbs:where(:not(.is-inview)) .p-fixed-breadcrumbs__container::before { content: ""; position: absolute; display: block; top: 0; left: calc((100% - 100vw) / 2); right: calc((100% - 100vw) / 2); bottom: 0; background-color: inherit; z-index: -1; } body:where(:not(.is-scrolled)) .p-fixed-breadcrumbs:where(:not(.is-inview)) .p-fixed-breadcrumbs__container { translate: 0 100%; } .p-fixed-breadcrumbs__container { background-color: inherit; } .p-fixed-breadcrumbs__list { flex-grow: 1; color: inherit; font-size: 0.875rem; font-weight: 500; } .p-fixed-breadcrumbs__list li { color: inherit; font-size: inherit; } .p-fixed-breadcrumbs__list li::after { color: inherit; } .p-fixed-breadcrumbs__list a { color: inherit; } .p-fixed-breadcrumbs__pagetop { color: inherit; display: flex; align-items: center; } .p-fixed-breadcrumbs__pagetop:hover, .p-fixed-breadcrumbs__pagetop :focus { color: inherit; } .p-fixed-breadcrumbs__pagetop svg .pagetop-rect { fill: transparent; } .p-fixed-breadcrumbs__pagetop svg .pagetop-polyline { stroke: currentColor; } /* ========================================================================================== * Home（object/project/_home-page.scss） * ========================================================================================== */ /* ========================================================================================== * Sitemap（object/project/_sitemap.scss） * ========================================================================================== */ .p-sitemap-page__list { display: block; -moz-column-count: 1; column-count: 1; -moz-column-gap: 2rem; column-gap: 2rem; } @media print, screen and (min-width: 48em) { .p-sitemap-page__list { -moz-column-count: 2; column-count: 2; } } .p-sitemap-page__list li { padding-top: 0.5em; padding-bottom: 0.5em; } .p-sitemap-page__list li:last-child { padding-top: 0; padding-bottom: 0; } .p-sitemap-page__list a { color: hsl(0, 0%, 4%); } .p-sitemap-page__list a:hover, .p-sitemap-page__list a:focus { opacity: 1; color: hsl(43, 47%, 45%); } .p-sitemap-page__list :where(ul) { margin-left: 1rem; position: relative; -moz-column-break-inside: avoid; break-inside: avoid-column; } .p-sitemap-page__list :where(ul)::before { content: ""; background: hsl(0, 0%, 48%); width: 1px; top: 0.5em; bottom: 0.2em; left: 0; position: absolute; } .p-sitemap-page__list :where(ul) li { padding-top: 0; padding-bottom: 0; } .p-sitemap-page__list :where(ul) .c-title--square::before { content: none; } .p-sitemap-page__list :where(ul) :where(ul)::before { content: none; } .p-sitemap-page__list .c-title { font-weight: normal; margin-bottom: 0.5em; } /* ========================================================================================== * Home Article（object/project/_home-article.scss） * ========================================================================================== */ .p-home-article__layout { max-width: none; } .p-home-article__section :where(.c-section__header) { padding-bottom: 2rem; } @media print, screen and (min-width: 64em) { .p-home-article__section :where(.c-section__header) { padding-bottom: 4rem; } } .p-home-article__section :where(.c-section__header) .c-title__main { font-family: "Roboto", "Outfit", "Noto Sans", Meiryo, Arial, Helvetica, sans-serif; font-weight: 100 !important; color: hsl(222, 100%, 29%); letter-spacing: 3px; line-height: 0.9; } @media print, screen and (min-width: 64em) { .p-home-article__section :where(.c-section__header) .c-title__main { font-size: 4.5rem; } } .p-home-article__section :where(.c-section__header) .c-title__main { position: relative; } .p-home-article__section :where(.c-section__header) .c-title__main::before { content: ""; position: absolute; background-image: url("./../../assets/img/common/img_title-main.webp"); background-repeat: no-repeat; background-size: contain; height: 8rem; width: 8rem; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1; } @media print, screen and (min-width: 64em) { .p-home-article__section :where(.c-section__header) .c-title__main::before { height: 10rem; width: 10rem; } } .p-home-article__section:where(#about) .c-section__body .c-grid-container { position: relative; } .p-home-article__section:where(#about) .c-section__body .c-grid-container::before { content: ""; position: absolute; opacity: 0.15; background-image: url("./../../assets/img/home/img_about-bg-sp.webp"); background-repeat: no-repeat; background-size: contain; top: 3rem; left: 0; right: 0; bottom: -4rem; background-position: top center; z-index: -1; } @media print, screen and (min-width: 48em) { .p-home-article__section:where(#about) .c-section__body .c-grid-container::before { background-image: url("./../../assets/img/home/img_about-bg.webp"); left: -1rem; right: -1rem; transform: initial; background-position: center; min-width: 30rem; min-height: 30rem; top: 0; } } .p-home-article__section:where(#about) .c-section__body .c-grid-container .c-title { color: hsl(222, 100%, 29%); } .p-home-article__section:where(#about) .c-section__body .c-grid-container .is-cell-6-for-medium, .p-home-article__section:where(#about) .c-section__body .c-grid-container .is-cell-auto { margin: auto; } .p-home-article__section:where(#topics) :where(.c-section__header) { padding-bottom: 2rem; } .p-home-article__section:where(#topics) :where(.c-section__header) .c-title { display: flex; align-items: baseline; } .p-home-article__section:where(#topics) :where(.c-section__header) .c-title__main { font-family: "Noto Sans JP", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, Arial, Helvetica, sans-serif; font-weight: 600 !important; color: hsl(0, 0%, 4%); letter-spacing: 0; font-size: inherit; } .p-home-article__section:where(#topics) :where(.c-section__header) .c-title__main::before { content: none; } .p-home-article__section:where(#topics) :where(.c-section__header) .c-title__sub { margin-left: 0.5em; } .p-home-article__section:where(#topics) :where(.c-section__body) .p-posts-slider__wrapper .p-posts-slider__slide { position: relative; } .p-home-article__section:where(#topics) :where(.c-section__body) .p-posts-slider__wrapper .p-posts-slider__slide::before { content: ""; top: 0; bottom: 1px; right: -1rem; width: 1px; background: rgba(0, 44.37, 147.9, 0.3); position: absolute; } @media print, screen and (min-width: 48em) { .p-home-article__section:where(#topics) :where(.c-section__body) .p-posts-slider__wrapper .p-posts-slider__slide::before { right: -2rem; } } .p-home-article__section:where(#topics) :where(.c-section__body) .p-posts-slider__wrapper .p-posts-slider__slide:nth-child(3n)::before, .p-home-article__section:where(#topics) :where(.c-section__body) .p-posts-slider__wrapper .p-posts-slider__slide:last-child::before { content: none; } .p-home-article__section:where(#logo) { padding-top: 0; } .p-home-article__section:where(#logo) .c-section__body .c-grid-list > div { padding: 2rem; border: 3px solid hsl(0, 0%, 96%); } @media print, screen and (min-width: 80em) { .p-home-article__section:where(#logo) .c-section__body .c-grid-list > div { max-width: 24rem; } } .p-home-article__section:where(#contact) { background: linear-gradient(135deg, #C8F2FF 0%, #DAF5FC 100%); padding-top: 2rem; } .p-home-article__section:where(#contact) .c-section__header { padding-bottom: 1rem; position: relative; z-index: 1; } .p-home-article__section:where(#contact) .c-section__header .c-title__main::before { content: none; } .p-home-article__section:where(#contact) .c-section__body .c-grid-container { position: relative; z-index: 0; } .p-home-article__section:where(#contact) .c-section__body .c-grid-container::before { content: ""; position: absolute; background: linear-gradient(0, #c8f2ff 0%, #ecfafd 100%); left: 1.5rem; bottom: -2rem; right: calc(-1 * (100vw - 100%) / 2); top: -4.5rem; z-index: -1; border-top-left-radius: 3rem; } @media print, screen and (min-width: 48em) { .p-home-article__section:where(#contact) .c-section__body .c-grid-container::before { left: -1rem; top: -6rem; } } .p-home-article__section:where(#contact) .c-section__body .c-grid-container .c-list-item { margin-bottom: 0; } .p-home-article__inner-section :where(.c-inner-section__header) .c-title--inner-section-title .c-title__main { font-weight: bold; position: relative; padding-left: 1.75em; } .p-home-article__inner-section :where(.c-inner-section__header) .c-title--inner-section-title .c-title__main::before { content: ""; position: absolute; top: -0.1em; left: 0; width: 1.5em; height: 1.5em; z-index: -1; background-size: contain; background-image: url("./../../assets/img/common/img_title-sub.webp"); background-position: center; background-repeat: no-repeat; } .p-home-article__inner-section .c-inner-section__bg { background-color: hsl(0, 0%, 96%); padding: 1rem; } .p-home-article__inner-section:where(#department) .c-image { width: 80%; margin: 0 auto -1rem; } @media print, screen and (min-width: 48em) { .p-home-article__inner-section:where(#department) .c-image { width: 90%; margin: 0 auto; } } .p-home-article__inner-section:where(#global) .c-image--bg { position: absolute; bottom: 0; right: -1rem; left: -1rem; z-index: -1; opacity: 0.2; } @media print, screen and (min-width: 64em) { .p-home-article__inner-section:where(#global) .c-image--bg { top: -2rem; right: 0; left: 50%; max-width: 52rem; transform: translateX(-50%); width: 90%; } } .p-home-article__inner-section:where(#global) .c-image--advisor { margin: 0 auto -1rem; } @media print, screen and (min-width: 48em) { .p-home-article__inner-section:where(#global) .c-image--advisor { margin: 0 0 0 -1rem; } } /*# sourceMappingURL=style.css.map*/