RubyGems - yattho_view_components - Versions diffs - 0.0.1 → 0.1.1 - Mend

yattho_view_components 0.0.1 → 0.1.1

Files changed (447) hide show

data/app/assets/styles/yattho_view_components.css.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../components/yattho/yattho.pcss","../../components/yattho/alpha/action_list.pcss","../../../lib/postcss_mixins/activeIndicatorLine.pcss","../../components/yattho/alpha/auto_complete.pcss","../../../lib/postcss_mixins/focusBoxShadowInset.pcss","../../components/yattho/alpha/banner.pcss","../../components/yattho/alpha/dialog.pcss","../../components/yattho/alpha/dropdown.pcss","../../components/yattho/alpha/layout.pcss","../../components/yattho/alpha/tab_nav.pcss","../../components/yattho/alpha/text_field.pcss","<no source>","../../../lib/postcss_mixins/focusOutline.pcss","../../components/yattho/alpha/button_marketing.pcss","../../components/yattho/alpha/toggle_switch.pcss","../../components/yattho/alpha/underline_nav.pcss","../../components/yattho/alpha/segmented_control.pcss","../../components/yattho/alpha/menu.pcss","../../components/yattho/beta/avatar.pcss","../../components/yattho/beta/avatar_stack.pcss","../../components/yattho/beta/border_box.pcss","../../components/yattho/beta/blankslate.pcss","../../components/yattho/beta/breadcrumbs.pcss","../../components/yattho/beta/button.pcss","../../../lib/postcss_mixins/focusOutlineOnEmphasis.pcss","../../components/yattho/beta/counter.pcss","../../components/yattho/beta/flash.pcss","../../components/yattho/beta/label.pcss","../../components/yattho/beta/link.pcss","../../components/yattho/beta/popover.pcss","../../components/yattho/beta/progress_bar.pcss","../../components/yattho/beta/state.pcss","../../components/yattho/beta/subhead.pcss","../../components/yattho/beta/truncate.pcss","../../components/yattho/beta/timeline_item.pcss","../../components/yattho/truncate.pcss"],"names":[],"mappings":"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","file":"yattho_view_components.css","sourcesContent":["/* CSS component styles here /\n\n/ alpha /\n@import \"./alpha/action_list.pcss\";\n@import \"./alpha/auto_complete.pcss\";\n@import \"./alpha/banner.pcss\";\n@import \"./alpha/dialog.pcss\";\n@import \"./alpha/dropdown.pcss\";\n@import \"./alpha/layout.pcss\";\n@import \"./alpha/tab_nav.pcss\";\n@import \"./alpha/text_field.pcss\";\n@import \"./alpha/button_marketing.pcss\";\n@import \"./alpha/toggle_switch.pcss\";\n@import \"./alpha/underline_nav.pcss\";\n@import \"./alpha/segmented_control.pcss\";\n@import \"./alpha/menu.pcss\";\n\n/ beta /\n@import \"./beta/avatar.pcss\";\n@import \"./beta/avatar_stack.pcss\";\n@import \"./beta/border_box.pcss\";\n@import \"./beta/blankslate.pcss\";\n@import \"./beta/breadcrumbs.pcss\";\n@import \"./beta/button.pcss\";\n@import \"./beta/counter.pcss\";\n@import \"./beta/flash.pcss\";\n@import \"./beta/label.pcss\";\n@import \"./beta/link.pcss\";\n@import \"./beta/popover.pcss\";\n@import \"./beta/progress_bar.pcss\";\n@import \"./beta/state.pcss\";\n@import \"./beta/subhead.pcss\";\n@import \"./beta/truncate.pcss\";\n\n/ to be renamed /\n@import \"./beta/timeline_item.pcss\";\n@import \"./truncate.pcss\";",":root {\n --yattho-actionListContent-paddingBlock: var(--yattho-control-medium-paddingBlock, 6px);\n}\n\n/ ActionList /\n\n/ <ul> /\n.ActionListWrap {\n list-style: none;\n}\n\n.ActionListWrap--inset {\n padding: var(--base-size-8, 8px);\n}\n\n/ list dividers /\n\n.ActionListWrap--divided {\n & .ActionListItem-label::before {\n position: absolute;\n top: calc(-1 var(--yattho-actionListContent-paddingBlock));\n display: block;\n width: 100%;\n height: 1px;\n content: '';\n background: var(--color-action-list-item-inline-divider);\n }\n\n /* if descriptionWrap--inline exists, move pseudo divider to wrapper /\n & .ActionListItem-descriptionWrap--inline {\n &::before {\n position: absolute;\n top: calc(-1 var(--yattho-actionListContent-paddingBlock));\n display: block;\n width: 100%;\n height: var(--yattho-borderWidth-thin, 1px);\n content: '';\n background: var(--color-action-list-item-inline-divider);\n }\n\n /* unset the default label pseudo /\n & .ActionListItem-label::before {\n content: unset;\n }\n }\n\n / hide divider if item is active /\n & .ActionListItem--navActive {\n & .ActionListItem-label::before,\n & + .ActionListItem .ActionListItem-label::before {\n visibility: hidden;\n }\n }\n}\n\n/ hide if item is first of type with label::before, or is the first item after a sectionDivider /\n.ActionListItem:first-of-type .ActionListItem-label::before,\n.ActionList-sectionDivider + .ActionListItem .ActionListItem-label::before {\n visibility: hidden;\n}\n\n/ hide if item is first of type with label::before, or is the first item after a sectionDivider /\n.ActionListItem:first-of-type .ActionListItem-descriptionWrap--inline::before,\n.ActionList-sectionDivider + .ActionListItem .ActionListItem-descriptionWrap--inline::before {\n visibility: hidden;\n}\n\n/ ActionList::Item /\n\n.ActionListItem {\n position: relative;\n list-style: none;\n background-color: transparent;\n border-radius: var(--yattho-borderRadius-medium, 6px);\n\n / state /\n\n &:hover,\n &:active {\n cursor: pointer;\n }\n\n / hide dividers /\n @media (hover: hover) {\n &:hover {\n & .ActionListItem-label::before,\n & + .ActionListItem .ActionListItem-label::before {\n visibility: hidden;\n }\n\n & .ActionListItem-descriptionWrap--inline::before,\n & + .ActionListItem .ActionListItem-descriptionWrap--inline::before {\n visibility: hidden;\n }\n }\n }\n\n / Make sure that the first visible item isn't a divider /\n &[hidden] + .ActionList-sectionDivider {\n display: none;\n }\n\n / collapse styles here /\n &.ActionListItem--hasSubItem {\n / first child /\n & > .ActionListContent {\n z-index: 1;\n\n @media (hover: hover) {\n &:hover {\n background-color: var(--color-action-list-item-default-hover-bg);\n }\n }\n\n &:active {\n background-color: var(--color-action-list-item-default-active-bg);\n }\n }\n }\n\n / only hover li without list as children /\n &:not(.ActionListItem--hasSubItem),\n / target contents of first child li if sub-item (li wraps item label + nested ul) /\n &.ActionListItem--hasSubItem > .ActionListContent {\n @media (hover: hover) {\n &:hover {\n cursor: pointer;\n background-color: var(--color-action-list-item-default-hover-bg);\n\n &:not(.ActionListItem--navActive, :focus-visible) {\n / Support for \"Windows high contrast mode\" /\n outline: solid var(--yattho-borderWidth-thin, 1px) transparent;\n outline-offset: calc(-1 var(--yattho-borderWidth-thin, 1px));\n box-shadow: var(--yattho-borderInset-thin, 1px) var(--color-action-list-item-default-active-border);\n }\n }\n }\n\n &:active {\n background: var(--color-action-list-item-default-active-bg);\n\n &:not(.ActionListItem--navActive) {\n /* Support for \"Windows high contrast mode\" https:sarahmhigley.com/writing/whcm-quick-tips/ /\n outline: solid var(--yattho-borderWidth-thin, 1px) transparent;\n outline-offset: calc(-1 var(--yattho-borderWidth-thin, 1px));\n box-shadow: var(--yattho-borderInset-thin, 1px) var(--color-action-list-item-default-active-border);\n }\n\n & .ActionListItem-label::before,\n & + .ActionListItem .ActionListItem-label::before {\n visibility: hidden;\n }\n }\n }\n\n /\n checkbox item [aria-checked]\n * listbox [aria-selected]\n /\n &[aria-checked='true'],\n &[aria-selected='true'] {\n / multiselect checkmark /\n & .ActionListItem-multiSelectCheckmark {\n visibility: visible;\n opacity: 1;\n transition: visibility 0 linear 0, opacity 50ms;\n }\n\n / singleselect checkmark /\n & .ActionListItem-singleSelectCheckmark {\n visibility: visible;\n\n @media screen and (prefers-reduced-motion: no-preference) {\n animation: checkmarkIn 200ms cubic-bezier(0.11, 0, 0.5, 0) forwards;\n }\n }\n\n / checkbox /\n & .ActionListItem-multiSelectIcon {\n & .ActionListItem-multiSelectIconRect {\n fill: var(--color-accent-fg);\n stroke: var(--color-accent-fg);\n stroke-width: var(--yattho-borderWidth-thin, 1px);\n }\n\n & .ActionListItem-multiSelectCheckmark {\n fill: var(--color-fg-on-emphasis);\n }\n }\n }\n\n &[aria-checked='false'],\n &[aria-selected='false'] {\n / multiselect checkmark /\n & .ActionListItem-multiSelectCheckmark {\n visibility: hidden;\n opacity: 0;\n transition: visibility 0 linear 50ms, opacity 50ms;\n }\n\n / singleselect checkmark /\n & .ActionListItem-singleSelectCheckmark {\n visibility: hidden;\n transition: visibility 0s linear 200ms;\n clip-path: inset(16px 0 0 0);\n\n @media screen and (prefers-reduced-motion: no-preference) {\n animation: checkmarkOut 200ms cubic-bezier(0.11, 0, 0.5, 0) forwards;\n }\n }\n\n / checkbox /\n & .ActionListItem-multiSelectIcon {\n & .ActionListItem-multiSelectIconRect {\n fill: var(--color-canvas-default);\n stroke: var(--color-border-default);\n stroke-width: var(--yattho-borderWidth-thin, 1px);\n }\n }\n\n & .ActionListItem-multiSelectIconRect {\n fill: var(--color-canvas-default);\n border: var(--yattho-borderWidth-thin, 1px) solid var(--color-border-default);\n }\n }\n\n @keyframes checkmarkIn {\n from {\n clip-path: inset(16px 0 0 0);\n }\n\n to {\n clip-path: inset(0 0 0 0);\n }\n }\n\n @keyframes checkmarkOut {\n from {\n clip-path: inset(0 0 0 0);\n }\n\n to {\n clip-path: inset(16px 0 0 0);\n }\n }\n\n / Autocomplete [aria-selected] items /\n\n &[aria-selected='true'] {\n font-weight: var(--base-text-weight-normal, 400);\n background: var(--color-action-list-item-default-selected-bg);\n\n @media (hover: hover) {\n &:hover {\n background-color: var(--color-action-list-item-default-hover-bg);\n }\n }\n\n &::before,\n & + .ActionListItem::before {\n visibility: hidden;\n }\n\n / blue accent line /\n\n &::after {\n @mixin activeIndicatorLine calc(-1 var(--base-size-4, 4px));\n }\n }\n\n /* active state [aria-current] /\n\n &.ActionListItem--navActive {\n &:not(.ActionListItem--subItem) {\n & .ActionListItem-label {\n font-weight: var(--base-text-weight-semibold, 600);\n }\n }\n\n &:not(.ActionListItem--danger) {\n background: var(--color-action-list-item-default-selected-bg);\n\n @media (hover: hover) {\n &:hover {\n background-color: var(--color-action-list-item-default-hover-bg);\n }\n }\n\n &::before,\n & + .ActionListItem::before {\n visibility: hidden;\n }\n\n / blue accent line /\n &::after {\n @mixin activeIndicatorLine;\n }\n }\n }\n\n / disabled /\n\n &[aria-disabled='true'] {\n & .ActionListContent {\n & .ActionListItem-label,\n & .ActionListItem-description {\n color: var(--color-yattho-fg-disabled);\n }\n\n & .ActionListItem-visual {\n fill: var(--color-yattho-fg-disabled);\n }\n }\n\n @media (hover: hover) {\n &:hover {\n cursor: not-allowed;\n background-color: transparent;\n }\n }\n }\n\n / variants /\n\n / danger /\n &.ActionListItem--danger {\n & .ActionListItem-label {\n color: var(--color-danger-fg);\n }\n\n & .ActionListItem-visual {\n color: var(--color-danger-fg);\n }\n\n @media (hover: hover) {\n &:hover {\n background: var(--color-action-list-item-danger-hover-bg);\n\n & .ActionListItem-label {\n color: var(--color-action-list-item-danger-hover-text);\n }\n }\n }\n\n & .ActionListContent {\n &:active {\n background: var(--color-action-list-item-danger-active-bg);\n }\n }\n }\n}\n\n/ button or a href /\n.ActionListContent {\n position: relative;\n display: grid;\n width: 100%;\n padding-block: var(--yattho-actionListContent-paddingBlock);\n padding-inline: var(--yattho-control-medium-paddingInline-condensed, 8px);\n color: var(--color-fg-default);\n text-align: left;\n user-select: none;\n background-color: transparent;\n border: none;\n border-radius: var(--yattho-borderRadius-medium, 6px);\n transition: background 33.333ms linear;\n touch-action: manipulation;\n -webkit-tap-highlight-color: transparent;\n grid-template-rows: min-content;\n grid-template-areas: 'leadingAction leadingVisual label trailingVisual trailingAction';\n grid-template-columns: min-content min-content minmax(0, auto) min-content min-content;\n align-items: start;\n\n / column-gap persists with empty grid-areas, margin applies only when children exist /\n & > :not(:last-child) {\n margin-right: var(--yattho-control-medium-gap, 8px);\n }\n\n / state /\n\n &:hover {\n text-decoration: none;\n }\n\n / disabled /\n &[aria-disabled='true'] {\n & .ActionListItem-label,\n & .ActionListItem-description {\n color: var(--color-yattho-fg-disabled);\n }\n\n & .ActionListItem-visual {\n fill: var(--color-yattho-fg-disabled);\n }\n\n @media (hover: hover) {\n &:hover {\n cursor: not-allowed;\n background-color: transparent;\n }\n }\n }\n\n / collapsible item [aria-expanded] /\n\n / nesting (single level)\n target items inside expanded subgroups /\n &[aria-expanded] {\n & + .ActionList--subGroup {\n @media screen and (prefers-reduced-motion: no-preference) {\n transition: opacity 160ms cubic-bezier(0.25, 1, 0.5, 1), transform 160ms cubic-bezier(0.25, 1, 0.5, 1);\n }\n\n & .ActionListContent {\n padding-left: var(--base-size-24, 24px);\n }\n }\n\n / has 16px leading visual /\n &.ActionListContent--visual16 + .ActionList--subGroup {\n & .ActionListContent {\n padding-left: var(--base-size-32, 32px);\n }\n }\n\n / has 20px leading visual /\n &.ActionListContent--visual20 + .ActionList--subGroup {\n & .ActionListContent {\n padding-left: var(--base-size-36, 36px);\n }\n }\n\n / has 24px leading visual /\n &.ActionListContent--visual24 + .ActionList--subGroup {\n & .ActionListContent {\n padding-left: var(--base-size-40, 40px);\n }\n }\n }\n\n &[aria-expanded='true'] {\n & .ActionListItem-collapseIcon {\n transition: transform 120ms linear;\n transform: scaleY(-1);\n }\n\n & + .ActionList--subGroup {\n height: auto;\n overflow: visible;\n visibility: visible;\n opacity: 1;\n transform: translateY(0);\n }\n\n &.ActionListContent--hasActiveSubItem {\n & > .ActionListItem-label {\n font-weight: var(--base-text-weight-semibold, 600);\n }\n }\n }\n\n &[aria-expanded='false'] {\n & .ActionListItem-collapseIcon {\n transition: transform 120ms linear;\n transform: scaleY(1);\n }\n\n & + .ActionList--subGroup {\n height: 0;\n overflow: hidden;\n visibility: hidden;\n opacity: 0;\n transform: translateY(calc(-1 var(--base-size-16, 16px)));\n }\n\n /* show active indicator on parent collapse if child is active /\n &.ActionListContent--hasActiveSubItem {\n background: var(--color-action-list-item-default-selected-bg);\n\n & .ActionListItem-label {\n font-weight: var(--base-text-weight-semibold, 600);\n }\n\n &::before,\n & + .ActionListItem::before {\n visibility: hidden;\n }\n\n / blue accent line /\n &::after {\n @mixin activeIndicatorLine;\n }\n }\n }\n\n / sizes /\n\n &.ActionListContent--sizeLarge {\n --yattho-actionListContent-paddingBlock: var(--yattho-control-large-paddingBlock, calc((2.5rem - 1.25rem) / 2));\n }\n\n &.ActionListContent--sizeXLarge {\n --yattho-actionListContent-paddingBlock: var(--yattho-control-xlarge-paddingBlock, calc((3rem - 1.25rem) / 2));\n }\n\n / On pointer:coarse (mobile), all list items are large /\n @media (pointer: coarse) {\n --yattho-actionListContent-paddingBlock: var(--yattho-control-large-paddingBlock, calc((2.5rem - 1.25rem) / 2));\n }\n\n &.ActionListContent--blockDescription {\n / if leading/trailing visual, align with first line of content /\n & .ActionListItem-visual {\n place-self: start;\n }\n }\n}\n\n/ place children on grid /\n\n.ActionListItem-action--leading {\n grid-area: leadingAction;\n}\n\n.ActionListItem-visual--leading {\n grid-area: leadingVisual;\n}\n\n.ActionListItem-visual--trailing {\n grid-area: trailingVisual;\n}\n\n.ActionListItem-action--trailing {\n grid-area: trailingAction;\n}\n\n/ wrapper span\n default block /\n.ActionListItem-descriptionWrap {\n grid-area: label;\n display: flex;\n flex-direction: column;\n gap: var(--base-size-4, 4px);\n\n & .ActionListItem-label {\n font-weight: var(--base-text-weight-semibold, 600);\n }\n}\n\n/ inline /\n.ActionListItem-descriptionWrap--inline {\n position: relative;\n flex-direction: row;\n align-items: baseline;\n gap: var(--base-size-8, 8px);\n}\n\n/ description /\n.ActionListItem-description {\n font-size: var(--yattho-text-body-size-small, 12px);\n font-weight: var(--base-text-weight-normal, 400);\n line-height: var(--yattho-text-body-lineHeight-small, calc(20 / 12));\n color: var(--color-fg-muted);\n}\n\n/ helper for grid alignment with multi-line content\n span wrapping svg or text /\n.ActionListItem-visual,\n.ActionListItem-action {\n display: flex;\n min-height: var(--yattho-control-medium-lineBoxHeight, 20px);\n color: var(--color-fg-muted);\n pointer-events: none;\n fill: var(--color-fg-muted);\n align-items: center;\n}\n\n/ text /\n.ActionListItem-label {\n position: relative;\n font-size: var(--yattho-text-body-size-medium, 14px);\n font-weight: var(--base-text-weight-normal, 400);\n line-height: var(--yattho-text-body-lineHeight-medium, calc(20 / 14));\n color: var(--color-fg-default);\n grid-area: label;\n}\n\n.ActionListItem-label--truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n/ nested lists (only supports 1 level currently)\n target ActionListItem--subItem for padding-left to maintain :active :after state /\n\n.ActionListItem--subItem > .ActionListContent > .ActionListItem-label {\n font-size: var(--yattho-text-body-size-small, 12px);\n line-height: var(--yattho-text-body-lineHeight-small, calc(20 / 12));\n}\n\n/ trailing action icon button /\n\n.ActionListItem--withActions {\n display: flex;\n flex-wrap: nowrap;\n align-items: center;\n}\n\n.ActionListItem-trailingAction {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n/ show trailing action button on hover /\n\n.ActionListItem--trailingActionHover {\n & .ActionListItem-trailingAction {\n visibility: hidden;\n }\n\n &:hover,\n &:focus-within {\n & .ActionListItem-trailingAction {\n visibility: visible;\n }\n }\n}\n\n/ ActionList::Divider /\n\n.ActionList-sectionDivider {\n / with children /\n &:not(:empty) {\n display: flex;\n padding-inline: var(--yattho-actionListContent-paddingBlock);\n padding-block: var(--base-size-8, 8px);\n font-size: var(--yattho-text-body-size-small, 12px);\n line-height: var(--yattho-text-body-lineHeight-small, calc(20 / 12));\n font-weight: var(--base-text-weight-semibold, 600);\n color: var(--color-fg-muted);\n flex-direction: column;\n }\n\n / no children /\n &:empty {\n display: block;\n height: var(--yattho-borderWidth-thin, 1px);\n padding: 0;\n margin-block-start: calc(var(--base-size-8, 8px) - var(--yattho-borderWidth-thin, 1px));\n margin-block-end: var(--base-size-8, 8px);\n margin-inline: calc(-1 var(--base-size-8, 8px));\n list-style: none;\n background: var(--color-action-list-item-inline-divider);\n border: 0;\n }\n\n & .ActionList-sectionDivider-title {\n font-size: var(--yattho-text-body-size-small, 12px);\n font-weight: var(--base-text-weight-semibold, 600);\n color: var(--color-fg-muted);\n }\n}\n\n.ActionList-sectionDivider--filled {\n margin-block-start: calc(var(--base-size-8, 8px) - var(--yattho-borderWidth-thin, 1px));\n margin-block-end: var(--base-size-8, 8px);\n margin-inline: calc(-1 * var(--base-size-8, 8px));\n background: var(--color-canvas-subtle);\n border-top: solid var(--yattho-borderWidth-thin, 1px) var(--color-action-list-item-inline-divider);\n border-bottom: solid var(--yattho-borderWidth-thin, 1px) var(--color-action-list-item-inline-divider);\n\n /* if no children, treat as divider /\n &:empty {\n height: var(--base-size-8, 8px);\n box-sizing: border-box;\n }\n\n &:first-child {\n margin-block-start: 0;\n }\n}","/ active indicator line for navlist items /\n@define-mixin activeIndicatorLine $padding-left: calc(-1 var(--base-size-8, 8px)) {\n position: absolute;\n top: calc(50% - 12px);\n left: $padding-left;\n width: var(--base-size-4, 4px);\n height: var(--base-size-24, 24px);\n content: '';\n background: var(--color-accent-fg);\n border-radius: var(--yattho-borderRadius-medium, 6px);\n}","/* autocomplete /\n\n/ This file can be deprecated when AutoComplete is upstreamed to YVC + rolled out to dotcom https://github.com/github/yattho/issues/796\n** AutoComplete relies on FormControl, Overlay and ActionList CSS /\n\n/ Stacked label (default) /\n.autocomplete-label-stacked {\n display: block;\n margin-bottom: 6px;\n}\n\n/ Inline label (non-default) /\n.autocomplete-label-inline {\n display: inline;\n margin-right: 6px;\n}\n\n/ Switch to stacked at smaller viewport /\n@media (max-width: 543.98px) {\n .autocomplete-label-inline {\n display: block;\n margin-bottom: 6px;\n }\n}\n\n/ Wrapper for the input and result elements to ensure alignment /\n.autocomplete-body {\n position: relative;\n display: inline;\n}\n\n/ Wrapper and conditional styles for when an icon is added /\n.autocomplete-embedded-icon-wrap {\n display: inline-flex;\n padding: 4px 8px;\n align-items: center;\n\n &:focus-within {\n border-color: var(--color-accent-fg);\n\n @mixin focusBoxShadowInset;\n }\n\n & .form-control {\n padding: 0;\n margin-left: 8px;\n border: none;\n box-shadow: none;\n\n &:focus {\n box-shadow: none;\n }\n\n &:focus-visible {\n box-shadow: none;\n }\n }\n}\n\n/ A pop up list of items used to show autocompleted results /\n.autocomplete-results {\n position: absolute;\n left: 0;\n z-index: 99;\n width: max-content;\n min-width: 100%;\n max-height: 20em;\n overflow-y: auto;\n font-size: 13px;\n list-style: none;\n background: var(--color-canvas-overlay);\n border: var(--yattho-borderWidth-thin, 1px) solid var(--color-border-default);\n border-radius: var(--yattho-borderRadius-medium, 6px);\n box-shadow: var(--color-shadow-medium);\n}\n\n/ One of the items that appears within an autocomplete group\n** Bold black text on white background /\n\n.autocomplete-item {\n display: block;\n width: 100%;\n padding: 4px 8px;\n overflow: hidden;\n font-weight: var(--base-text-weight-semibold, 600);\n color: var(--color-fg-default);\n text-align: left;\n text-decoration: none;\n text-overflow: ellipsis;\n white-space: nowrap;\n cursor: pointer;\n background-color: var(--color-canvas-overlay);\n border: 0;\n\n &:hover {\n color: var(--color-fg-on-emphasis);\n text-decoration: none;\n background-color: var(--color-accent-emphasis);\n\n / Inherit color on all child elements to ensure enough contrast /\n & {\n color: inherit !important;\n }\n }\n\n &.selected,\n &[aria-selected='true'],\n &.navigation-focus {\n color: var(--color-fg-on-emphasis);\n text-decoration: none;\n background-color: var(--color-accent-emphasis);\n\n /* Inherit color on all child elements to ensure enough contrast /\n & {\n color: inherit !important;\n }\n }\n}","/* inset box-shadow for form controls /\n@define-mixin focusBoxShadowInset $outlineWidth: 1px, $outlineColor: var(--color-accent-fg) {\n border-color: var(--color-accent-fg);\n outline: none;\n box-shadow: inset 0 0 0 $outlineWidth $outlineColor;\n}","/ Banner alert /\n\n.Banner {\n position: relative;\n display: grid;\n padding: var(--base-size-8, 8px);\n color: var(--color-fg-default);\n background-image: linear-gradient(var(--color-accent-subtle), var(--color-accent-subtle));\n border: var(--yattho-borderWidth-thin, max(1px, 0.0625rem)) solid var(--color-accent-muted);\n border-radius: var(--yattho-borderRadius-medium, 6px);\n grid-auto-flow: column;\n grid-template-areas: 'visual message actions close';\n grid-template-columns: min-content 1fr minmax(0,auto) min-content;\n grid-template-rows: min-content;\n\n / `sm` breakpoint variantion /\n @media (max-width: 543.98px) {\n grid-template-areas:\n 'visual message close'\n '. actions actions';\n grid-template-columns: min-content 1fr min-content;\n grid-template-rows: min-content min-content;\n\n & .Banner-actions {\n margin: var(--base-size-8, 8px) 0 0 var(--base-size-8, 8px);\n }\n }\n\n / Elements /\n\n & .Banner-visual {\n display: grid;\n padding: var(--base-size-6, 6px) var(--base-size-8, 8px);\n grid-area: visual;\n align-self: start;\n\n & > .octicon {\n margin-block: calc(var(--base-size-4, 4px) / 2);\n }\n\n & > {\n align-self: center;\n }\n }\n\n & .Banner-message {\n padding: var(--base-size-6, 6px) var(--base-size-8, 8px);\n grid-area: message;\n align-self: center;\n\n & p:last-child {\n margin-bottom: 0;\n }\n\n & .Banner-title:not(:only-child) {\n margin-bottom: 0;\n font-weight: var(--base-text-weight-semibold, 600);\n }\n }\n\n & .Banner-actions {\n grid-area: actions;\n\n &:last-child {\n align-self: center;\n }\n }\n\n /* is this used anywhere? could not find any use, but unsure /\n & .Banner-close {\n grid-area: close;\n margin-left: var(--yattho-controlStack-medium-gap-condensed, 8px);\n }\n\n & .Banner-visual .octicon {\n color: var(--color-accent-fg);\n }\n\n &.Banner--warning {\n color: var(--color-fg-default);\n background-image: linear-gradient(var(--color-attention-subtle), var(--color-attention-subtle));\n border-color: var(--color-attention-muted);\n\n & .Banner-visual .octicon {\n color: var(--color-attention-fg);\n }\n }\n\n &.Banner--error {\n color: var(--color-fg-default);\n background-image: linear-gradient(var(--color-danger-subtle), var(--color-danger-subtle));\n border-color: var(--color-danger-muted);\n\n & .Banner-visual .octicon {\n color: var(--color-danger-fg);\n }\n }\n\n &.Banner--success {\n color: var(--color-fg-default);\n background-image: linear-gradient(var(--color-success-subtle), var(--color-success-subtle));\n border-color: var(--color-success-muted);\n\n & .Banner-visual .octicon {\n color: var(--color-success-fg);\n }\n }\n\n / Full-width /\n\n &.Banner--full {\n margin-top: calc(var(--yattho-borderWidth-thin, max(1px, 0.0625rem)) -1);\n border-right: 0;\n border-left: 0;\n border-radius: 0;\n }\n\n @media (max-width: 767.98px) {\n &.Banner--full-whenNarrow {\n margin-top: calc(var(--yattho-borderWidth-thin, max(1px, 0.0625rem)) * -1);\n border-right: 0;\n border-left: 0;\n border-radius: 0;\n }\n }\n}","/* Overlay /\n\n.Overlay--hidden {\n display: none !important;\n}\n\n.Overlay--visibilityHidden {\n height: 0;\n overflow: hidden;\n visibility: hidden;\n opacity: 0;\n}\n\n.Overlay {\n display: flex;\n width: min(var(--overlay-width), 100vw - 2rem);\n min-width: 192px;\n max-height: min(calc(100vh - 2rem), var(--overlay-height));\n white-space: normal;\n flex-direction: column;\n background-color: var(--color-canvas-overlay);\n border-radius: var(--yattho-borderRadius-large, 12px);\n box-shadow: var(--color-overlay-shadow);\n opacity: 1;\n\n &.Overlay--size-auto {\n min-width: 192px;\n max-width: calc(100vw - 2rem);\n max-height: calc(100vh - 2rem);\n }\n\n &.Overlay--size-full {\n width: 100vw;\n height: 100vh;\n }\n\n &.Overlay--size-xsmall {\n --overlay-width: 192px;\n\n max-height: calc(100vh - 2rem);\n }\n\n &.Overlay--size-small {\n --overlay-height: 256px;\n --overlay-width: 320px;\n }\n\n &.Overlay--size-small-portrait {\n --overlay-height: 432px;\n --overlay-width: 320px;\n }\n\n &.Overlay--size-medium {\n --overlay-height: 320px;\n --overlay-width: 480px;\n }\n\n &.Overlay--size-medium-portrait {\n --overlay-height: 600px;\n --overlay-width: 480px;\n }\n\n &.Overlay--size-large {\n --overlay-height: 432px;\n --overlay-width: 640px;\n }\n\n &.Overlay--size-xlarge {\n --overlay-height: 600px;\n --overlay-width: 960px;\n }\n\n &.Overlay--height-auto {\n height: auto;\n }\n\n / start deprecate in favor of Alpha::Dialog /\n &.Overlay--height-xsmall {\n height: min(192px, 100vh - 2rem);\n }\n\n &.Overlay--height-small {\n height: min(256px, 100vh - 2rem);\n }\n\n &.Overlay--height-medium {\n height: min(320px, 100vh - 2rem);\n }\n\n &.Overlay--height-large {\n height: min(432px, 100vh - 2rem);\n }\n\n &.Overlay--height-xlarge {\n height: min(600px, 100vh - 2rem);\n }\n\n &.Overlay--width-auto {\n width: auto;\n }\n\n &.Overlay--width-small {\n width: min(256px, 100vw - 2rem);\n }\n\n &.Overlay--width-medium {\n width: min(320px, 100vw - 2rem);\n }\n\n &.Overlay--width-large {\n width: min(480px, 100vw - 2rem);\n }\n\n &.Overlay--width-xlarge {\n width: min(640px, 100vw - 2rem);\n }\n\n &.Overlay--width-xxlarge {\n width: min(960px, 100vw - 2rem);\n }\n\n / end deprecate /\n\n &.Overlay--motion-scaleFade {\n @media screen and (prefers-reduced-motion: no-preference) {\n animation: 200ms cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running Overlay--motion-scaleFade;\n }\n }\n}\n\n@keyframes Overlay--motion-scaleFade {\n 0% {\n opacity: 0;\n transform: scale(0.5);\n }\n\n 100% {\n opacity: 1;\n transform: scale(1);\n }\n}\n\n/ for <form> element that wraps entire contents of overlay /\n.Overlay-form {\n display: flex;\n overflow: auto;\n flex-direction: column;\n flex-grow: 1;\n}\n\n.Overlay-header {\n z-index: 1;\n display: flex;\n flex-direction: column;\n\n &.Overlay-header--divided {\n padding-bottom: var(--yattho-stack-padding-condensed, 8px);\n box-shadow: inset 0 calc(var(--yattho-borderWidth-thin, 1px) -1) var(--color-border-default);\n\n & + .Overlay-body {\n padding-top: var(--yattho-stack-padding-normal, 16px);\n }\n }\n\n &.Overlay-header--large {\n & .Overlay-headerContentWrap {\n & .Overlay-titleWrap {\n gap: var(--yattho-stack-gap-condensed, 8px);\n\n & .Overlay-title {\n font-size: var(--yattho-text-title-size-medium, 20px);\n }\n\n & .Overlay-description {\n font-size: var(--yattho-text-body-size-medium, 14px);\n }\n }\n }\n }\n\n & .Overlay-headerContentWrap {\n display: flex;\n align-items: flex-start;\n gap: var(--yattho-stack-gap-condensed, 8px);\n padding: var(--yattho-stack-gap-condensed, 8px) var(--yattho-stack-gap-condensed, 8px) 0 var(--yattho-stack-gap-condensed, 8px);\n\n & .Overlay-actionWrap {\n display: flex;\n flex-direction: row;\n gap: var(--yattho-stack-gap-condensed, 8px);\n }\n\n & .Overlay-titleWrap {\n display: flex;\n padding: calc(var(--yattho-stack-gap-condensed, 8px) * 0.75) 0 calc(var(--yattho-stack-gap-condensed, 8px) * 0.75) var(--yattho-stack-gap-condensed, 8px);\n flex-direction: column;\n flex-grow: 1;\n gap: var(--yattho-control-small-gap, 4px);\n\n & .Overlay-title {\n margin: 0;\n font-size: var(--yattho-text-body-size-medium, 14px);\n font-weight: var(--base-text-weight-semibold, 600);\n }\n\n & .Overlay-description {\n margin: 0;\n font-size: var(--yattho-text-body-size-small, 12px);\n font-weight: var(--base-text-weight-normal, 400);\n color: var(--color-fg-muted);\n }\n }\n }\n}\n\n/* generic body content slot /\n.Overlay-body {\n padding: var(--yattho-stack-padding-normal, 16px);\n padding-top: 0;\n overflow-y: auto;\n scrollbar-width: thin;\n font-size: var(--yattho-text-body-size-medium, 14px);\n flex-grow: 1;\n\n &.Overlay-body--paddingCondensed {\n padding: var(--yattho-stack-padding-condensed, 8px);\n padding-top: 0;\n }\n\n &.Overlay-body--paddingNone {\n padding: 0;\n }\n}\n\n/ generic footer slot /\n.Overlay-footer {\n z-index: 1;\n display: flex;\n padding: 0 var(--yattho-stack-padding-normal, 16px) var(--yattho-stack-padding-normal, 16px) var(--yattho-stack-padding-normal, 16px);\n flex-direction: row;\n flex-shrink: 0;\n flex-wrap: wrap;\n\n &.Overlay-footer--divided {\n padding-top: var(--yattho-stack-padding-normal, 16px);\n box-shadow: inset 0 var(--yattho-borderWidth-thin, 1px) var(--color-border-default);\n }\n\n &.Overlay-footer--alignStart {\n justify-content: flex-start;\n gap: var(--yattho-stack-gap-condensed, 8px);\n }\n\n &.Overlay-footer--alignCenter {\n justify-content: center;\n gap: var(--yattho-stack-gap-condensed, 8px);\n }\n\n &.Overlay-footer--alignEnd {\n justify-content: flex-end;\n gap: var(--yattho-stack-gap-condensed, 8px);\n }\n}\n\n/ TODO: replace with refactored IconButton /\n.Overlay-closeButton {\n position: relative;\n display: grid;\n width: var(--base-size-32, 32px);\n height: var(--base-size-32, 32px);\n padding: 0;\n color: var(--color-fg-muted);\n cursor: pointer;\n user-select: none;\n background-color: transparent;\n border: var(--yattho-borderWidth-thin, 1px) solid transparent;\n border-radius: var(--yattho-borderRadius-medium, 6px);\n transition: 0.2s cubic-bezier(0.3, 0, 0.5, 1);\n transition-property: color, background-color, border-color;\n place-content: center;\n align-self: flex-start;\n flex-shrink: 0;\n\n &:hover,\n &:focus {\n background-color: var(--color-btn-hover-bg);\n border: var(--yattho-borderWidth-thin, 1px) solid var(--color-btn-hover-bg);\n }\n\n / Override .close-button's `border: 0` that triggers a border-color transition on hover /\n &.close-button {\n border: var(--yattho-borderWidth-thin, 1px) solid transparent;\n }\n}\n\n@define-mixin Overlay-backdrop {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 999;\n display: flex;\n background-color: var(--color-neutral-muted);\n}\n\n@define-mixin Overlay-backdrop--transparent {\n position: absolute;\n z-index: 999;\n background-color: transparent;\n}\n\n/ variants must be mixins so we can extend within a media query (@extend is not supported inside media queries) /\n\n/ border-radius repeats within placement options to ensure the original radius is reset when two classes co-exist /\n\n/ center /\n@define-mixin Overlay-backdrop--center {\n @mixin Overlay-backdrop;\n\n align-items: center;\n justify-content: center;\n}\n\n/ anchor /\n@define-mixin Overlay-backdrop--anchor {\n @mixin Overlay-backdrop--transparent;\n\n & .Overlay {\n width: auto;\n }\n}\n\n/ anchor side(s) /\n@define-mixin Overlay-backdrop--side $responsiveVariant {\n @mixin Overlay-backdrop;\n\n / default left /\n align-items: center;\n justify-content: left;\n\n &.Overlay-backdrop--placement-left$(responsiveVariant) {\n align-items: center;\n justify-content: left;\n\n & > .Overlay$(responsiveVariant) {\n height: 100vh;\n max-height: unset;\n border-radius: var(--yattho-borderRadius-large, 12px);\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n\n @media screen and (prefers-reduced-motion: no-preference) {\n animation: 250ms cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running Overlay--motion-slideInRight;\n }\n }\n }\n\n &.Overlay-backdrop--placement-right$(responsiveVariant) {\n align-items: center;\n justify-content: right;\n\n & > .Overlay$(responsiveVariant) {\n height: 100vh;\n max-height: unset;\n border-radius: var(--yattho-borderRadius-large, 12px);\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n\n @media screen and (prefers-reduced-motion: no-preference) {\n animation: 250ms cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running Overlay--motion-slideInLeft;\n }\n }\n }\n\n &.Overlay-backdrop--placement-bottom$(responsiveVariant) {\n align-items: end;\n justify-content: center;\n\n & > .Overlay$(responsiveVariant) {\n width: 100vw;\n height: auto;\n max-height: calc(100vh - 2rem);\n border-radius: var(--yattho-borderRadius-large, 12px);\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n\n @media screen and (prefers-reduced-motion: no-preference) {\n animation: 250ms cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running Overlay--motion-slideUp;\n }\n }\n }\n\n &.Overlay-backdrop--placement-top$(responsiveVariant) {\n align-items: start;\n justify-content: center;\n\n & > .Overlay$(responsiveVariant) {\n border-radius: var(--yattho-borderRadius-large, 12px);\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n\n @media screen and (prefers-reduced-motion: no-preference) {\n animation: 250ms cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running Overlay--motion-slideDown;\n }\n }\n }\n}\n\n/ full width /\n@define-mixin Overlay-backdrop--full {\n @mixin Overlay-backdrop;\n\n & .Overlay {\n width: 100%;\n max-width: 100vw;\n height: 100%;\n max-height: 100vh;\n border-radius: unset !important;\n flex-grow: 1;\n }\n}\n\n/ Overlay variant classnames /\n.Overlay-backdrop--center {\n @mixin Overlay-backdrop--center;\n}\n\n.Overlay-backdrop--anchor {\n @mixin Overlay-backdrop--anchor;\n}\n\n.Overlay-backdrop--side {\n @mixin Overlay-backdrop--side;\n}\n\n.Overlay-backdrop--full {\n @mixin Overlay-backdrop--full;\n}\n\n/ responsive variants /\n\n/ --yattho-viewportRange-narrowLandscape /\n@media (max-width: 767px) {\n .Overlay-backdrop--center-whenNarrow {\n @mixin Overlay-backdrop--center;\n }\n\n .Overlay-backdrop--anchor-whenNarrow {\n @mixin Overlay-backdrop--anchor;\n }\n\n .Overlay-backdrop--side-whenNarrow {\n @mixin Overlay-backdrop--side -whenNarrow;\n }\n\n .Overlay-backdrop--full-whenNarrow {\n @mixin Overlay-backdrop--full;\n }\n}\n\n@keyframes Overlay--motion-slideDown {\n from {\n transform: translateY(-100%);\n }\n}\n\n@keyframes Overlay--motion-slideUp {\n from {\n transform: translateY(100%);\n }\n}\n\n@keyframes Overlay--motion-slideInRight {\n from {\n transform: translateX(-100%);\n }\n}\n\n@keyframes Overlay--motion-slideInLeft {\n from {\n transform: translateX(100%);\n }\n}","/ dropdown /\n\n.dropdown {\n position: relative;\n}\n\n.dropdown-caret {\n display: inline-block;\n width: 0;\n height: 0;\n vertical-align: middle;\n content: '';\n border-style: solid;\n border-width: var(--yattho-borderWidth-thicker, 4px) var(--yattho-borderWidth-thicker, 4px) 0;\n border-right-color: transparent;\n border-bottom-color: transparent;\n border-left-color: transparent;\n}\n\n/ Requires a positioning class (e.g., `.dropdown-menu-w`) to determine which\n** way the menu should render from the element triggering it. /\n\n.dropdown-menu {\n position: absolute;\n top: 100%;\n left: 0;\n z-index: 100;\n width: 160px;\n padding-top: var(--yattho-control-small-paddingBlock, 4px);\n padding-bottom: var(--yattho-control-small-paddingBlock, 4px);\n margin-top: 2px;\n list-style: none;\n background-color: var(--color-canvas-overlay);\n background-clip: padding-box;\n border: var(--yattho-borderWidth-thin, 1px) solid var(--color-border-default);\n border-radius: var(--yattho-borderRadius-medium, 6px);\n box-shadow: var(--color-shadow-large);\n\n &::before,\n &::after {\n position: absolute;\n display: inline-block;\n content: '';\n }\n\n / caret border /\n &::before {\n border: 8px solid transparent;\n border-bottom-color: var(--color-border-default);\n }\n\n / caret background (should match dropdown background) /\n &::after {\n border: 7px solid transparent;\n border-bottom-color: var(--color-canvas-overlay);\n }\n\n & > ul {\n list-style: none;\n }\n}\n\n.dropdown-menu-no-overflow {\n width: auto;\n\n & .dropdown-item {\n padding: var(--yattho-control-small-paddingBlock, 4px) var(--yattho-control-medium-paddingInline-spacious, 16px);\n overflow: visible;\n text-overflow: inherit;\n }\n}\n\n/ Dropdown items (can be links or buttons) /\n.dropdown-item {\n display: block;\n padding: var(--yattho-control-small-paddingBlock, 4px) var(--yattho-control-medium-paddingInline-condensed, 8px) var(--yattho-control-small-paddingBlock, 4px) var(--yattho-control-medium-paddingInline-spacious, 16px);\n overflow: hidden;\n color: var(--color-fg-default);\n text-overflow: ellipsis;\n white-space: nowrap;\n\n &:hover {\n color: var(--color-fg-on-emphasis);\n text-decoration: none;\n background-color: var(--color-accent-emphasis);\n\n & > .octicon {\n color: inherit;\n opacity: 1;\n }\n\n & [class='color-fg-'] {\n color: inherit !important;\n }\n\n & > .Label {\n color: inherit !important;\n border-color: currentcolor;\n }\n }\n\n &.btn-link {\n width: 100%;\n text-align: left;\n }\n}\n\n.dropdown-signout {\n width: 100%;\n text-align: left;\n background: none;\n border: 0;\n}\n\n.dropdown-divider {\n display: block;\n height: 0;\n margin: var(--yattho-stack-gap-condensed, 8px) 0;\n border-top: var(--yattho-borderWidth-thin, 1px) solid var(--color-border-default);\n}\n\n.dropdown-header {\n padding: var(--yattho-control-small-paddingBlock, 4px) var(--yattho-control-medium-paddingInline-spacious, 16px);\n font-size: var(--yattho-text-body-size-small, 12px);\n color: var(--color-fg-muted);\n}\n\n.dropdown-item[aria-checked='false'] .octicon-check {\n display: none;\n}\n\n/* Directional classes\n\n Move the menu and the caret attached to it. Requires at least one of these on\n** the `.dropdown-menu` element. /\n\n.dropdown-menu-w {\n top: 0;\n right: 100%;\n left: auto;\n width: auto;\n margin-top: 0;\n margin-right: 8px;\n\n &::before {\n top: 10px;\n right: -16px;\n left: auto;\n border-color: transparent;\n border-left-color: var(--color-border-default);\n }\n\n &::after {\n top: 11px;\n right: -14px;\n left: auto;\n border-color: transparent;\n border-left-color: var(--color-canvas-overlay);\n }\n}\n\n.dropdown-menu-e {\n top: 0;\n left: 100%;\n width: auto;\n margin-top: 0;\n margin-left: 8px;\n\n &::before {\n top: 10px;\n left: -16px;\n border-color: transparent;\n border-right-color: var(--color-border-default);\n }\n\n &::after {\n top: 11px;\n left: -14px;\n border-color: transparent;\n border-right-color: var(--color-canvas-overlay);\n }\n}\n\n.dropdown-menu-ne {\n top: auto;\n bottom: 100%;\n left: 0;\n margin-bottom: 3px;\n\n &::before,\n &::after {\n top: auto;\n right: auto;\n }\n\n &::before {\n bottom: -8px;\n left: 9px;\n border-top: 8px solid var(--color-border-default);\n border-right: 8px solid transparent;\n border-bottom: 0;\n border-left: 8px solid transparent;\n }\n\n &::after {\n bottom: -7px;\n left: 10px;\n border-top: 7px solid var(--color-canvas-overlay);\n border-right: 7px solid transparent;\n border-bottom: 0;\n border-left: 7px solid transparent;\n }\n}\n\n.dropdown-menu-s {\n right: 50%;\n left: auto;\n transform: translateX(50%);\n\n &::before {\n top: -16px;\n right: 50%;\n transform: translateX(50%);\n }\n\n &::after {\n top: -14px;\n right: 50%;\n transform: translateX(50%);\n }\n}\n\n.dropdown-menu-sw {\n right: 0;\n left: auto;\n\n &::before {\n top: -16px;\n right: 9px;\n left: auto;\n }\n\n &::after {\n top: -14px;\n right: 10px;\n left: auto;\n }\n}\n\n.dropdown-menu-se {\n &::before {\n top: -16px;\n left: 9px;\n }\n\n &::after {\n top: -14px;\n left: 10px;\n }\n}","/ Layout /\n\n@define-mixin flow-as-row {\n grid-auto-flow: row;\n grid-template-columns: 1fr !important;\n\n & .Layout-sidebar,\n & .Layout-divider,\n & .Layout-main {\n width: 100% !important;\n grid-column: 1 !important;\n }\n\n &.Layout--sidebarPosition-flowRow-start {\n & .Layout-sidebar {\n grid-row: 1;\n }\n\n & .Layout-main {\n grid-row: 2 / span 2;\n }\n }\n\n &.Layout--sidebarPosition-flowRow-end {\n & .Layout-sidebar {\n grid-row: 2 / span 2;\n }\n\n & .Layout-main {\n grid-row: 1;\n }\n }\n\n &.Layout--sidebarPosition-flowRow-none {\n & .Layout-sidebar {\n display: none;\n }\n }\n\n &.Layout--divided {\n @mixin flow-as-row-divider;\n\n & .Layout-main {\n grid-row: 3 / span 1;\n }\n\n &.Layout--sidebarPosition-flowRow-end {\n & .Layout-sidebar {\n grid-row: 3 / span 1;\n }\n\n & .Layout-main {\n grid-row: 1;\n }\n }\n }\n}\n\n@define-mixin flow-as-row-divider {\n --Layout-gutter: 0;\n\n & .Layout-divider {\n height: 1px;\n grid-row: 2;\n\n &.Layout-divider--flowRow-hidden {\n display: none;\n }\n\n &.Layout-divider--flowRow-shallow {\n height: 8px;\n margin-right: 0;\n background: var(--color-canvas-inset);\n border-color: var(--color-border-default);\n border-style: solid;\n border-width: var(--yattho-borderWidth-thin, 1px) 0;\n }\n }\n}\n\n.Layout {\n display: grid;\n\n --Layout-sidebar-width: 220px;\n --Layout-gutter: 16px;\n\n @media (max-width: calc(544px - 0.02px)) {\n @mixin flow-as-row;\n }\n\n &.Layout--flowRow-until-md {\n @media (max-width: calc(768px - 0.02px)) {\n @mixin flow-as-row;\n }\n }\n\n &.Layout--flowRow-until-lg {\n @media (max-width: calc(1012px - 0.02px)) {\n @mixin flow-as-row;\n }\n }\n\n / Flow as column /\n\n grid-auto-flow: column;\n grid-template-columns: auto 0 minmax(0, calc(100% - var(--Layout-sidebar-width) - var(--Layout-gutter))); / sidebar column, separator, main column /\n grid-gap: var(--Layout-gutter);\n\n & .Layout-sidebar {\n grid-column: 1;\n }\n\n & .Layout-divider {\n display: none;\n }\n\n & .Layout-main {\n grid-column: 2 / span 2;\n }\n\n / Gutter spacing /\n\n @media (min-width: 1012px) {\n --Layout-gutter: 24px;\n }\n\n &.Layout--gutter-none {\n / stylelint-disable-next-line length-zero-no-unit /\n --Layout-gutter: 0px; / Neds px in value /\n }\n\n &.Layout--gutter-condensed {\n --Layout-gutter: 16px;\n }\n\n &.Layout--gutter-spacious {\n @media (min-width: 1012px) {\n --Layout-gutter: 32px;\n }\n\n @media (min-width: 1280px) {\n --Layout-gutter: 40px;\n }\n }\n\n / Sidebar width /\n @media (min-width: 544px) {\n --Layout-sidebar-width: 220px;\n }\n\n @media (min-width: 768px) {\n --Layout-sidebar-width: 256px;\n }\n\n @media (min-width: 1012px) {\n --Layout-sidebar-width: 296px;\n }\n\n &.Layout--sidebar-narrow {\n @media (min-width: 768px) {\n --Layout-sidebar-width: 240px;\n }\n\n @media (min-width: 1012px) {\n --Layout-sidebar-width: 256px;\n }\n }\n\n &.Layout--sidebar-wide {\n @media (min-width: 1012px) {\n --Layout-sidebar-width: 320px;\n }\n\n @media (min-width: 1280px) {\n --Layout-sidebar-width: 336px;\n }\n }\n\n / Sidebar position /\n\n &.Layout--sidebarPosition-start {\n & .Layout-sidebar {\n grid-column: 1;\n }\n\n & .Layout-main {\n grid-column: 2 / span 2;\n }\n }\n\n &.Layout--sidebarPosition-end {\n grid-template-columns: minmax(0, calc(100% - var(--Layout-sidebar-width) - var(--Layout-gutter))) 0 auto;\n\n & .Layout-main {\n grid-column: 1;\n }\n\n & .Layout-sidebar {\n grid-column: 2 / span 2;\n }\n }\n\n / Sidebar divider /\n\n &.Layout--divided {\n & .Layout-divider {\n display: block;\n grid-column: 2;\n width: 1px;\n margin-right: -1px;\n background: var(--color-border-default);\n }\n\n & .Layout-main {\n grid-column: 3 / span 1;\n }\n\n &.Layout--sidebarPosition-end {\n & .Layout-sidebar {\n grid-column: 3 / span 1;\n }\n\n & .Layout-main {\n grid-column: 1;\n }\n }\n }\n}\n\n.Layout-divider {\n display: none;\n width: 1px;\n}\n\n.Layout-sidebar {\n width: var(--Layout-sidebar-width);\n}\n\n.Layout-main {\n min-width: 0;\n\n / Centered main column\n ** FIXME: right-aligned sidebar /\n & .Layout-main-centered-md,\n & .Layout-main-centered-lg,\n & .Layout-main-centered-xl {\n margin-right: auto;\n margin-left: auto;\n\n & > .container-md,\n & > .container-lg,\n & > .container-xl {\n margin-left: 0;\n }\n }\n\n & .Layout-main-centered-md {\n max-width: calc(var(--yattho-breakpoint-medium, 768px) + var(--Layout-sidebar-width) + var(--Layout-gutter));\n }\n\n & .Layout-main-centered-lg {\n max-width: calc(var(--yattho-breakpoint-large, 1012px) + var(--Layout-sidebar-width) + var(--Layout-gutter));\n }\n\n & .Layout-main-centered-xl {\n max-width: calc(var(--yattho-breakpoint-xlarge, 1280px) + var(--Layout-sidebar-width) + var(--Layout-gutter));\n }\n}","/ tabnav /\n\n/ Outer wrapper /\n.tabnav {\n margin-top: 0;\n margin-bottom: var(--yattho-stack-gap-normal, 16px);\n border-bottom: var(--yattho-borderWidth-thin, 1px) solid var(--color-border-default);\n}\n\n.tabnav-tabs {\n display: flex;\n margin-bottom: calc(var(--yattho-borderWidth-thin, 1px) -1);\n overflow: auto;\n}\n\n.tabnav-tab {\n display: inline-block;\n flex-shrink: 0;\n padding: var(--base-size-8, 8px) var(--yattho-control-medium-paddingInline-spacious, 16px);\n font-size: var(--yattho-text-body-size-medium, 14px);\n line-height: 23px;\n color: var(--color-fg-muted);\n text-decoration: none;\n background-color: transparent;\n border: var(--yattho-borderWidth-thin, 1px) solid transparent;\n border-bottom: 0;\n transition: color 0.2s cubic-bezier(0.3, 0, 0.5, 1);\n\n &.selected,\n &[aria-selected='true'],\n &[aria-current]:not([aria-current='false']) {\n color: var(--color-fg-default);\n background-color: var(--color-canvas-default); /* cover bottom border /\n border-color: var(--color-border-default);\n border-radius: var(--yattho-borderRadius-medium, 6px) var(--yattho-borderRadius-medium, 6px) 0 0;\n\n & .octicon {\n color: inherit;\n }\n }\n\n &:hover {\n color: var(--color-fg-default);\n text-decoration: none;\n transition-duration: 0.1s;\n }\n\n &:focus,\n &:focus-visible {\n border-radius: var(--yattho-borderRadius-medium, 6px) var(--yattho-borderRadius-medium, 6px) 0 0 !important;\n outline-offset: -6px;\n }\n\n &:active {\n color: var(--color-fg-muted);\n }\n\n & .octicon {\n margin-right: var(--yattho-control-small-gap, 4px);\n color: var(--color-fg-muted);\n }\n\n & .Counter {\n margin-left: var(--yattho-control-small-gap, 4px);\n color: inherit;\n }\n}\n\n/ Tabnav extras\n\n Tabnav extras are non-tab elements that sit in the tabnav. Usually they're\n** inline text or links. /\n\n.tabnav-extra {\n display: inline-block;\n padding-top: 10px;\n margin-left: 10px;\n font-size: var(--yattho-text-body-size-small, 12px);\n color: var(--color-fg-muted);\n\n & > .octicon {\n margin-right: 2px;\n }\n}\n\n/ When tabnav-extra are anchors\n** stylelint-disable-next-line selector-no-qualifying-type /\na.tabnav-extra:hover {\n color: var(--color-accent-fg);\n text-decoration: none;\n}\n\n/ Tabnav buttons\n\n For when there are multiple buttons, space them out appropriately. Requires\n** the buttons to be floated or inline-block. /\n\n.tabnav-btn {\n margin-left: var(--yattho-controlStack-medium-gap-condensed, 8px);\n}","/ FormControl /\n\n/ groups label, field, caption and inline error message /\n.FormControl {\n display: inline-flex;\n flex-direction: column;\n gap: var(--base-size-4, 4px);\n}\n\n/ fill container /\n.FormControl--fullWidth {\n display: flex;\n}\n\n/ <label> /\n.FormControl-label {\n font-size: var(--yattho-text-body-size-medium, 14px);\n font-weight: var(--base-text-weight-semibold, 600);\n line-height: var(--yattho-text-body-lineHeight-medium, calc(20 / 14));\n color: var(--color-fg-default);\n user-select: none;\n}\n\n/ optional caption /\n.FormControl-caption {\n margin-bottom: 0;\n font-size: var(--yattho-text-caption-size, 12px);\n font-weight: var(--yattho-text-caption-weight, 400);\n line-height: var(--yattho-text-caption-lineHeight, calc(16 / 12));\n color: var(--color-fg-muted);\n}\n\n/ inline validation message /\n.FormControl-inlineValidation {\n display: flex;\n font-size: var(--yattho-text-caption-size, 12px);\n font-weight: var(--base-text-weight-semibold, 600);\n color: var(--color-danger-fg);\n fill: var(--color-danger-fg);\n flex-direction: row;\n align-items: center;\n gap: var(--base-size-4, 4px);\n\n & p {\n margin-bottom: 0;\n }\n}\n\n/ shared among all form control components (input, select, textarea, checkbox, radio) /\n@define-mixin Field {\n color: var(--color-fg-default);\n background-color: var(--color-canvas-default);\n border: var(--yattho-borderWidth-thin, 1px) solid var(--color-border-default);\n\n &[disabled] {\n color: var(--color-yattho-fg-disabled);\n cursor: not-allowed;\n background-color: var(--color-input-disabled-bg);\n border-color: var(--color-border-default);\n opacity: 1;\n -webkit-text-fill-color: var(--color-yattho-fg-disabled);\n }\n\n &:not(:focus)[invalid] {\n border-color: var(--color-danger-emphasis);\n }\n\n &:not([type='checkbox'], [type='radio']):focus {\n @mixin focusBoxShadowInset;\n\n / remove fallback :focus if :focus-visible is supported /\n &:not(:focus-visible) {\n border-color: transparent;\n\n @mixin focusBoxShadowInset 1px transparent;\n }\n }\n\n / default focus state /\n &:not([type='checkbox'], [type='radio']):focus-visible {\n @mixin focusBoxShadowInset;\n }\n}\n\n/ TextInput structure\n ===================\n\n .FormControl\n ├─ .FormControl-label\n │ ├─ .FormControl-input-wrap\n │ │ ├─ .FormControl-input-leadingVisualWrap\n │ │ │ ├─ .FormControl-input-leadingVisual\n │ │ ├─ .FormControl-input\n │ │ ├─ .FormControl-input-trailingAction\n ├─ .FormControl-inlineValidation\n** ├─ .FormControl-caption /\n\n/ // Select structure\n ===================\n\n .FormControl\n ├─ .FormControl-label\n │ ├─ .FormControl-select-wrap\n │ │ ├─ .FormControl-select\n ├─ .FormControl-inlineValidation\n ├─ .FormControl-caption /\n\n/ // Textarea structure\n ===================\n\n .FormControl\n ├─ .FormControl-label\n ├─ .FormControl-textarea\n ├─ .FormControl-inlineValidation\n** ├─ .FormControl-caption /\n\n.FormControl-input,\n.FormControl-select,\n.FormControl-textarea {\n @mixin Field;\n\n width: 100%;\n font-size: var(--yattho-text-body-size-medium, 14px);\n line-height: var(--yattho-text-body-lineHeight-medium, calc(20 / 14));\n border-radius: var(--yattho-borderRadius-medium, 6px);\n transition: 80ms cubic-bezier(0.33, 1, 0.68, 1);\n transition-property: color, background-color, box-shadow, border-color;\n padding-inline: var(--yattho-control-medium-paddingInline-condensed, 8px);\n padding-block: calc(var(--yattho-control-medium-paddingBlock, 6px) - var(--yattho-borderWidth-thin, 1px));\n\n &[disabled] {\n &::placeholder {\n color: var(--color-yattho-fg-disabled);\n }\n }\n\n &[readonly] {\n background-color: var(--color-input-disabled-bg);\n }\n\n &::placeholder {\n color: var(--color-fg-subtle);\n opacity: 1;\n }\n\n / sizes /\n\n &.FormControl-small {\n height: var(--yattho-control-small-size, 28px);\n padding-inline: var(--yattho-control-small-paddingInline-normal, 8px);\n padding-block: var(--yattho-control-small-paddingBlock, 4px);\n font-size: var(--yattho-text-body-size-small, 12px);\n }\n\n &.FormControl-medium {\n height: var(--yattho-control-medium-size, 32px);\n }\n\n &.FormControl-large {\n height: var(--yattho-control-large-size, 40px);\n padding-inline: var(--yattho-control-large-paddingInline-normal, 12px);\n padding-block: var(--yattho-control-large-paddingBlock, 10px);\n }\n\n / variants /\n\n &.FormControl-inset {\n background-color: var(--color-canvas-inset);\n\n &:focus-visible,\n &:focus {\n background-color: var(--color-canvas-default);\n }\n }\n\n &.FormControl-monospace {\n font-family:\n var(\n --yattho-fontStack-monospace,\n 'ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace'\n );\n }\n\n / validation states /\n\n &.FormControl-error {\n border-color: var(--color-danger-emphasis);\n }\n\n &.FormControl-success {\n border-color: var(--color-success-emphasis);\n }\n\n &.FormControl-warning {\n border-color: var(--color-attention-emphasis);\n }\n}\n\n.FormControl-toggleSwitchInput {\n display: flex;\n align-items: flex-start;\n gap: var(--base-size-16, 16px);\n}\n\n/ positioning for leading/trailing items for TextInput /\n.FormControl-input-wrap {\n position: relative;\n display: grid;\n\n & .FormControl-input-leadingVisualWrap {\n position: absolute;\n top: var(--base-size-8, 8px);\n left: var(--base-size-8, 8px);\n display: block;\n width: var(--base-size-16, 16px);\n height: var(--base-size-16, 16px);\n color: var(--color-fg-muted);\n pointer-events: none;\n\n / octicon /\n & .FormControl-input-leadingVisual {\n display: block;\n user-select: none;\n }\n }\n\n / TODO: replace with new Button component /\n & .FormControl-input-trailingAction {\n position: absolute;\n top: var(--base-size-4, 4px);\n right: var(--base-size-4, 4px);\n z-index: 4;\n display: grid;\n width: var(--yattho-control-xsmall-size, 24px);\n height: var(--yattho-control-xsmall-size, 24px);\n padding: 0;\n color: var(--color-fg-muted);\n cursor: pointer;\n background: transparent;\n border: 0;\n border-radius: var(--yattho-borderRadius-small);\n transition: 0.2s cubic-bezier(0.3, 0, 0.5, 1);\n transition-property: color, background-color, border-color;\n align-items: center;\n justify-content: center;\n\n & svg {\n user-select: none;\n }\n\n &[disabled] {\n color: var(--color-yattho-fg-disabled);\n pointer-events: none;\n }\n\n &:hover {\n background: var(--color-action-list-item-default-hover-bg);\n }\n\n &:active {\n background: var(--color-action-list-item-default-active-bg);\n }\n\n / show vertical divider line between field and button /\n &.FormControl-input-trailingAction--divider {\n &::before {\n position: absolute;\n top: calc((var(--yattho-control-xsmall-size) - var(--base-size-16)) / 2);\n left: calc(var(--base-size-4, 4px) -1);\n display: block;\n width: var(--yattho-borderWidth-thin);\n height: var(--base-size-16);\n content: '';\n background: var(--color-border-default);\n }\n }\n\n &::after {\n @mixin minTouchTarget var(--yattho-control-medium-size, 32px) var(--yattho-control-medium-size, 32px);\n\n @media (pointer: coarse) {\n min-width: var(--yattho-control-minTarget-coarse, 44px);\n min-height: var(--yattho-control-minTarget-coarse, 44px);\n }\n }\n }\n\n /* if leadingVisual is present /\n\n /\n\t┌──32px──┬────────────────────┐\n\t╎ ┌───┐ ┌────────────────┐ ╎\n\t╎ 16px 16px ╎\n\t╎ └───┘ └────────────────┘ ╎\n\t└───────8px───────────────────┘\n\t/\n\n &.FormControl-input-wrap--leadingVisual {\n & .FormControl-input {\n padding-inline-start:\n calc(\n var(--yattho-control-medium-paddingInline-condensed, 8px) + var(--base-size-16, 16px) +\n var(--yattho-control-medium-gap, 8px)\n ); / 32px /\n }\n }\n\n /\n\t┌──────────────────┬──32px──┐\n\t╎ ┌──────────────┐ ┌────┐ ╎\n\t╎ 24px 24px ╎\n\t╎ └──────────────┘ └────┘ ╎\n\t└──────────────────┴────────┘\n /\n\n / if trailingAction is present /\n &.FormControl-input-wrap--trailingAction {\n & .FormControl-input {\n padding-inline-end:\n calc(\n var(--yattho-control-medium-paddingInline-condensed, 8px) + var(--base-size-16, 16px) +\n var(--yattho-control-medium-gap, 8px)\n ); / 32px /\n }\n\n /\n\t\t32px + 1px border\n\t\t┌──────────────────┬──33px──┐\n\t\t╎ ┌──────────────┐ ┌────┐ ╎\n\t\t╎ 24px 24px ╎\n\t\t╎ └──────────────┘ └────┘ ╎\n\t\t└──────────────────┴────────┘\n\t\t/\n\n / if trailingAction divider is present, add 1px padding to accomodate input field text\n ** can be refactored to has(.FormControl-input-trailingAction--divider) /\n &.FormControl-input-wrap-trailingAction--divider {\n & .FormControl-input {\n padding-inline-end:\n calc(\n var(--yattho-control-medium-paddingInline-condensed, 8px) + var(--base-size-16, 16px) +\n var(--yattho-control-medium-gap, 8px) + var(--yattho-borderWidth-thin, 1px)\n ); / 33px /\n }\n }\n }\n\n / size modifications can be refactored with :has() - FormControl-input-wrap:has(.FormControl-large)\n // sizes /\n &.FormControl-small {\n & .FormControl-input-leadingVisualWrap {\n top: calc(var(--yattho-control-medium-paddingInline-condensed, 8px) - 0.125rem); / 6px /\n left: calc(var(--yattho-control-medium-paddingInline-condensed, 8px) - 0.125rem); / 6px /\n }\n\n /\n ┌──────────────────┬──28px──┐\n ╎ ┌──────────────┐ ┌────┐ ╎\n ╎ 20px 20px ╎\n ╎ └──────────────┘ └────┘ ╎\n └──────────────────┴────────┘\n /\n\n &.FormControl-input-wrap--trailingAction {\n & .FormControl-input.FormControl-small {\n padding-inline-end:\n calc(\n var(--yattho-control-small-paddingInline-condensed, 8px) + var(--base-size-16, 16px) +\n var(--yattho-control-small-gap, 8px)\n ); / 28px /\n }\n\n /\n\t\t\t28px + 1px border\n\t\t\t┌──────────────────┬──29px──┐\n\t\t\t╎ ┌──────────────┐ ┌────┐ ╎\n\t\t\t╎ 20px 20px ╎\n\t\t\t╎ └──────────────┘ └────┘ ╎\n\t\t\t└──────────────────┴────────┘\n\t\t\t/\n\n &.FormControl-input-wrap-trailingAction--divider {\n & .FormControl-input.FormControl-small {\n padding-inline-end:\n calc(\n var(--yattho-control-small-paddingInline-condensed, 8px) + var(--base-size-16, 16px) +\n var(--yattho-control-small-gap, 8px) + var(--yattho-borderWidth-thin, 1px)\n ); / 29px /\n }\n }\n }\n\n & .FormControl-input-trailingAction {\n width: calc(var(--yattho-control-small-size, 28px) - var(--base-size-8, 8px));\n height: calc(var(--yattho-control-small-size, 28px) - var(--base-size-8, 8px));\n\n &::before {\n top: calc((var(--yattho-control-xsmall-size) - var(--base-size-16)) / 4); / 2px /\n }\n }\n }\n\n &.FormControl-large {\n & .FormControl-input-leadingVisualWrap {\n top: var(--yattho-control-medium-paddingInline-normal, 12px);\n left: var(--yattho-control-medium-paddingInline-normal, 12px);\n }\n\n /\n ┌──36px──┬───12px padding──────┐\n ╎ ┌───┐ ┌────────────────┐ ╎\n ╎ 16px 16px ╎\n ╎ └───┘ └────────────────┘ ╎\n └12px───8px───────────────────┘\n /\n\n &.FormControl-input-wrap--leadingVisual {\n & .FormControl-input.FormControl-large {\n padding-inline-start:\n calc(\n var(--yattho-control-large-paddingInline-normal, 12px) + var(--base-size-16, 16px) +\n var(--yattho-control-large-gap, 8px)\n ); / 36px /\n }\n }\n\n /\n ┌──────────────────┬──36px──┐\n ╎ ┌──────────────┐ ┌────┐ ╎\n ╎ 28px 28px ╎\n ╎ └──────────────┘ └────┘ ╎\n └──────────────────┴────────┘\n /\n\n &.FormControl-input-wrap--trailingAction {\n & .FormControl-input.FormControl-large {\n padding-inline-end:\n calc(\n var(--yattho-control-large-paddingInline-normal, 12px) + var(--base-size-16, 16px) +\n var(--yattho-control-large-gap, 8px)\n ); / 36px /\n }\n\n /\n\t\t\t┌──────────────────┬──37px──┐\n\t\t\t╎ ┌──────────────┐ ┌────┐ ╎\n\t\t\t╎ 28px 28px ╎\n\t\t\t╎ └──────────────┘ └────┘ ╎\n\t\t\t└──────────────────┴────────┘\n\t\t\t/\n\n &.FormControl-input-wrap-trailingAction--divider {\n & .FormControl-input.FormControl-large {\n padding-inline-end:\n calc(\n var(--yattho-control-large-paddingInline-normal, 12px) + var(--base-size-16, 16px) +\n var(--yattho-control-large-gap, 8px) + var(--yattho-borderWidth-thin, 1px)\n ); / 37px /\n }\n }\n }\n\n & .FormControl-input-trailingAction {\n top: calc(var(--yattho-control-medium-paddingInline-condensed, 8px) - 0.125rem); / 6px /\n right: calc(var(--yattho-control-medium-paddingInline-condensed, 8px) - 0.125rem); / 6px /\n width: var(--yattho-control-small-size, 28px);\n height: var(--yattho-control-small-size, 28px);\n\n &::before {\n top: unset;\n height: var(--base-size-20);\n }\n }\n }\n}\n\n.FormControl-select-wrap {\n display: grid;\n grid-template-columns: minmax(0, auto) var(--base-size-16, 16px);\n\n / mask allows for background-color to respect themes /\n &::after {\n width: var(--base-size-16, 16px);\n height: var(--base-size-16, 16px);\n padding-right: var(--base-size-4, 4px);\n pointer-events: none;\n content: '';\n background-color: var(--color-fg-muted);\n mask: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iIzU4NjA2OSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNC40MjcgOS40MjdsMy4zOTYgMy4zOTZhLjI1MS4yNTEgMCAwMC4zNTQgMGwzLjM5Ni0zLjM5NkEuMjUuMjUgMCAwMDExLjM5NiA5SDQuNjA0YS4yNS4yNSAwIDAwLS4xNzcuNDI3ek00LjQyMyA2LjQ3TDcuODIgMy4wNzJhLjI1LjI1IDAgMDEuMzU0IDBMMTEuNTcgNi40N2EuMjUuMjUgMCAwMS0uMTc3LjQyN0g0LjZhLjI1LjI1IDAgMDEtLjE3Ny0uNDI3eiIgLz48L3N2Zz4=');\n mask-size: contain;\n mask-repeat: no-repeat;\n grid-column: 2;\n grid-row: 1;\n place-self: center end;\n }\n\n / spans entire grid below mask /\n & .FormControl-select {\n grid-column: 1/-1;\n grid-row: 1;\n appearance: none;\n padding-right: var(--base-size-20, 20px);\n }\n}\n\n/ checkbox + radio specific styles /\n\n/ // Checkbox + Radio structure\n ===================\n\n .FormControl-radio-wrap\n ├─ .FormControl-radio\n ├─ .FormControl-radio-labelWrap\n │ ├─ .FormControl-label\n** │ ├─ .FormControl-caption /\n\n.FormControl-checkbox-wrap,\n.FormControl-radio-wrap {\n display: inline-grid;\n grid-template-columns: min-content auto;\n gap: var(--base-size-8, 8px);\n\n & .FormControl-checkbox-labelWrap,\n & .FormControl-radio-labelWrap {\n display: flex;\n flex-direction: column;\n gap: var(--base-size-4, 4px);\n }\n\n & .FormControl-label {\n cursor: pointer;\n }\n}\n\n/ these selectors are temporary to override base.scss\n** once Field styles are widely adopted, we can adjust this and the global base styles /\ninput[type='checkbox'].FormControl-checkbox {\n @mixin Field;\n\n position: relative;\n display: grid;\n width: var(--base-size-16, 16px);\n height: var(--base-size-16, 16px);\n margin: 0;\n margin-top: 0.125rem; / 2px to center align with label (20px line-height) /\n cursor: pointer;\n border-color: var(--color-neutral-emphasis);\n border-radius: var(--yattho-borderRadius-small, 3px);\n transition: background-color, border-color 80ms cubic-bezier(0.33, 1, 0.68, 1); / checked -> unchecked - add 120ms delay to fully see animation-out /\n appearance: none;\n place-content: center;\n\n &::before {\n width: var(--base-size-16, 16px);\n height: var(--base-size-16, 16px);\n visibility: hidden;\n content: '';\n background-color: var(--color-fg-on-emphasis);\n transition: visibility 0s linear 230ms;\n clip-path: inset(var(--base-size-16, 16px) 0 0 0);\n\n / octicon checkmark image /\n mask-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTEuNzgwMyAwLjIxOTYyNUMxMS45MjEgMC4zNjA0MjcgMTIgMC41NTEzMDUgMTIgMC43NTAzMTNDMTIgMC45NDkzMjEgMTEuOTIxIDEuMTQwMTkgMTEuNzgwMyAxLjI4MUw0LjUxODYgOC41NDA0MkM0LjM3Nzc1IDguNjgxIDQuMTg2ODIgOC43NiAzLjk4Nzc0IDguNzZDMy43ODg2NyA4Ljc2IDMuNTk3NzMgOC42ODEgMy40NTY4OSA4LjU0MDQyTDAuMjAxNjIyIDUuMjg2MkMwLjA2ODkyNzcgNS4xNDM4MyAtMC4wMDMzMDkwNSA0Ljk1NTU1IDAuMDAwMTE2NDkzIDQuNzYwOThDMC4wMDM1NTIwNSA0LjU2NjQzIDAuMDgyMzg5NCA0LjM4MDgxIDAuMjIwMDMyIDQuMjQzMjFDMC4zNTc2NjUgNC4xMDU2MiAwLjU0MzM1NSA0LjAyNjgxIDAuNzM3OTcgNC4wMjMzOEMwLjkzMjU4NCA0LjAxOTk0IDEuMTIwOTMgNC4wOTIxNyAxLjI2MzM0IDQuMjI0ODJMMy45ODc3NCA2Ljk0ODM1TDEwLjcxODYgMC4yMTk2MjVDMTAuODU5NSAwLjA3ODk5MjMgMTEuMDUwNCAwIDExLjI0OTUgMEMxMS40NDg1IDAgMTEuNjM5NSAwLjA3ODk5MjMgMTEuNzgwMyAwLjIxOTYyNVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=');\n mask-size: 75%;\n mask-repeat: no-repeat;\n mask-position: center;\n\n @media screen and (prefers-reduced-motion: no-preference) {\n animation: checkmarkOut 80ms cubic-bezier(0.65, 0, 0.35, 1) forwards; / slightly snappier animation out /\n }\n }\n\n / extend touch target /\n &::after {\n @mixin minTouchTarget var(--yattho-control-medium-size, 32px) var(--yattho-control-medium-size, 32px);\n }\n\n &[disabled] {\n & ~ .FormControl-checkbox-labelWrap,\n & ~ .FormControl-radio-labelWrap {\n & .FormControl-label {\n color: var(--color-yattho-fg-disabled);\n cursor: not-allowed;\n }\n }\n }\n\n &:checked {\n background: var(--color-accent-fg);\n border-color: var(--color-accent-fg);\n transition: background-color, border-color 80ms cubic-bezier(0.32, 0, 0.67, 0) 0ms; / unchecked -> checked /\n\n &::before {\n visibility: visible;\n transition: visibility 0s linear 0s;\n\n @media screen and (prefers-reduced-motion: no-preference) {\n animation: checkmarkIn 80ms cubic-bezier(0.65, 0, 0.35, 1) forwards 80ms;\n }\n }\n\n &:disabled {\n cursor: not-allowed;\n background-color: var(--color-yattho-fg-disabled);\n border-color: var(--color-yattho-fg-disabled);\n opacity: 1;\n\n &::before {\n background-color: var(--color-fg-on-emphasis);\n }\n }\n\n / Windows High Contrast mode /\n @media (forced-colors: active) {\n background-color: canvastext;\n border-color: canvastext;\n }\n }\n\n &:focus-visible {\n @mixin focusOutline 2px;\n }\n\n &:indeterminate {\n &::before {\n mask-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMiIgdmlld0JveD0iMCAwIDEwIDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMCAxQzAgMC40NDc3MTUgMC40NDc3MTUgMCAxIDBIOUM5LjU1MjI5IDAgMTAgMC40NDc3MTUgMTAgMUMxMCAxLjU1MjI4IDkuNTUyMjkgMiA5IDJIMUMwLjQ0NzcxNSAyIDAgMS41NTIyOCAwIDFaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K');\n visibility: visible;\n }\n }\n}\n\ninput[type='radio'].FormControl-radio {\n @mixin Field;\n\n position: relative;\n width: var(--base-size-16, 16px);\n height: var(--base-size-16, 16px);\n margin: 0;\n margin-top: 0.125rem; / 2px to center align with label (20px line-height) /\n cursor: pointer;\n border-color: var(--color-neutral-emphasis);\n border-radius: var(--yattho-borderRadius-full, 100vh);\n transition: background-color, border-color 80ms cubic-bezier(0.33, 1, 0.68, 1); / checked -> unchecked - add 120ms delay to fully see animation-out /\n appearance: none;\n\n &::after {\n @mixin minTouchTarget var(--yattho-control-medium-size, 32px) var(--yattho-control-medium-size, 32px);\n }\n\n &:checked {\n border-color: var(--color-accent-fg);\n border-width: var(--base-size-4, 4px);\n\n &:disabled {\n cursor: not-allowed;\n border-color: var(--color-yattho-fg-disabled);\n }\n }\n\n &:focus-visible {\n @mixin focusOutline 2px;\n }\n\n / Windows High Contrast mode /\n @media (forced-colors: active) {\n background-color: canvastext;\n border-color: canvastext;\n }\n}\n\n@keyframes checkmarkIn {\n from {\n clip-path: inset(var(--base-size-16, 16px) 0 0 0);\n }\n\n to {\n clip-path: inset(0 0 0 0);\n }\n}\n\n@keyframes checkmarkOut {\n from {\n clip-path: inset(0 0 0 0);\n }\n\n to {\n clip-path: inset(var(--base-size-16, 16px) 0 0 0);\n }\n}",null,"@define-mixin focusOutline $outlineOffset: -2px, $outlineColor: var(--color-accent-fg) {\n outline: 2px solid $outlineColor;\n outline-offset: $outlineOffset;\n box-shadow: none;\n}",".btn-mktg {\n position: relative;\n z-index: 1;\n display: inline-block;\n\n / stylelint-disable-next-line yattho/spacing /\n padding: 0.9rem 1.5rem 1.1rem;\n\n / stylelint-disable-next-line yattho/typography /\n font-size: 1rem;\n font-weight: var(--base-text-weight-semibold, 600);\n line-height: 1;\n color: var(--color-canvas-default);\n text-align: center;\n white-space: nowrap;\n vertical-align: middle;\n user-select: none;\n background:\n linear-gradient(180deg, rgba(255, 255, 255, 15%) 0%, rgba(255, 255, 255, 0%) 100%),\n var(--color-mktg-btn-bg) !important;\n border: 0;\n\n / stylelint-disable-next-line yattho/borders /\n border-radius: 0.375rem;\n transition: box-shadow 0.2s, outline 0.2s ease;\n appearance: none !important;\n\n &::before {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: -1;\n content: '';\n\n / stylelint-disable-next-line yattho/colors /\n background: linear-gradient(180deg, rgba(255, 255, 255, 15%) 0%, rgba(255, 255, 255, 0%) 100%) !important;\n border-radius: inherit;\n opacity: 0;\n transition: opacity 0.2s;\n background-blend-mode: normal;\n }\n\n &:hover {\n text-decoration: none;\n box-shadow: var(--color-mktg-btn-shadow-hover) !important;\n }\n\n &:hover,\n &:focus,\n &:focus-visible,\n &.focus {\n &::before {\n opacity: 1;\n }\n }\n\n / fallback :focus state /\n &:focus {\n @mixin focusOutline 2px, var(--color-accent-fg);\n\n / remove fallback :focus if :focus-visible is supported /\n &:not(:focus-visible) {\n outline: solid 1px transparent;\n box-shadow: none;\n }\n }\n\n / default focus state /\n &:focus-visible {\n @mixin focusOutline 2px, var(--color-accent-fg) ;\n }\n\n &:active {\n &::before {\n opacity: 0.5 !important;\n }\n }\n\n &.disabled,\n &[disabled] {\n pointer-events: none;\n cursor: default;\n opacity: 0.5;\n }\n}\n\n.btn-muted-mktg {\n color: var(--color-fg-default) !important;\n background: none !important;\n box-shadow: var(--color-mktg-btn-shadow-outline);\n\n &::before {\n display: none;\n }\n\n &:hover {\n box-shadow: var(--color-mktg-btn-shadow-hover-muted) !important;\n }\n\n &:active {\n\n / stylelint-disable-next-line yattho/box-shadow /\n box-shadow: var(--color-fg-default) 0 0 0 3px inset !important;\n }\n\n &:disabled {\n\n / stylelint-disable-next-line yattho/box-shadow /\n box-shadow: var(--color-fg-subtle) 0 0 0 1px inset !important;\n }\n}\n\n.btn-subtle-mktg {\n color: var(--color-fg-default) !important;\n background: none !important;\n box-shadow: none !important;\n\n &::before {\n background: none !important;\n }\n\n &:hover {\n box-shadow: var(--color-mktg-btn-shadow-hover-muted) !important;\n }\n}\n\n.btn-signup-mktg {\n\n / stylelint-disable-next-line yattho/colors /\n color: #fff;\n\n / stylelint-disable-next-line yattho/colors /\n background: linear-gradient(180deg, rgba(52, 183, 89, 15%) 0%, rgba(46, 164, 79, 0%) 100%), rgb(46, 164, 79) !important;\n\n &::before {\n\n / stylelint-disable-next-line yattho/colors /\n background: linear-gradient(180deg, rgba(52, 183, 89, 15%) 0%, rgba(46, 164, 79, 0%) 100%) !important;\n }\n\n / fallback :focus state /\n &:focus {\n @mixin focusOutline 2px, var(--color-accent-fg) ;\n\n / remove fallback :focus if :focus-visible is supported /\n &:not(:focus-visible) {\n outline: solid 1px transparent;\n box-shadow: none;\n }\n }\n\n / default focus state /\n &:focus-visible {\n @mixin focusOutline 2px, var(--color-accent-fg) ;\n }\n}\n\n/ Size modifiers /\n\n.btn-small-mktg {\n\n / stylelint-disable-next-line yattho/spacing /\n padding: 0.625rem 1rem 0.8125rem;\n}\n\n.btn-large-mktg {\n\n / stylelint-disable-next-line yattho/spacing /\n padding: 16px 30px 20px !important;\n\n / stylelint-disable-next-line yattho/typography /\n font-size: 1.25rem;\n}","/ ToggleSwitch /\n\n/ Catalyst in dotcom applies a display: block to all web component elements. This\n** rule overrides it so the status label and toggle switch are laid out correctly. /\n.ToggleSwitch.ToggleSwitch {\n display: inline-flex;\n}\n\n.ToggleSwitch {\n align-items: center;\n display: inline-flex;\n gap: var(--yattho-controlStack-medium-gap-condensed, 8px);\n\n &:hover {\n & .ToggleSwitch-knob {\n background-color: var(--color-btn-hover-bg);\n }\n }\n\n &:active {\n & .ToggleSwitch-knob {\n background-color: var(--color-btn-active-bg);\n }\n }\n}\n\n.ToggleSwitch--checked {\n & .ToggleSwitch-statusOn {\n height: auto;\n visibility: visible;\n }\n\n & .ToggleSwitch-statusOff {\n height: 0;\n visibility: hidden;\n }\n}\n\n.ToggleSwitch-track {\n position: relative;\n display: block;\n width: var(--base-size-64, 64px);\n height: var(--yattho-control-medium-size, 32px);\n padding: 0;\n overflow: hidden;\n text-decoration: none;\n cursor: pointer;\n user-select: none;\n background-color: var(--color-switch-track-bg);\n border: var(--yattho-borderWidth-thin, 1px) solid var(--color-switch-track-border);\n border-radius: var(--yattho-borderRadius-medium, 6px);\n transition-timing-function: cubic-bezier(0.5, 1, 0.89, 1);\n transition-duration: 80ms;\n transition-property: background-color, border-color;\n appearance: none;\n\n &:focus,\n &:focus-visible {\n outline-offset: 0;\n }\n\n @media (pointer: coarse) {\n &::before {\n @mixin minTouchTarget 44px;\n }\n }\n\n @media (prefers-reduced-motion) {\n transition: none;\n\n & {\n transition: none;\n }\n }\n}\n\n.ToggleSwitch-track[aria-checked='true'][aria-disabled='true'] {\n background-color: var(--color-canvas-subtle);\n border-color: var(--color-border-subtle);\n\n &:hover,\n &:active {\n background-color: var(--color-canvas-subtle);\n\n /* This is the most straightforward way of setting the knob's styles when the\n ** switch is both checked and disabled. /\n\n & .ToggleSwitch-knob {\n background-color: var(--color-switch-knob-checked-disabled-bg);\n }\n }\n\n & .ToggleSwitch-knob {\n background-color: var(--color-switch-knob-checked-disabled-bg);\n }\n}\n\n.ToggleSwitch-track[aria-checked='true'] {\n background-color: var(--color-switch-track-checked-bg);\n border-color: var(--color-switch-track-checked-border);\n\n &:hover {\n background-color: var(--color-switch-track-checked-hover-bg);\n }\n\n &:active {\n background-color: var(--color-switch-track-checked-active-bg);\n }\n\n & .ToggleSwitch-knob {\n background-color: var(--color-switch-knob-checked-bg);\n border: 0;\n transform: translateX(calc(100% + 1px));\n }\n\n & .ToggleSwitch-lineIcon {\n transform: translateX(0%);\n }\n\n & .ToggleSwitch-circleIcon {\n transform: translateX(100%);\n }\n}\n\n.ToggleSwitch-track[aria-disabled='true'] {\n cursor: not-allowed;\n background-color: var(--color-canvas-subtle);\n border-color: var(--color-border-subtle);\n transition-property: none;\n\n &:hover,\n &:active {\n & .ToggleSwitch-knob {\n background-color: var(--color-btn-bg);\n }\n }\n\n & .ToggleSwitch-knob {\n border-color: var(--color-border-default);\n box-shadow: none;\n\n &:hover,\n &:active {\n background-color: var(--color-btn-bg);\n }\n }\n\n & .ToggleSwitch-lineIcon {\n color: var(--color-fg-subtle);\n }\n\n & .ToggleSwitch-circleIcon {\n color: var(--color-fg-subtle);\n }\n}\n\n.ToggleSwitch-icons {\n display: flex;\n align-items: center;\n width: 100%;\n height: 100%;\n overflow: hidden;\n}\n\n.ToggleSwitch-lineIcon {\n line-height: 0;\n color: var(--color-accent-fg);\n transition-duration: 80ms;\n transition-property: transform;\n transform: translateX(-100%);\n flex: 1 0 50%;\n}\n\n.ToggleSwitch-circleIcon {\n line-height: 0;\n color: var(--color-fg-default);\n transition-duration: 80ms;\n transition-property: transform;\n transform: translateX(0);\n flex: 1 0 50%;\n}\n\n.ToggleSwitch-knob {\n position: absolute;\n top: -1px;\n bottom: -1px;\n z-index: 1;\n width: 50%;\n background-color: var(--color-btn-bg);\n border: var(--yattho-borderWidth-thin, 1px) solid var(--color-switch-track-border);\n border-radius: var(--yattho-borderRadius-medium, 6px);\n box-shadow: var(--color-shadow-medium), var(--color-btn-inset-shadow);\n transition-timing-function: cubic-bezier(0.5, 1, 0.89, 1);\n transition-duration: 80ms;\n transition-property: transform;\n transform: translateX(-1px);\n\n @media (prefers-reduced-motion) {\n transition: none;\n }\n}\n\n.ToggleSwitch-status {\n position: relative;\n font-size: var(--yattho-text-body-size-medium, 14px);\n line-height: 1.5;\n color: var(--color-fg-default);\n text-align: right;\n}\n\n.ToggleSwitch-statusIcon {\n width: var(--base-size-16, 16px);\n display: flex;\n margin-top: 0.063rem;\n}\n\n.ToggleSwitch--small {\n & .ToggleSwitch-status {\n font-size: var(--yattho-text-body-size-small, 12px);\n }\n\n & .ToggleSwitch-track {\n width: var(--base-size-48, 48px);\n height: var(--yattho-control-xsmall-size, 24px);\n }\n}\n\n.ToggleSwitch--disabled {\n & .ToggleSwitch-status {\n color: var(--color-fg-muted);\n }\n}\n\n.ToggleSwitch-statusOn {\n height: 0;\n visibility: hidden;\n}\n\n.ToggleSwitch-statusOff {\n height: auto;\n visibility: visible;\n}\n\n.ToggleSwitch--statusAtEnd {\n flex-direction: row-reverse;\n\n & .ToggleSwitch-status {\n text-align: left;\n }\n}","/ UnderlineNav /\n\n.UnderlineNav {\n display: flex;\n min-height: var(--base-size-48, 48px);\n overflow-x: auto;\n overflow-y: hidden;\n box-shadow: inset 0 -1px 0 var(--color-border-muted);\n -webkit-overflow-scrolling: auto;\n justify-content: space-between;\n\n & .Counter {\n margin-left: var(--yattho-control-medium-gap, 8px);\n color: var(--color-fg-default);\n background-color: var(--color-neutral-muted);\n }\n\n & .Counter--primary {\n color: var(--color-fg-on-emphasis);\n background-color: var(--color-neutral-emphasis);\n }\n}\n\n.UnderlineNav-body {\n display: flex;\n align-items: center;\n gap: var(--yattho-control-medium-gap, 8px);\n list-style: none;\n}\n\n.UnderlineNav-item {\n position: relative;\n display: flex;\n padding: 0 var(--yattho-control-medium-paddingInline-condensed, 8px);\n font-size: var(--yattho-text-body-size-medium, 14px);\n line-height: 30px;\n color: var(--color-fg-default);\n text-align: center;\n white-space: nowrap;\n cursor: pointer;\n background-color: transparent;\n border: 0;\n border-radius: var(--yattho-borderRadius-medium, 6px);\n align-items: center;\n\n &:hover,\n &:focus,\n &:focus-visible {\n color: var(--color-fg-default);\n text-decoration: none;\n border-bottom-color: var(--color-neutral-muted);\n outline-offset: -2px;\n transition: border-bottom-color 0.12s ease-out;\n }\n\n / renders a visibly hidden \"copy\" of the label in bold, reserving box space for when label becomes bold on selected /\n & [data-content]::before {\n display: block;\n height: 0;\n font-weight: var(--base-text-weight-semibold, 600);\n visibility: hidden;\n content: attr(data-content);\n }\n\n / increase touch target area /\n &::before {\n @mixin minTouchTarget 48px;\n }\n\n / hover state was \"sticking\" on mobile after click /\n @media (pointer: fine) {\n &:hover {\n color: var(--color-fg-default);\n text-decoration: none;\n background: var(--color-action-list-item-default-hover-bg);\n transition: background 0.12s ease-out;\n }\n }\n\n &.selected,\n &[role='tab'][aria-selected='true'],\n &[aria-current]:not([aria-current='false']) {\n font-weight: var(--base-text-weight-semibold, 600);\n color: var(--color-fg-default);\n border-bottom-color: var(--color-yattho-border-active);\n\n / current/selected underline /\n &::after {\n position: absolute;\n right: 50%;\n bottom: calc(50% - 25px); / 48px total height / 2 (24px) + 1px /\n width: 100%;\n height: 2px;\n content: '';\n background: var(--color-yattho-border-active);\n border-radius: var(--yattho-borderRadius-medium, 6px);\n transform: translate(50%, -50%);\n }\n }\n}\n\n.UnderlineNav--right {\n justify-content: flex-end;\n\n & .UnderlineNav-actions {\n flex: 1 1 auto;\n }\n}\n\n.UnderlineNav-actions {\n align-self: center;\n}\n\n.UnderlineNav--full {\n display: block;\n\n / required for underline to align with additional wrapper element /\n & .UnderlineNav-body {\n min-height: var(--base-size-48, 48px);\n }\n}\n\n.UnderlineNav-octicon {\n display: inline !important;\n margin-right: var(--yattho-control-medium-gap, 8px);\n color: var(--color-fg-muted);\n fill: var(--color-fg-muted);\n}\n\n.UnderlineNav-container {\n display: flex;\n justify-content: space-between;\n}","/ SegmentedControl /\n\n.SegmentedControl {\n display: inline-flex;\n list-style: none;\n background-color: var(--color-segmented-control-bg);\n border-radius: var(--yattho-borderRadius-medium, 6px);\n box-shadow: var(--yattho-borderInset-thin, inset 0 0 0 max(1px, 0.0625rem)) var(--color-border-default);\n}\n\n.SegmentedControl-item {\n position: relative;\n display: inline-flex;\n border: var(--yattho-borderWidth-thin, max(1px, 0.0625rem)) solid transparent;\n border-radius: var(--yattho-borderRadius-medium, 6px);\n padding: var(--yattho-control-xsmall-paddingInline-condensed, 4px);\n\n / Selected ---------------------------------------- /\n &.SegmentedControl-item--selected {\n background-color: var(--color-btn-bg);\n border-color: var(--color-segmented-control-button-selected-border);\n\n & .Button {\n font-weight: var(--base-text-weight-semibold, 600);\n\n &:hover {\n background-color: transparent;\n }\n }\n\n &::before {\n border-color: transparent;\n }\n\n & + .SegmentedControl-item::before {\n border-color: transparent;\n }\n }\n\n / renders a visibly hidden \"copy\" of the text in bold, reserving box space for when text becomes bold on selected /\n & .Button-label[data-content]::before {\n display: block;\n height: 0;\n font-weight: var(--base-text-weight-semibold, 600);\n visibility: hidden;\n content: attr(data-content);\n }\n\n / Separator lines /\n &::before {\n position: absolute;\n inset: 0 0 0 -1px;\n margin-top: var(--yattho-control-medium-paddingBlock, 6px);\n margin-bottom: var(--yattho-control-medium-paddingBlock, 6px);\n content: '';\n border-left: var(--yattho-borderWidth-thin, max(1px, 0.0625rem)) solid var(--color-border-default);\n }\n\n / Button ----------------------------------------- /\n & .Button {\n border: 0;\n font-weight: var(--base-text-weight-normal, 400);\n transition: none;\n color: var(--color-btn-text);\n\n &:focus-visible {\n outline-offset: calc(var(--yattho-control-xsmall-paddingInline-condensed, 4px) - var(--yattho-borderWidth-thin, 1px));\n border-radius: calc(var(--yattho-borderRadius-medium, 6px) - 5px);\n }\n }\n\n & .Button--small {\n height: calc(var(--yattho-control-small-size, 28px) - var(--yattho-control-xsmall-paddingInline-condensed, 4px) 2 - var(--yattho-borderWidth-thin, 1px) * 2);\n padding: 0 calc(var(--yattho-control-small-paddingInline-condensed, 8px) - var(--yattho-control-xsmall-paddingInline-condensed, 4px));\n\n &.Button--iconOnly {\n width: calc(var(--yattho-control-medium-size, 32px) - var(--yattho-control-xsmall-paddingInline-condensed, 4px) * 2 - var(--yattho-borderWidth-thin, 1px) * 2);\n\n &::before {\n @mixin minTouchTarget var(--yattho-control-medium-size, 32px), var(--yattho-control-medium-size, 32px);\n }\n }\n }\n\n & .Button--medium {\n height: calc(var(--yattho-control-medium-size, 32px) - var(--yattho-control-xsmall-paddingInline-condensed, 4px) * 2 - var(--yattho-borderWidth-thin, 1px) * 2);\n padding: 0 calc(var(--yattho-control-medium-paddingInline-normal, 12px) - var(--yattho-control-xsmall-paddingInline-condensed, 4px));\n\n &.Button--iconOnly {\n width: calc(var(--yattho-control-medium-size, 32px) - var(--yattho-control-xsmall-paddingInline-condensed, 4px) * 2 - var(--yattho-borderWidth-thin, 1px) * 2);\n\n &::before {\n @mixin minTouchTarget var(--yattho-control-medium-size, 32px), var(--yattho-control-medium-size, 32px);\n }\n }\n }\n\n & .Button--large {\n height: calc(var(--yattho-control-large-size, 40px) - var(--yattho-control-xsmall-paddingInline-condensed, 4px) * 2 - var(--yattho-borderWidth-thin, 1px) * 2);\n padding: 0 calc(var(--yattho-control-large-paddingInline-spacious, 16px) - var(--yattho-control-xsmall-paddingInline-condensed, 4px));\n\n &.Button--iconOnly {\n width: calc(var(--yattho-control-large-size, 40px) - var(--yattho-control-xsmall-paddingInline-condensed, 4px) * 2 - var(--yattho-borderWidth-thin, 1px) * 2);\n\n &::before {\n @mixin minTouchTarget var(--yattho-control-large-size, 40px), var(--yattho-control-large-size, 40px);\n }\n }\n }\n\n & .Button--iconOnly {\n padding: initial;\n }\n\n & .Button--invisible.Button--invisible-noVisuals .Button-label {\n color: var(--color-btn-text);\n }\n}\n\n/* fullWidth /\n.SegmentedControl--fullWidth {\n display: flex;\n\n & .SegmentedControl-item {\n flex: 1;\n justify-content: center;\n }\n\n / is .Button-withTooltip used anywhere? can't find use of it /\n & .Button--iconOnly,\n & .Button-withTooltip {\n width: 100%;\n }\n}","/ menu /\n\n/ A menu on the side of a page, defaults to left side. e.g. github.com/about /\n\n.menu {\n margin-bottom: var(--yattho-stack-gap-normal, 16px);\n list-style: none;\n background-color: var(--color-canvas-default);\n border: var(--yattho-borderWidth-thin, 1px) solid var(--color-border-default);\n border-radius: var(--yattho-borderRadius-medium, 6px);\n}\n\n.menu-item {\n position: relative;\n display: block;\n padding: var(--yattho-control-medium-paddingInline-condensed, 8px) var(--yattho-control-medium-paddingInline-spacious, 16px);\n color: var(--color-fg-default);\n border-bottom: var(--yattho-borderWidth-thin, 1px) solid var(--color-border-muted);\n\n &:first-child {\n border-top: 0;\n border-top-left-radius: var(--yattho-borderRadius-medium, 6px);\n border-top-right-radius: var(--yattho-borderRadius-medium, 6px);\n\n &::before {\n border-top-left-radius: var(--yattho-borderRadius-medium, 6px);\n }\n }\n\n &:last-child {\n border-bottom: 0;\n border-bottom-right-radius: var(--yattho-borderRadius-medium, 6px);\n border-bottom-left-radius: var(--yattho-borderRadius-medium, 6px);\n\n &::before {\n border-bottom-left-radius: var(--yattho-borderRadius-medium, 6px);\n }\n }\n\n &:hover {\n text-decoration: none;\n background-color: var(--color-neutral-subtle);\n }\n\n &:active {\n background-color: var(--color-canvas-subtle);\n }\n\n &.selected,\n &[aria-selected='true'],\n &[aria-current]:not([aria-current='false']) {\n cursor: default;\n background-color: var(--color-menu-bg-active);\n\n &::before {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n width: 2px;\n content: '';\n background-color: var(--color-yattho-border-active);\n }\n }\n\n & .octicon {\n width: 16px;\n margin-right: var(--yattho-control-medium-gap, 8px);\n color: var(--color-fg-muted);\n text-align: center;\n }\n\n & .Counter {\n float: right;\n margin-left: var(--yattho-control-small-gap, 4px);\n }\n\n & .menu-warning {\n float: right;\n color: var(--color-attention-fg);\n }\n\n & .avatar {\n float: left;\n margin-right: var(--yattho-control-small-gap, 4px);\n }\n\n &.alert {\n & .Counter {\n color: var(--color-danger-fg);\n }\n }\n}\n\n.menu-heading {\n display: block;\n padding: var(--yattho-control-medium-paddingInline-condensed, 8px) var(--yattho-control-medium-paddingInline-spacious, 16px);\n margin-top: 0;\n margin-bottom: 0;\n font-size: inherit;\n font-weight: var(--base-text-weight-semibold, 600);\n color: var(--color-fg-default);\n border-bottom: var(--yattho-borderWidth-thin, 1px) solid var(--color-border-muted);\n\n &:hover {\n text-decoration: none;\n }\n\n &:first-child {\n border-top-left-radius: var(--yattho-borderRadius-medium, 6px);\n border-top-right-radius: var(--yattho-borderRadius-medium, 6px);\n }\n\n &:last-child {\n border-bottom: 0;\n border-bottom-right-radius: var(--yattho-borderRadius-medium, 6px);\n border-bottom-left-radius: var(--yattho-borderRadius-medium, 6px);\n }\n}","/ avatar /\n\n.avatar {\n display: inline-block;\n overflow: hidden; / Ensure page layout in Firefox should images fail to load /\n line-height: 1;\n vertical-align: middle;\n background-color: var(--color-avatar-bg); / adds opaque bg to transparent avatars /\n border-radius: var(--yattho-borderRadius-medium, 6px);\n flex-shrink: 0;\n box-shadow: 0 0 0 1px var(--color-avatar-border);\n}\n\n.avatar-link {\n float: left;\n line-height: 1;\n}\n\n/ User for example on /stars and /user for grids of avatars /\n.avatar-group-item {\n display: inline-block;\n margin-bottom: 3px;\n}\n\n/ Border radius /\n\n.avatar-1,\n.avatar-2,\n.avatar-small {\n border-radius: var(--yattho-borderRadius-small, 4px);\n}\n\n/ Sizes /\n\n.avatar-1 {\n width: var(--base-size-16, 16px);\n height: var(--base-size-16, 16px);\n}\n\n.avatar-2 {\n width: var(--base-size-20, 20px);\n height: var(--base-size-20, 20px);\n}\n\n.avatar-3 {\n width: var(--base-size-24, 24px);\n height: var(--base-size-24, 24px);\n}\n\n.avatar-4 {\n width: var(--base-size-28, 28px);\n height: var(--base-size-28, 28px);\n}\n\n.avatar-5 {\n width: var(--base-size-32, 32px);\n height: var(--base-size-32, 32px);\n}\n\n.avatar-6 {\n width: var(--base-size-40, 40px);\n height: var(--base-size-40, 40px);\n}\n\n.avatar-7 {\n width: var(--base-size-48, 48px);\n height: var(--base-size-48, 48px);\n}\n\n.avatar-8 {\n width: var(--base-size-64, 64px);\n height: var(--base-size-64, 64px);\n}","/ AvatarStack /\n\n/ Stacked avatars can be used to show who is participating in thread when\n** there is limited space available. /\n\n.AvatarStack {\n position: relative;\n min-width: 26px;\n height: 20px;\n\n & .AvatarStack-body {\n position: absolute;\n }\n\n &.AvatarStack--two {\n min-width: 36px;\n }\n\n &.AvatarStack--three-plus {\n min-width: 46px;\n }\n}\n\n.AvatarStack-body {\n display: flex;\n background: var(--color-canvas-default);\n border-radius: 100px;\n\n & .avatar {\n position: relative;\n z-index: 2;\n display: flex;\n width: 20px;\n height: 20px;\n box-sizing: content-box;\n margin-right: -11px;\n background-color: var(--color-canvas-default);\n border-right: var(--yattho-borderWidth-thin, 1px) solid var(--color-canvas-default);\n border-radius: var(--yattho-borderRadius-small, 4px);\n box-shadow: none;\n transition: margin 0.1s ease-in-out;\n\n &:first-child {\n z-index: 3;\n }\n\n &:last-child {\n z-index: 1;\n border-right: 0;\n }\n\n & img {\n border-radius: var(--yattho-borderRadius-small, 4px);\n }\n\n / Account for 4+ avatars /\n &:nth-child(n + 4) {\n display: none;\n opacity: 0;\n }\n }\n\n &:hover {\n & .avatar {\n margin-right: 3px;\n }\n\n & .avatar:nth-child(n + 4) {\n display: flex;\n opacity: 1;\n }\n\n & .avatar-more {\n display: none !important;\n }\n }\n}\n\n.avatar.avatar-more {\n z-index: 1;\n margin-right: 0;\n background: var(--color-canvas-subtle);\n\n &::before,\n &::after {\n position: absolute;\n display: block;\n height: 20px;\n content: '';\n border-radius: 2px;\n outline: var(--yattho-borderWidth-thin, 1px) solid var(--color-canvas-default);\n }\n\n &::before {\n width: 17px;\n background: var(--color-avatar-stack-fade-more);\n }\n\n &::after {\n width: 14px;\n background: var(--color-avatar-stack-fade);\n }\n}\n\n/ Right aligned variation /\n\n.AvatarStack--right {\n & .AvatarStack-body {\n right: 0;\n flex-direction: row-reverse;\n\n &:hover .avatar {\n margin-right: 0;\n margin-left: 3px;\n }\n\n & .avatar:not(:last-child) {\n border-left: 0;\n }\n }\n\n & .avatar.avatar-more {\n background: var(--color-avatar-stack-fade);\n\n &::before {\n width: 5px;\n }\n\n &::after {\n width: 2px;\n background: var(--color-canvas-subtle);\n }\n }\n\n & .avatar {\n margin-right: 0;\n margin-left: -11px;\n border-right: 0;\n border-left: var(--yattho-borderWidth-thin, 1px) solid var(--color-canvas-default);\n }\n}","/ BorderBox /\n\n/ TODO: Rename to BorderBox to match YVC /\n.Box {\n background-color: var(--color-canvas-default);\n border-color: var(--color-border-default);\n border-style: solid;\n border-width: var(--yattho-borderWidth-thin, 1px);\n border-radius: var(--yattho-borderRadius-medium, 6px);\n}\n\n/ Box padding density options /\n.Box--condensed {\n line-height: 1.25;\n\n & .Box-header {\n padding: var(--yattho-stack-padding-condensed, 8px) var(--yattho-stack-padding-normal, 16px);\n }\n\n & .Box-body {\n padding: var(--yattho-stack-padding-condensed, 8px) var(--yattho-stack-padding-normal, 16px);\n }\n\n & .Box-footer {\n padding: var(--yattho-stack-padding-condensed, 8px) var(--yattho-stack-padding-normal, 16px);\n }\n\n & .Box-btn-octicon {\n &.btn-octicon {\n padding: var(--yattho-control-medium-paddingInline-condensed, 8px) var(--yattho-control-medium-paddingInline-spacious, 16px);\n margin: calc(var(--yattho-controlStack-medium-gap-condensed, 8px) -1) calc(var(--yattho-controlStack-small-gap-spacious, 16px) * -1);\n line-height: 1.25;\n }\n }\n\n & .Box-row {\n padding: var(--yattho-stack-padding-condensed, 8px) var(--yattho-stack-padding-normal, 16px);\n }\n}\n\n.Box--spacious {\n & .Box-header {\n padding: var(--yattho-stack-padding-spacious, 24px);\n line-height: 1.25;\n }\n\n & .Box-title {\n font-size: var(--yattho-text-title-size-medium, 20px);\n }\n\n & .Box-body {\n padding: var(--yattho-stack-padding-spacious, 24px);\n }\n\n & .Box-footer {\n padding: var(--yattho-stack-padding-spacious, 24px);\n }\n\n & .Box-btn-octicon {\n &.btn-octicon {\n padding: var(--yattho-stack-padding-spacious, 24px);\n margin: calc(var(--yattho-stack-gap-spacious, 24px) * -1) calc(var(--yattho-stack-gap-spacious, 24px) * -1);\n }\n }\n\n & .Box-row {\n padding: var(--yattho-stack-padding-spacious, 24px);\n }\n}\n\n.Box-header {\n padding: var(--yattho-stack-padding-normal, 16px);\n margin: calc(var(--yattho-borderWidth-thin, 1px) * -1) calc(var(--yattho-borderWidth-thin, 1px) * -1) 0;\n background-color: var(--color-canvas-subtle);\n border-color: var(--color-border-default);\n border-style: solid;\n border-width: var(--yattho-borderWidth-thin, 1px);\n border-top-left-radius: var(--yattho-borderRadius-medium, 6px);\n border-top-right-radius: var(--yattho-borderRadius-medium, 6px);\n}\n\n.Box-title {\n font-size: var(--yattho-text-body-size-medium, 14px);\n font-weight: var(--base-text-weight-semibold, 600);\n}\n\n.Box-body {\n padding: var(--yattho-stack-padding-normal, 16px);\n border-bottom: var(--yattho-borderWidth-thin, 1px) solid var(--color-border-default);\n\n /* Ensures bottom-border doesn't poke out when .Box-body used without box-footer /\n &:last-of-type {\n margin-bottom: calc(var(--yattho-borderWidth-thin, 1px) -1);\n border-bottom-right-radius: var(--yattho-borderRadius-medium, 6px);\n border-bottom-left-radius: var(--yattho-borderRadius-medium, 6px);\n }\n}\n\n/* Box rows /\n.Box-row {\n padding: var(--yattho-stack-padding-normal, 16px);\n margin-top: calc(var(--yattho-borderWidth-thin, 1px) -1);\n list-style-type: none; /* To account for applying Box component to a list /\n border-top-color: var(--color-border-muted);\n border-top-style: solid;\n border-top-width: var(--yattho-borderWidth-thin, 1px);\n\n &:first-of-type {\n border-top-left-radius: var(--yattho-borderRadius-medium, 6px);\n border-top-right-radius: var(--yattho-borderRadius-medium, 6px);\n }\n\n &:last-of-type {\n border-bottom-right-radius: var(--yattho-borderRadius-medium, 6px);\n border-bottom-left-radius: var(--yattho-borderRadius-medium, 6px);\n }\n\n / Adds a blue vertical line to the left of the row\n ** For indicating a row item is unread /\n &.Box-row--unread,\n / .unread to be deprecated with .Box-row-unread /\n &.unread {\n box-shadow: inset 2px 0 0 var(--color-accent-emphasis);\n }\n\n &.navigation-focus {\n / Focus styles for when drag icon /\n & .Box-row--drag-button {\n color: var(--color-accent-fg);\n cursor: grab;\n opacity: 100;\n }\n\n / Grabbing while row is dragged /\n &.is-dragging .Box-row--drag-button {\n cursor: grabbing;\n }\n\n / Row dragging styles /\n &.sortable-chosen {\n background-color: var(--color-canvas-subtle);\n }\n\n / Makes dragging row background gray /\n &.sortable-ghost {\n background-color: var(--color-canvas-subtle);\n\n / Hides contents of row while dragging so row looks solid gray /\n & .Box-row--drag-hide {\n opacity: 0;\n }\n }\n }\n}\n\n.Box-row--focus-gray {\n &.navigation-focus {\n background-color: var(--color-canvas-subtle);\n }\n}\n\n.Box-row--focus-blue {\n &.navigation-focus {\n background-color: var(--color-accent-subtle);\n }\n}\n\n.Box-row--hover-gray {\n &:hover {\n background-color: var(--color-canvas-subtle);\n }\n}\n\n.Box-row--hover-blue {\n &:hover {\n background-color: var(--color-accent-subtle);\n }\n}\n\n/ Optional link style\n Makes links on mobile blue since they don't have hover state,\n and links are dark-gray with blue hover on desktop. /\n.Box-row-link {\n @media (min-width: 768px) {\n color: var(--color-fg-default);\n text-decoration: none;\n\n &:hover {\n color: var(--color-accent-fg);\n text-decoration: none;\n }\n }\n}\n\n/ Optional drag icon styles for reordering items\n** Focus styles included in .Box-row above /\n.Box-row--drag-button {\n opacity: 0;\n}\n\n.Box-footer {\n padding: var(--yattho-stack-padding-normal, 16px);\n margin-top: calc(var(--yattho-borderWidth-thin, 1px) -1); /* prevents double border when used with .Box-body /\n border-top-color: var(--color-border-default);\n border-top-style: solid;\n border-top-width: var(--yattho-borderWidth-thin, 1px);\n border-radius: 0 0 var(--yattho-borderRadius-medium, 6px) var(--yattho-borderRadius-medium, 6px);\n}\n\n/ Option for a box with scrolling content /\n.Box--scrollable {\n max-height: 324px;\n overflow: scroll;\n}\n\n/ Box themes /\n\n.Box--blue {\n border-color: var(--color-accent-muted);\n\n & .Box-header {\n background-color: var(--color-accent-subtle);\n border-color: var(--color-accent-muted);\n }\n\n & .Box-body {\n border-color: var(--color-accent-muted);\n }\n\n & .Box-row {\n border-color: var(--color-accent-muted);\n }\n\n & .Box-footer {\n border-color: var(--color-accent-muted);\n }\n}\n\n/ Applies and red border to the outside of the box,\n** but not to the border separating rows. /\n.Box--danger {\n border-color: var(--color-danger-emphasis);\n\n & .Box-row {\n &:first-of-type {\n border-color: var(--color-danger-emphasis);\n }\n }\n\n & .Box-body {\n &:last-of-type {\n border-color: var(--color-danger-emphasis);\n }\n }\n}\n\n.Box-header--blue {\n background-color: var(--color-accent-subtle);\n border-color: var(--color-accent-muted);\n}\n\n/ Box row highlight themes /\n\n.Box-row--yellow {\n background-color: var(--color-attention-subtle);\n}\n\n.Box-row--blue {\n background-color: var(--color-accent-subtle);\n}\n\n.Box-row--gray {\n background-color: var(--color-canvas-subtle);\n}\n\n/ Box with btn-octicon /\n.Box-btn-octicon {\n / Increase specificity when btn-octicon is used because comes after .Box in the cascade /\n &.btn-octicon {\n padding: var(--yattho-control-medium-paddingInline-spacious, 16px) var(--yattho-control-medium-paddingInline-spacious, 16px);\n margin: calc(var(--yattho-controlStack-small-gap-spacious, 16px) -1) calc(var(--yattho-controlStack-small-gap-spacious, 16px) * -1);\n line-height: 1.5; /* override btn-octicon line-height /\n }\n}","/ blankslate /\n\n.blankslate {\n position: relative;\n padding: var(--base-size-32, 32px);\n text-align: center;\n\n & p {\n color: var(--color-fg-muted);\n }\n\n & code {\n padding: 2px 5px 3px;\n font-size: var(--yattho-text-body-size-medium, 14px);\n background: var(--color-canvas-default);\n border: var(--yattho-borderWidth-thin, 1px) solid var(--color-border-muted);\n border-radius: var(--yattho-borderRadius-medium, 6px);\n }\n\n & img {\n width: 56px;\n height: 56px;\n }\n}\n\n.blankslate-icon {\n margin-right: var(--yattho-control-small-gap, 4px);\n margin-bottom: var(--yattho-stack-gap-condensed, 8px);\n margin-left: var(--yattho-control-small-gap, 4px);\n color: var(--color-fg-muted);\n}\n\n.blankslate-image {\n margin-bottom: var(--yattho-stack-gap-normal, 16px);\n}\n\n.blankslate-heading {\n margin-bottom: var(--base-size-4, 4px);\n}\n\n.blankslate-action {\n margin-top: var(--yattho-stack-gap-normal, 16px);\n\n &:first-of-type {\n margin-top: var(--yattho-stack-gap-spacious, 24px);\n }\n\n &:last-of-type {\n margin-bottom: var(--yattho-stack-gap-condensed, 8px);\n }\n}\n\n.blankslate-capped {\n border-radius: 0 0 var(--yattho-borderRadius-medium, 6px) var(--yattho-borderRadius-medium, 6px);\n}\n\n.blankslate-spacious {\n padding: var(--base-size-80, 80px) var(--base-size-40, 40px);\n}\n\n.blankslate-narrow {\n max-width: 485px;\n margin: 0 auto;\n}\n\n/ was .large-format\n** QUESTION: should we deprecate this? /\n.blankslate-large {\n & img {\n width: 80px;\n height: 80px;\n }\n\n & h3 {\n margin: var(--yattho-stack-gap-normal, 16px) 0;\n\n / font-size: $h3-size; // This doesn't actually make the text larger. Should this be $h2-size? /\n font-size: 24px;\n }\n\n & p {\n font-size: var(--yattho-text-body-size-large, 16px);\n }\n}\n\n/ was .clean-background\n** TO DO: deprecate this and use utility instead /\n.blankslate-clean-background {\n border: 0;\n}",".breadcrumb-item {\n display: inline-block;\n margin-left: -0.35em;\n white-space: nowrap;\n list-style: none;\n\n &::after {\n display: inline-block;\n height: 0.8em;\n margin: 0 0.5em;\n content: '';\n border-right: 0.1em solid var(--color-fg-muted);\n transform: rotate(15deg);\n }\n\n &:first-child {\n margin-left: 0;\n }\n}\n\n.breadcrumb-item-selected,\n.breadcrumb-item[aria-current]:not([aria-current='false']) {\n &::after {\n content: none;\n }\n}\n\n.breadcrumb-item-selected a {\n color: var(--color-fg-default);\n}","/ CSS for Button /\n\n/ temporary, pre primitives release /\n:root {\n --yattho-duration-fast: 80ms;\n --yattho-easing-easeInOut: cubic-bezier(0.65, 0, 0.35, 1);\n}\n\n/ base button /\n.Button {\n position: relative;\n font-size: var(--yattho-text-body-size-medium, 14px);\n font-weight: var(--base-text-weight-medium, 500);\n cursor: pointer;\n user-select: none;\n background-color: transparent;\n border: var(--yattho-borderWidth-thin, 1px) solid;\n border-color: transparent;\n border-radius: var(--yattho-borderRadius-medium, 6px);\n color: var(--color-btn-text);\n transition: var(--yattho-duration-fast) var(--yattho-easing-easeInOut);\n transition-property: color, fill, background-color, border-color;\n text-align: center;\n height: var(--yattho-control-medium-size, 32px);\n padding: 0 var(--yattho-control-medium-paddingInline-normal, 12px);\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n gap: var(--yattho-control-medium-gap, 8px);\n min-width: max-content;\n\n / mobile friendly sizing /\n @media (pointer: coarse) {\n &::before {\n @mixin minTouchTarget 48px, 48px;\n }\n }\n\n / base states /\n\n &:hover {\n transition-duration: var(--yattho-duration-fast);\n }\n\n &:active {\n transition: none;\n }\n\n &:disabled,\n &[aria-disabled='true'] {\n cursor: not-allowed;\n box-shadow: none;\n }\n}\n\n.Button-withTooltip {\n position: relative;\n display: inline-block;\n}\n\na.Button,\nsummary.Button {\n display: inline-flex;\n\n &:hover {\n text-decoration: none;\n }\n}\n\n/ wrap grid content to allow trailingAction to lock-right /\n.Button-content {\n flex: 1 0 auto;\n display: grid;\n grid-template-areas: 'leadingVisual text trailingVisual';\n grid-template-columns: min-content minmax(0, auto) min-content;\n align-items: center;\n place-content: center;\n\n / padding-bottom: 1px; optical alignment for firefox /\n\n & > :not(:last-child) {\n margin-right: var(--yattho-control-medium-gap, 8px);\n }\n}\n\n/ center child elements for fullWidth /\n.Button-content--alignStart {\n justify-content: start;\n}\n\n/ button child elements /\n\n/ align svg /\n.Button-visual {\n display: flex;\n pointer-events: none; / allow click handler to work, avoiding visuals /\n\n & .Counter {\n color: inherit;\n background-color: var(--color-btn-counter-bg);\n }\n}\n\n.Button-label {\n grid-area: text;\n white-space: nowrap;\n line-height: var(--yattho-text-body-lineHeight-medium, calc(20 / 14));\n}\n\n.Button-leadingVisual {\n grid-area: leadingVisual;\n}\n\n.Button-trailingVisual {\n grid-area: trailingVisual;\n}\n\n.Button-trailingAction {\n margin-right: calc(var(--base-size-4, 4px) -1);\n}\n\n/* sizes /\n\n.Button--small {\n font-size: var(--yattho-text-body-size-small, 12px);\n height: var(--yattho-control-small-size, 28px);\n padding: 0 var(--yattho-control-small-paddingInline-condensed, 8px);\n gap: var(--yattho-control-small-gap, 4px);\n\n & .Button-label {\n line-height: var(--yattho-text-body-lineHeight-small, calc(20 / 12));\n }\n\n & .Button-content {\n & > :not(:last-child) {\n margin-right: var(--yattho-control-small-gap, 4px);\n }\n }\n}\n\n.Button--large {\n height: var(--yattho-control-large-size, 40px);\n padding: 0 var(--yattho-control-large-paddingInline-spacious, 16px);\n gap: var(--yattho-control-large-gap, 8px);\n\n & .Button-label {\n line-height: var(--yattho-text-body-lineHeight-large, calc(48 / 32));\n }\n\n & .Button-content {\n & > :not(:last-child) {\n margin-right: var(--yattho-control-large-gap, 8px);\n }\n }\n}\n\n.Button--fullWidth {\n width: 100%;\n}\n\n/ variants /\n\n/ primary /\n.Button--primary {\n color: var(--color-btn-primary-text);\n fill: var(--color-btn-primary-icon);\n background-color: var(--color-btn-primary-bg);\n border-color: var(--color-btn-primary-border);\n box-shadow: var(--color-btn-primary-shadow), var(--color-btn-primary-inset-shadow);\n\n &:hover:not(:disabled) {\n background-color: var(--color-btn-primary-hover-bg);\n border-color: var(--color-btn-primary-hover-border);\n }\n\n / fallback :focus state /\n &:focus {\n @mixin focusOutlineOnEmphasis;\n\n / remove fallback :focus if :focus-visible is supported /\n &:not(:focus-visible) {\n outline: solid 1px transparent;\n box-shadow: none;\n }\n }\n\n / default focus state /\n &:focus-visible {\n @mixin focusOutlineOnEmphasis;\n }\n\n &:active:not(:disabled),\n &[aria-pressed='true'] {\n background-color: var(--color-btn-primary-selected-bg);\n box-shadow: var(--color-btn-primary-selected-shadow);\n }\n\n &:disabled,\n &[aria-disabled='true'] {\n color: var(--color-btn-primary-disabled-text);\n background-color: var(--color-btn-primary-disabled-bg);\n border-color: var(--color-btn-primary-disabled-border);\n fill: var(--color-btn-primary-disabled-text);\n }\n}\n\n/ default (secondary) /\n.Button--secondary {\n color: var(--color-btn-text);\n fill: var(--color-fg-muted); / help this /\n background-color: var(--color-btn-bg);\n border-color: var(--color-btn-border);\n box-shadow: var(--color-btn-shadow), var(--color-btn-inset-shadow);\n\n &:hover:not(:disabled) {\n background-color: var(--color-btn-hover-bg);\n border-color: var(--color-btn-hover-border);\n }\n\n &:active:not(:disabled) {\n background-color: var(--color-btn-active-bg);\n border-color: var(--color-btn-active-border);\n }\n\n &[aria-pressed='true'] {\n background-color: var(--color-btn-selected-bg);\n box-shadow: var(--color-yattho-shadow-inset);\n }\n\n &:disabled,\n &[aria-disabled='true'] {\n color: var(--color-yattho-fg-disabled);\n background-color: var(--color-btn-bg);\n border-color: var(--color-btn-border);\n fill: var(--color-yattho-fg-disabled);\n }\n}\n\n.Button--invisible {\n color: var(--color-btn-text);\n\n &:hover:not(:disabled) {\n background-color: var(--color-action-list-item-default-hover-bg);\n }\n\n &[aria-pressed='true'],\n &:active:not(:disabled) {\n background-color: var(--color-action-list-item-default-active-bg);\n }\n\n &:disabled,\n &[aria-disabled='true'] {\n color: var(--color-yattho-fg-disabled);\n background-color: var(--color-btn-bg);\n border-color: var(--color-btn-border);\n fill: var(--color-yattho-fg-disabled);\n }\n\n / if button has no visuals, use link blue for text /\n &.Button--invisible-noVisuals .Button-label {\n color: var(--color-accent-fg);\n }\n\n & .Button-visual {\n color: var(--color-fg-muted);\n }\n}\n\n.Button--link {\n color: var(--color-accent-fg);\n fill: var(--color-accent-fg);\n display: inline-block;\n font-size: inherit;\n border: none;\n height: unset;\n padding: 0;\n\n &:hover:not(:disabled) {\n text-decoration: underline;\n }\n\n &:focus-visible, &:focus {\n outline-offset: 2px;\n }\n\n &:disabled,\n &[aria-disabled='true'] {\n color: var(--color-yattho-fg-disabled);\n background-color: transparent;\n border-color: transparent;\n fill: var(--color-yattho-fg-disabled);\n }\n}\n\n/ danger /\n.Button--danger {\n color: var(--color-btn-danger-text);\n fill: var(--color-btn-danger-icon);\n background-color: var(--color-btn-bg);\n border-color: var(--color-btn-border);\n box-shadow: var(--color-btn-shadow), var(--color-btn-inset-shadow);\n\n &:hover:not(:disabled) {\n color: var(--color-btn-danger-hover-text);\n fill: var(--color-btn-danger-hover-text);\n background-color: var(--color-btn-danger-hover-bg);\n border-color: var(--color-btn-danger-hover-border);\n box-shadow: var(--color-btn-danger-hover-shadow), var(--color-btn-danger-hover-inset-shadow);\n }\n\n &:active:not(:disabled),\n &[aria-pressed='true'] {\n color: var(--color-btn-danger-selected-text);\n fill: var(--color-btn-danger-selected-text);\n background-color: var(--color-btn-danger-selected-bg);\n border-color: var(--color-btn-danger-selected-border);\n box-shadow: var(--color-btn-danger-selected-shadow);\n }\n\n &:disabled,\n &[aria-disabled='true'] {\n color: var(--color-btn-danger-disabled-text);\n fill: var(--color-btn-danger-disabled-text);\n background-color: var(--color-btn-danger-disabled-bg);\n border-color: var(--color-btn-border);\n }\n}\n\n\n.Button--iconOnly {\n display: grid;\n place-content: center;\n padding: unset;\n width: var(--yattho-control-medium-size, 32px);\n\n &.Button--small {\n width: var(--yattho-control-small-size, 28px);\n }\n\n &.Button--large {\n width: var(--yattho-control-large-size, 40px);\n }\n}","/ outline with fg box-shadow for buttons /\n@define-mixin focusOutlineOnEmphasis $outlineOffset: -2px, $outlineColor: var(--color-accent-fg) {\n outline: 2px solid $outlineColor;\n outline-offset: $outlineOffset;\n box-shadow: inset 0 0 0 3px var(--color-fg-on-emphasis);\n}","/ Counter /\n\n.Counter {\n display: inline-block;\n min-width: var(--base-size-20, 20px); / makes sure it's a circle with just one digit /\n padding: 0 6px;\n font-size: var(--yattho-text-body-size-small, 12px);\n font-weight: var(--base-text-weight-medium, 500);\n line-height: calc(var(--base-size-20, 20px) - var(--yattho-borderWidth-thin, 1px) 2); /* 20px - 2px for the borders /\n color: var(--color-fg-default);\n text-align: center;\n background-color: var(--color-neutral-muted);\n border: var(--yattho-borderWidth-thin, 1px) solid var(--color-counter-border);\n border-radius: 2em;\n\n &:empty {\n display: none;\n }\n\n / Is this selector used? could not find any use of it /\n & .octicon {\n vertical-align: text-top;\n opacity: 0.8;\n }\n}\n\n.Counter--primary {\n color: var(--color-fg-on-emphasis);\n background-color: var(--color-neutral-emphasis);\n}\n\n.Counter--secondary {\n color: var(--color-fg-muted);\n background-color: var(--color-neutral-subtle);\n}","/ flash /\n\n/ Default flash /\n.flash:not(.Banner) {\n position: relative;\n padding: var(--base-size-20, 20px) var(--yattho-control-medium-paddingInline-spacious, 16px);\n border-style: solid;\n border-width: var(--yattho-borderWidth-thin, 1px);\n border-radius: var(--yattho-borderRadius-medium, 6px);\n\n / Default color /\n color: var(--color-fg-default);\n background-image: linear-gradient(var(--color-accent-subtle), var(--color-accent-subtle));\n border-color: var(--color-accent-muted);\n\n & .octicon {\n color: var(--color-accent-fg);\n margin-right: var(--base-size-12, 12px);\n }\n\n & p:last-child {\n margin-bottom: 0;\n }\n}\n\n/ Contain the flash messages /\n.flash-messages {\n margin-bottom: var(--yattho-stack-gap-spacious, 24px);\n}\n\n/ Close button /\n.flash-close:not(.Banner-close) {\n float: right;\n padding: var(--yattho-control-medium-paddingInline-spacious, 16px);\n margin: calc(var(--yattho-control-medium-paddingInline-spacious, 16px) -1);\n text-align: center;\n cursor: pointer;\n\n /* Undo `<button>` styles /\n background: none;\n border: 0;\n appearance: none;\n\n &:hover {\n opacity: 0.7;\n }\n\n &:active {\n opacity: 0.5;\n }\n\n & .octicon {\n margin-right: 0;\n }\n}\n\n/ Action button /\n.flash-action:not(.Banner-actions) {\n float: right;\n margin-top: -3px;\n margin-left: var(--yattho-stack-gap-spacious, 24px);\n background-clip: padding-box;\n\n &.btn .octicon {\n margin-right: var(--yattho-control-small-gap, 4px);\n color: var(--color-fg-muted);\n }\n\n &.btn-primary {\n background-clip: border-box;\n\n & .octicon {\n color: inherit;\n }\n }\n}\n\n\n/ Color variations /\n\n.flash-warn:not(.Banner) {\n color: var(--color-fg-default);\n background-image: linear-gradient(var(--color-attention-subtle), var(--color-attention-subtle));\n border-color: var(--color-attention-muted);\n\n & .octicon {\n color: var(--color-attention-fg);\n }\n}\n\n.flash-error:not(.Banner) {\n color: var(--color-fg-default);\n background-image: linear-gradient(var(--color-danger-subtle), var(--color-danger-subtle));\n border-color: var(--color-danger-muted);\n\n & .octicon {\n color: var(--color-danger-fg);\n }\n}\n\n.flash-success:not(.Banner) {\n color: var(--color-fg-default);\n background-image: linear-gradient(var(--color-success-subtle), var(--color-success-subtle));\n border-color: var(--color-success-muted);\n\n & .octicon {\n color: var(--color-success-fg);\n }\n}\n\n/ Layout variations /\n\n.flash-full:not(.Banner) {\n margin-top: calc(var(--yattho-borderWidth-thin, 1px) -1);\n border-width: var(--yattho-borderWidth-thin, 1px) 0;\n border-radius: 0;\n}\n\n/* A banner rendered at the top of the page. /\n.flash-banner {\n position: fixed;\n top: 0;\n z-index: 90;\n width: 100%;\n border-top: 0;\n border-right: 0;\n border-left: 0;\n border-radius: 0;\n}\n\n/ Makes sure the background is opaque to cover any content underneath /\n.flash-full,\n.flash-banner {\n background-color: var(--color-canvas-default);\n}\n\n/ FIXME deprecate this /\n.warning {\n padding: 0.5em;\n margin-bottom: 0.8em;\n font-weight: var(--base-text-weight-semibold, 600);\n background-color: var(--color-attention-subtle);\n}","/ Labels /\n\n/ Provide a wrapper to ensure labels stick together /\n.labels {\n position: relative;\n}\n\n/ Default 20px /\n\n.label, / TODO: Deprecate /\n.Label {\n display: inline-block;\n padding: 0 7px;\n font-size: var(--yattho-text-body-size-small, 12px);\n font-weight: var(--base-text-weight-medium, 500);\n line-height: 18px;\n white-space: nowrap;\n border: var(--yattho-borderWidth-thin, 1px) solid var(--color-border-default);\n border-radius: 2em;\n\n &:hover {\n text-decoration: none;\n }\n}\n\n/ Large 24px /\n\n.Label--large {\n padding-right: 10px;\n padding-left: 10px;\n line-height: 22px;\n}\n\n/ Inline /\n\n/ Doesn't increase height of parent element\n** Can be used with different font-sizes /\n.Label--inline {\n display: inline;\n padding: 0.12em 0.5em;\n font-size: 85%;\n}\n\n/ Contrast /\n\n.Label--primary {\n color: var(--color-fg-default);\n border-color: var(--color-neutral-emphasis);\n}\n\n.Label--secondary {\n color: var(--color-fg-muted);\n border-color: var(--color-border-default);\n}\n\n/ Colors /\n\n.Label--info, / TODO: deprecate /\n.Label--accent {\n color: var(--color-accent-fg);\n border-color: var(--color-accent-emphasis);\n}\n\n.Label--success {\n color: var(--color-success-fg);\n border-color: var(--color-success-emphasis);\n}\n\n.Label--warning, / TODO: deprecate /\n.Label--attention {\n color: var(--color-attention-fg);\n border-color: var(--color-attention-emphasis);\n}\n\n.Label--severe {\n color: var(--color-severe-fg);\n border-color: var(--color-severe-emphasis);\n}\n\n.Label--danger {\n color: var(--color-danger-fg);\n border-color: var(--color-danger-emphasis);\n}\n\n.Label--open {\n color: var(--color-open-fg);\n border-color: var(--color-open-emphasis);\n}\n\n.Label--closed {\n color: var(--color-closed-fg);\n border-color: var(--color-closed-emphasis);\n}\n\n.Label--done {\n color: var(--color-done-fg);\n border-color: var(--color-done-emphasis);\n}\n\n.Label--sponsors {\n color: var(--color-sponsors-fg);\n border-color: var(--color-sponsors-emphasis);\n}","/ Links /\n\n.Link {\n color: var(--color-accent-fg);\n\n &:hover {\n text-decoration: underline;\n cursor: pointer;\n }\n\n &:focus,\n &:focus-visible {\n outline-offset: 0;\n }\n}\n\n.Link--primary {\n color: var(--color-fg-default) !important;\n\n &:hover {\n color: var(--color-accent-fg) !important;\n }\n}\n\n.Link--secondary {\n color: var(--color-fg-muted) !important;\n\n &:hover {\n color: var(--color-accent-fg) !important;\n }\n}\n\n.Link--muted {\n color: var(--color-fg-muted) !important;\n\n &:hover {\n color: var(--color-accent-fg) !important;\n text-decoration: none;\n }\n}\n\n/ Set the link color only on hover\n Useful when you want only part of a link to turn blue on hover /\n.Link--onHover {\n &:hover {\n color: var(--color-accent-fg) !important;\n text-decoration: underline;\n cursor: pointer;\n }\n}\n\n/ When using a color utility class inside of a link class\n color should change with link on hover. /\n.Link--secondary,\n.Link--primary,\n.Link--muted {\n &:hover [class='color-fg'] {\n color: inherit !important;\n }\n}","/* Popover /\n\n.Popover {\n position: absolute;\n z-index: 100;\n}\n\n.Popover-message {\n position: relative;\n width: 232px;\n margin-right: auto;\n margin-left: auto;\n background-color: var(--color-canvas-overlay);\n border: var(--yattho-borderWidth-thin, 1px) solid var(--color-border-default);\n border-radius: var(--yattho-borderRadius-medium, 6px);\n\n / Carets /\n &::before,\n &::after {\n position: absolute;\n left: 50%;\n display: inline-block;\n content: '';\n }\n\n &::before {\n top: -16px;\n margin-left: -9px;\n border: 8px solid transparent;\n border-bottom-color: var(--color-border-default);\n }\n\n &::after {\n top: -14px;\n margin-left: -8px;\n border: 7px solid transparent;\n border-bottom-color: var(--color-canvas-overlay);\n }\n}\n\n/ No caret /\n.Popover-message--no-caret {\n &::before,\n &::after {\n display: none;\n }\n}\n\n/ Bottom-oriented carets /\n.Popover-message--bottom,\n.Popover-message--bottom-right,\n.Popover-message--bottom-left {\n &::before,\n &::after {\n top: auto;\n border-bottom-color: transparent;\n }\n\n &::before {\n bottom: -16px;\n border-top-color: var(--color-border-default);\n }\n\n &::after {\n bottom: -14px;\n border-top-color: var(--color-canvas-overlay);\n }\n}\n\n/ Top and Bottom: Right-oriented carets /\n.Popover-message--top-right,\n.Popover-message--bottom-right {\n right: -9px;\n margin-right: 0;\n\n &::before,\n &::after {\n left: auto;\n margin-left: 0;\n }\n\n &::before {\n right: 20px;\n }\n\n &::after {\n right: 21px;\n }\n}\n\n/ Top and Bottom: Left-oriented carets /\n.Popover-message--top-left,\n.Popover-message--bottom-left {\n left: -9px;\n margin-left: 0;\n\n &::before,\n &::after {\n left: 24px;\n margin-left: 0;\n }\n\n &::after {\n left: 25px;\n }\n}\n\n/ Right- and Left-oriented carets /\n.Popover-message--right,\n.Popover-message--right-top,\n.Popover-message--right-bottom,\n.Popover-message--left,\n.Popover-message--left-top,\n.Popover-message--left-bottom {\n &::before,\n &::after {\n top: 50%;\n left: auto;\n margin-left: 0;\n border-bottom-color: transparent;\n }\n\n &::before {\n margin-top: -9px;\n }\n\n &::after {\n margin-top: -8px;\n }\n}\n\n/ Right-oriented carets /\n.Popover-message--right,\n.Popover-message--right-top,\n.Popover-message--right-bottom {\n &::before {\n right: -16px;\n border-left-color: var(--color-border-default);\n }\n\n &::after {\n right: -14px;\n border-left-color: var(--color-canvas-overlay);\n }\n}\n\n/ Left-oriented carets /\n.Popover-message--left,\n.Popover-message--left-top,\n.Popover-message--left-bottom {\n &::before {\n left: -16px;\n border-right-color: var(--color-border-default);\n }\n\n &::after {\n left: -14px;\n border-right-color: var(--color-canvas-overlay);\n }\n}\n\n/ Right and Left: Top-oriented carets /\n.Popover-message--right-top,\n.Popover-message--left-top {\n &::before,\n &::after {\n top: 24px;\n }\n}\n\n/ Right and Left: Bottom-oriented carets /\n.Popover-message--right-bottom,\n.Popover-message--left-bottom {\n &::before,\n &::after {\n top: auto;\n }\n\n &::before {\n bottom: 16px;\n }\n\n &::after {\n bottom: 17px;\n }\n}\n\n@media (min-width: 544px) {\n .Popover-message--large {\n min-width: 320px;\n }\n}\n\n/ Responsive Popover\n** For < md it will show full-width anchored to the bottom /\n\n@media (max-width: 767.98px) {\n .Popover {\n position: fixed;\n top: auto !important;\n right: 0 !important;\n bottom: 0 !important;\n left: 0 !important;\n }\n\n .Popover-message {\n top: auto;\n right: auto;\n bottom: auto;\n left: auto;\n width: auto !important;\n margin: var(--yattho-stack-gap-condensed, 8px);\n }\n\n / Increase tap area for touch input /\n .Popover-message > .btn-octicon {\n padding: var(--yattho-control-medium-paddingInline-normal, 12px) !important;\n }\n\n / Remove caret /\n .Popover-message::after,\n .Popover-message::before {\n display: none;\n }\n}","/ Progress /\n\n.Progress {\n display: flex;\n height: 8px;\n overflow: hidden;\n background-color: var(--color-neutral-muted);\n border-radius: 6px;\n outline: 1px solid transparent; / Support Firefox custom colors /\n}\n\n.Progress--large {\n height: 10px;\n}\n\n.Progress--small {\n height: 5px;\n}\n\n.Progress-item {\n outline: 2px solid transparent; / Support Firefox custom colors /\n}\n\n.Progress-item + .Progress-item {\n margin-left: 2px;\n}","/ State /\n\n/ Default 32px /\n\n.state, / TODO: Deprecate /\n.State {\n display: inline-block;\n padding: 5px var(--yattho-control-medium-paddingInline-normal, 12px);\n font-size: var(--yattho-text-body-size-medium, 14px);\n font-weight: var(--base-text-weight-medium, 500);\n line-height: var(--yattho-control-medium-lineBoxHeight, 20px);\n text-align: center;\n white-space: nowrap;\n border-radius: 2em;\n}\n\n.state, / TODO: Deprecate /\n.State,\n.State--draft {\n color: var(--color-fg-on-emphasis);\n background-color: var(--color-neutral-emphasis);\n border: var(--yattho-borderWidth-thin, 1px) solid transparent;\n}\n\n.State--open {\n color: var(--color-fg-on-emphasis);\n background-color: var(--color-open-emphasis);\n}\n\n.State--merged {\n color: var(--color-fg-on-emphasis);\n background-color: var(--color-done-emphasis);\n}\n\n.State--closed {\n color: var(--color-fg-on-emphasis);\n background-color: var(--color-closed-emphasis);\n}\n\n/ Small 24px /\n\n.State--small {\n padding: 0 10px;\n font-size: var(--yattho-text-body-size-small, 12px);\n line-height: var(--base-size-24, 24px);\n\n & .octicon {\n width: 1em; / Ensures different icons don't change State indicator width /\n }\n}","/ Subhead /\n\n.Subhead {\n display: flex;\n padding-bottom: var(--yattho-stack-padding-condensed, 8px);\n margin-bottom: var(--yattho-stack-gap-normal, 16px);\n border-bottom: var(--yattho-borderWidth-thin, 1px) solid var(--color-border-muted);\n flex-flow: row wrap;\n justify-content: flex-end; / Keep actions right aligned. /\n}\n\n/ Modifier class to give a lot of breathing room between sections of content. /\n.Subhead--spacious {\n margin-top: var(--base-size-40, 40px);\n}\n\n/ <h2> sized heading with normal font weight /\n.Subhead-heading {\n font-size: 24px;\n font-weight: var(--base-text-weight-normal, 400);\n flex: 1 1 auto;\n order: 0;\n}\n\n/ Make the text bold and red for dangerous content /\n.Subhead-heading--danger {\n font-weight: var(--base-text-weight-semibold, 600);\n color: var(--color-danger-fg);\n}\n\n/ One-liner of supporting text /\n.Subhead-description {\n font-size: var(--yattho-text-body-size-medium, 14px);\n color: var(--color-fg-muted);\n flex: 1 100%;\n order: 2;\n}\n\n/ Add 1 or 2 buttons to the right of the heading /\n.Subhead-actions {\n margin: var(--base-size-4, 4px) 0 var(--base-size-4, 4px) var(--base-size-4, 4px);\n align-self: center;\n justify-content: flex-end;\n order: 1;\n\n & + .Subhead-description {\n margin-top: var(--base-size-4, 4px);\n }\n}","/ Truncate /\n\n.Truncate {\n display: inline-flex;\n min-width: 0;\n max-width: 100%;\n\n & > .Truncate-text {\n min-width: 1ch;\n max-width: fit-content;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n\n & + .Truncate-text {\n margin-left: var(--yattho-control-small-gap, 4px);\n }\n\n &.Truncate-text--primary {\n flex-basis: 200%;\n }\n\n &.Truncate-text--expandable:hover,\n &.Truncate-text--expandable:focus,\n &.Truncate-text--expandable:active {\n max-width: 100% !important;\n flex-shrink: 0;\n cursor: pointer;\n }\n }\n}","/ TimelineItem /\n\n.TimelineItem {\n position: relative;\n display: flex;\n padding: var(--yattho-stack-padding-normal, 16px) 0;\n margin-left: var(--yattho-stack-gap-normal, 16px);\n\n / The Timeline /\n &::before {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n display: block;\n width: var(--yattho-borderWidth-thick, 2px);\n content: '';\n background-color: var(--color-border-muted);\n }\n\n &:target .TimelineItem-badge {\n border-color: var(--color-accent-emphasis);\n box-shadow: 0 0 0.2em var(--color-accent-muted);\n }\n}\n\n.TimelineItem-badge {\n position: relative;\n z-index: 1;\n display: flex;\n width: var(--yattho-control-medium-size, 32px);\n height: var(--yattho-control-medium-size, 32px);\n margin-right: var(--yattho-controlStack-medium-gap-condensed, 8px);\n margin-left: calc(var(--yattho-control-medium-size, 32px) / -2 + 1px);\n color: var(--color-fg-muted);\n align-items: center;\n background-color: var(--color-timeline-badge-bg);\n border: var(--yattho-borderWidth-thick, 2px) solid var(--color-canvas-default);\n border-radius: 50%;\n justify-content: center;\n flex-shrink: 0;\n}\n\n.TimelineItem-badge--success {\n color: var(--color-fg-on-emphasis);\n background-color: var(--color-success-emphasis);\n border: var(--yattho-borderWidth-thin, 1px) solid transparent;\n}\n\n.TimelineItem-body {\n min-width: 0;\n max-width: 100%;\n margin-top: var(--base-size-4, 4px);\n color: var(--color-fg-muted);\n flex: auto;\n}\n\n.TimelineItem-avatar {\n position: absolute;\n left: -72px;\n z-index: 1;\n}\n\n.TimelineItem-break {\n position: relative;\n z-index: 1;\n height: var(--yattho-stack-gap-spacious, 24px);\n margin: 0;\n margin-bottom: calc(var(--yattho-stack-gap-normal, 16px) -1);\n margin-left: -56px;\n background-color: var(--color-canvas-default);\n border: 0;\n border-top: var(--yattho-borderWidth-thicker, 4px) solid var(--color-border-default);\n}\n\n.TimelineItem--condensed {\n padding-top: var(--base-size-4, 4px);\n padding-bottom: 0;\n\n /* TimelineItem--condensed is often grouped. (commits) /\n &:last-child {\n padding-bottom: var(--yattho-stack-gap-normal, 16px);\n }\n\n & .TimelineItem-badge {\n height: var(--base-size-16, 16px);\n margin-top: var(--base-size-8, 8px);\n margin-bottom: var(--base-size-8, 8px);\n color: var(--color-fg-muted);\n background-color: var(--color-canvas-default);\n border: 0;\n }\n}","/ CSS truncate /\n\n/ css-truncate will shorten text with an ellipsis. /\n\n.css-truncate {\n / css-truncate-overflow will shorten text with an ellipsis when overflowing /\n &.css-truncate-overflow,\n & .css-truncate-overflow,\n &.css-truncate-target,\n & .css-truncate-target {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n / css-truncate-target will shorten text with an ellipsis and a max width */\n &.css-truncate-target,\n & .css-truncate-target {\n display: inline-block;\n max-width: 125px;\n vertical-align: top;\n }\n\n &.expandable.zeroclipboard-is-hover .css-truncate-target,\n &.expandable.zeroclipboard-is-hover.css-truncate-target,\n &.expandable:hover .css-truncate-target,\n &.expandable:hover.css-truncate-target {\n max-width: 10000px !important;\n }\n}"]}
1	+ {"version":3,"sources":["../../components/yattho/alpha/action_list.pcss","../../../lib/postcss_mixins/activeIndicatorLine.pcss","../../components/yattho/alpha/auto_complete.pcss","../../../lib/postcss_mixins/focusBoxShadowInset.pcss","../../components/yattho/alpha/banner.pcss","../../components/yattho/alpha/dialog.pcss","../../components/yattho/alpha/dropdown.pcss","../../components/yattho/alpha/layout.pcss","../../components/yattho/alpha/tab_nav.pcss","../../components/yattho/alpha/text_field.pcss","<no source>","../../../lib/postcss_mixins/focusOutline.pcss","../../components/yattho/alpha/button_marketing.pcss","../../components/yattho/alpha/toggle_switch.pcss","../../components/yattho/alpha/underline_nav.pcss","../../components/yattho/alpha/segmented_control.pcss","../../components/yattho/alpha/menu.pcss","../../components/yattho/beta/avatar.pcss","../../components/yattho/beta/avatar_stack.pcss","../../components/yattho/beta/border_box.pcss","../../components/yattho/beta/blankslate.pcss","../../components/yattho/beta/breadcrumbs.pcss","../../components/yattho/beta/button.pcss","../../../lib/postcss_mixins/focusOutlineOnEmphasis.pcss","../../components/yattho/beta/counter.pcss","../../components/yattho/beta/flash.pcss","../../components/yattho/beta/label.pcss","../../components/yattho/beta/link.pcss","../../components/yattho/beta/popover.pcss","../../components/yattho/beta/progress_bar.pcss","../../components/yattho/beta/state.pcss","../../components/yattho/beta/subhead.pcss","../../components/yattho/beta/truncate.pcss","../../components/yattho/beta/timeline_item.pcss","../../components/yattho/truncate.pcss"],"names":[],"mappings":"AAAA,MACE,qFACF,CAKA,gBACE,eACF,CAEA,uBACE,8BACF,CAKE,sDAKE,UAGF,CAIE,8HALA,uDAAwD,CADxD,UAAW,CAHX,aAAc,CAFd,iBAAkB,CAClB,yDAA4D,CAE5D,UAgBA,CARA,wEAKE,yCAGF,CAGA,8FACE,aACF,CAmBJ,4dAEE,iBACF,CAIA,gBAGE,wBAA6B,CAC7B,mDAAqD,CAFrD,eAAgB,CADhB,iBAwRF,CAjRE,6CAEE,cACF,CAGA,qBAOI,gRAEE,iBACF,CAEJ,CAGA,mDACE,YACF,CAKE,8DACE,SAWF,CATE,qBACE,oEACE,+DACF,CACF,CAEA,qEACE,gEACF,CAQF,qBACE,2HAEE,+DAAgE,CADhE,cASF,CANE,yNAIE,iGAAmG,CAFnG,sDAA8D,CAC9D,2DAEF,CAEJ,CAEA,6HACE,0DAaF,CAXE,6LAIE,iGAAmG,CAFnG,sDAA8D,CAC9D,2DAEF,CAEA,8YAEE,iBACF,CAWF,iJAEE,SAAU,CACV,6CAA+C,CAF/C,kBAGF,CAGA,mJACE,kBAKF,CAHE,yDAHF,mJAII,2DAEJ,CADE,CAKA,+MACE,2BAA4B,CAC5B,6BAA8B,CAC9B,+CACF,CAEA,iNACE,gCACF,CAOF,mJAEE,SAAU,CACV,gDAAkD,CAFlD,iBAGF,CAGA,qJAGE,2BAA4B,CAD5B,mCAAsC,CADtC,iBAOF,CAHE,yDALF,qJAMI,4DAEJ,CADE,CAKA,iNACE,gCAAiC,CACjC,kCAAmC,CACnC,+CACF,CAGF,iJACE,gCAAiC,CACjC,2EACF,CAyBF,oCAEE,4DAA6D,CAD7D,8CAmBF,CAhBE,qBACE,0CACE,+DACF,CACF,CAEA,sGAEE,iBACF,CAIA,0CCjQF,iCAAkC,CAClC,mDAAqD,CAFrD,UAAW,CADX,+BAAiC,CAFjC,qCAAmB,CAFnB,iBAAkB,CAClB,oBAAqB,CAErB,4BDsQE,CAOE,8FACE,gDACF,CAGF,uEACE,4DAiBF,CAfE,qBACE,6EACE,+DACF,CACF,CAEA,4KAEE,iBACF,CAGA,6EC9RJ,iCAAkC,CAClC,mDAAqD,CAFrD,UAAW,CADX,+BAAiC,CAFjC,qCAAmB,CAFnB,iBAAkB,CAClB,oBAAqB,CAErB,4BDmSI,CAQA,gKAEE,qCACF,CAEA,8EACE,oCACF,CAGF,qBACE,0CAEE,wBAA6B,CAD7B,kBAEF,CACF,CAWA,2HACE,4BACF,CAEA,qBACE,6CACE,wDAKF,CAHE,mEACE,qDACF,CAEJ,CAGE,iEACE,yDACF,CAMN,mBAcE,uCAAwC,CAIxC,iBAAkB,CATlB,wBAA6B,CAC7B,WAAY,CACZ,mDAAqD,CALrD,6BAA8B,CAJ9B,YAAa,CAcb,qFAAsF,CACtF,oFAAsF,CAFtF,8BAA+B,CAX/B,0DAA2D,CAC3D,uEAAyE,CAJzE,iBAAkB,CAMlB,eAAgB,CAMhB,yBAA0B,CAD1B,qCAAsC,CAJtC,wBAAiB,CAAjB,gBAAiB,CALjB,UAgKF,CA9IE,qCACE,iDACF,CAIA,yBACE,oBACF,CAIE,gIAEE,qCACF,CAEA,8DACE,oCACF,CAEA,qBACE,6CAEE,wBAA6B,CAD7B,kBAEF,CACF,CASE,yDADF,wDAEI,wFAMJ,CALE,CAEA,2EACE,qCACF,CAKA,uGACE,qCACF,CAKA,uGACE,qCACF,CAKA,uGACE,qCACF,CAKF,oEAEE,oBAAqB,CADrB,gCAEF,CAEA,6DACE,WAAY,CAGZ,SAAU,CAFV,gBAAiB,CAGjB,uBAAwB,CAFxB,kBAGF,CAGE,iGACE,gDACF,CAKF,qEAEE,mBAAoB,CADpB,gCAEF,CAEA,8DACE,QAAS,CAGT,SAAU,CAFV,eAAgB,CAGhB,wDAA2D,CAF3D,iBAGF,CAGA,4EACE,4DAeF,CAbE,kGACE,gDACF,CAEA,sLAEE,iBACF,CAGA,kFCjeJ,iCAAkC,CAClC,mDAAqD,CAFrD,UAAW,CADX,+BAAiC,CAFjC,qCAAmB,CAFnB,iBAAkB,CAClB,oBAAqB,CAErB,4BDseI,CAMJ,gDACE,yFACF,CAEA,iDACE,0FACF,CAGA,wBAzJF,mBA0JI,yFASJ,CARE,CAIE,8EACE,gBACF,CAMJ,gCACE,uBACF,CAEA,gCACE,uBACF,CAEA,iCACE,wBACF,CAEA,iCACE,wBACF,CAIA,gCAEE,YAAa,CACb,qBAAsB,CACtB,0BAA4B,CAH5B,eAQF,CAHE,sDACE,gDACF,CAIF,wCAGE,oBAAqB,CADrB,kBAAmB,CAEnB,0BAA4B,CAH5B,iBAIF,CAGA,4BAIE,2BAA4B,CAH5B,iDAAmD,CACnD,8CAAgD,CAChD,4DAEF,CAIA,8CAME,0BAA2B,CAC3B,kBAAmB,CAHnB,2BAA4B,CAF5B,YAAa,CACb,0DAA4D,CAE5D,mBAGF,CAGA,sBAKE,6BAA8B,CAH9B,kDAAoD,CACpD,8CAAgD,CAGhD,eAAgB,CAFhB,6DAAqE,CAHrE,iBAMF,CAEA,gCACE,eAAgB,CAChB,sBAAuB,CACvB,kBACF,CAKA,kEACE,iDAAmD,CACnD,4DACF,CAIA,6BAGE,kBAAmB,CAFnB,YAAa,CACb,gBAEF,CAEA,+BAEE,2BAA4B,CAD5B,wBAEF,CAKE,oEACE,iBACF,CAIE,2JACE,kBACF,CAQF,uCAOE,2BAA4B,CAN5B,YAAa,CAOb,qBAAsB,CAJtB,iDAAmD,CAEnD,gDAAkD,CADlD,4DAAoE,CAFpE,oCAAsC,CADtC,2DAOF,CAGA,iCAQE,uDAAwD,CACxD,QAAS,CART,aAAc,CACd,yCAA2C,CAK3C,eAAgB,CAFhB,uCAAyC,CADzC,sFAAuF,CAEvF,8CAAiD,CAHjD,SAOF,CAEA,4DAGE,2BAA4B,CAF5B,iDAAmD,CACnD,gDAEF,CAGF,mCAIE,qCAAsC,CAEtC,mGAAqG,CADrG,gGAAkG,CAHlG,uCAAyC,CADzC,sFAAuF,CAEvF,8CAcF,CARE,yCAEE,qBAAsB,CADtB,6BAEF,CAEA,+CACE,oBACF,CElqBF,4BACE,aAAc,CACd,iBACF,CAGA,2BACE,cAAe,CACf,gBACF,CAGA,4BACE,2BACE,aAAc,CACd,iBACF,CACF,CAGA,mBAEE,cAAe,CADf,iBAEF,CAGA,iCAGE,kBAAmB,CAFnB,mBAAoB,CACpB,eAuBF,CApBE,8CCnCA,mCAAoC,CAEpC,iDAAmD,CADnD,YDsCA,CAEA,+CAGE,WAAY,CACZ,eAAgB,CAFhB,eAAgB,CADhB,SAYF,CAPE,qDACE,eACF,CAEA,6DACE,eACF,CAKJ,sBAUE,sCAAuC,CACvC,2EAA6E,CAC7E,mDAAqD,CACrD,qCAAsC,CALtC,cAAe,CANf,MAAO,CAOP,eAAgB,CAHhB,eAAgB,CADhB,cAAe,CAEf,eAAgB,CANhB,iBAAkB,CAGlB,iBAAkB,CADlB,UAWF,CAKA,mBAYE,4CAA6C,CAC7C,QAAS,CAPT,6BAA8B,CAK9B,cAAe,CAVf,aAAc,CAId,gDAAkD,CADlD,eAAgB,CADhB,eAAgB,CAIhB,eAAgB,CAChB,oBAAqB,CACrB,sBAAuB,CACvB,kBAAmB,CARnB,UAoCF,CAvBE,yBAGE,6CAA8C,CAF9C,iCAAkC,CAClC,oBAOF,CAHE,2BACE,uBACF,CAGF,uGAKE,6CAA8C,CAF9C,iCAAkC,CAClC,oBAOF,CAHE,6GACE,uBACF,CEjHJ,QAKE,uFAAyF,CACzF,uFAA2F,CAC3F,mDAAqD,CAHrD,6BAA8B,CAF9B,YAAa,CAMb,qBAAsB,CACtB,kDAAmD,CACnD,gEAAiE,CACjE,8BAA+B,CAR/B,8BAAgC,CAFhC,iBA0HF,CA7GE,4BAdF,QAeI,8DAEqB,CACrB,iDAAkD,CAClD,0CAwGJ,CAtGI,wBACI,wDACJ,CACF,CAIA,uBAIE,gBAAiB,CAHjB,YAAa,CAEb,gBAAiB,CADjB,qDAWF,CAPE,gCACE,4CACF,CAEA,yBACE,iBACF,CAGF,wBAGE,iBAAkB,CADlB,iBAAkB,CADlB,qDAYF,CARE,qCACE,eACF,CAEA,uDAEE,gDAAkD,CADlD,eAEF,CAGF,wBACE,iBAKF,CAHE,mCACE,iBACF,CAIF,sBACE,eAAgB,CAChB,+DACF,CAEA,gCACE,4BACF,CAEA,wBAEE,6FAA+F,CAC/F,yCAA0C,CAF1C,6BAOF,CAHE,gDACE,+BACF,CAGF,sBAEE,uFAAyF,CACzF,sCAAuC,CAFvC,6BAOF,CAHE,8CACE,4BACF,CAGF,wBAEE,yFAA2F,CAC3F,uCAAwC,CAFxC,6BAOF,CAHE,gDACE,6BACF,CAKF,qBAGE,aAAc,CACd,eAAgB,CAFhB,cAAe,CADf,sEAIF,CAEA,4BACE,gCAGE,aAAc,CACd,eAAgB,CAFhB,cAAe,CADf,sEAIF,CACF,CC1HF,iBACE,sBACF,CAEA,2BACE,QAAS,CAGT,SAAU,CAFV,eAAgB,CAChB,iBAEF,CAEA,SAOE,4CAA6C,CAC7C,mDAAqD,CACrD,sCAAuC,CARvC,YAAa,CAKb,qBAAsB,CAFtB,wDAA0D,CAD1D,eAAgB,CAOhB,SAAU,CALV,kBAAmB,CAHnB,4CAiHF,CAvGE,4BAGE,6BAA8B,CAD9B,4BAA6B,CAD7B,eAGF,CAEA,4BAEE,YAAa,CADb,WAEF,CAEA,8BACE,qBAAsB,CAEtB,6BACF,CAEA,6BACE,sBAAuB,CACvB,qBACF,CAEA,sCACE,sBAAuB,CACvB,qBACF,CAEA,8BACE,sBAAuB,CACvB,qBACF,CAEA,uCACE,sBAAuB,CACvB,qBACF,CAEA,6BACE,sBAAuB,CACvB,qBACF,CAEA,8BACE,sBAAuB,CACvB,qBACF,CAEA,8BACE,WACF,CAGA,gCACE,8BACF,CAEA,+BACE,8BACF,CAEA,gCACE,8BACF,CAEA,+BACE,8BACF,CAEA,gCACE,8BACF,CAEA,6BACE,UACF,CAEA,8BACE,6BACF,CAEA,+BACE,6BACF,CAEA,8BACE,6BACF,CAEA,+BACE,6BACF,CAEA,gCACE,6BACF,CAKE,yDADF,mCAEI,0FAEJ,CADE,CAIJ,qCACE,GACE,SAAU,CACV,mBACF,CAEA,GACE,SAAU,CACV,kBACF,CACF,CAGA,cAIE,WAAY,CAFZ,aAGF,CAEA,8BANE,YAAa,CAEb,qBAmEF,CA/DA,gBACE,SA8DF,CA1DE,wCAEE,2FAA8F,CAD9F,wDAMF,CAHE,sDACE,mDACF,CAKE,oFACE,yCASF,CAPE,mGACE,mDACF,CAEA,yGACE,kDACF,CAKN,2CAEE,sBAAuB,CADvB,YAAa,CAEb,yCAA2C,CAC3C,2HA4BF,CA1BE,+DACE,YAAa,CACb,kBAAmB,CACnB,yCACF,CAEA,8DACE,YAAa,CAEb,qBAAsB,CACtB,WAAY,CACZ,uCAAyC,CAHzC,iJAiBF,CAZE,6EAEE,kDAAoD,CACpD,gDAAkD,CAFlD,QAGF,CAEA,mFAIE,2BAA4B,CAF5B,iDAAmD,CACnD,8CAAgD,CAFhD,QAIF,CAMN,cAME,WAAY,CADZ,kDAAoD,CAFpD,eAAgB,CAFhB,+CAAiD,CACjD,aAAc,CAEd,oBAYF,CARE,6CACE,iDAAmD,CACnD,aACF,CAEA,wCACE,SACF,CAIF,gBAEE,YAAa,CAEb,kBAAmB,CACnB,aAAc,CACd,cAAe,CAHf,iIAAqI,CAFrI,SA0BF,CAnBE,wCAEE,iFAAmF,CADnF,mDAEF,CAEA,2CAEE,yCAA2C,CAD3C,0BAEF,CAEA,4CAEE,yCAA2C,CAD3C,sBAEF,CAEA,yCAEE,yCAA2C,CAD3C,wBAEF,CAIF,qBAeE,qBAAsB,CANtB,wBAA6B,CAC7B,qDAA6D,CAC7D,mDAAqD,CALrD,2BAA4B,CAC5B,cAAe,CALf,YAAa,CAcb,aAAc,CAZd,+BAAiC,CACjC,SAAU,CASV,oBAAqB,CAbrB,iBAAkB,CAWlB,sCAA6C,CAC7C,uDAA0D,CAL1D,wBAAiB,CAAjB,gBAAiB,CALjB,8BAyBF,CAVE,sDAEE,0CAA2C,CAC3C,yEACF,CAGA,kCACE,qDACF,CAoIF,0BAxGE,kBAAmB,CAjBnB,2CAA4C,CAJ5C,QAAS,CAGT,YAAa,CAmBb,sBAAuB,CArBvB,MAAO,CAJP,cAAe,CAEf,OAAQ,CADR,KAAM,CAIN,WA6HF,CAEA,0BAvHE,wBAA6B,CAF7B,iBAAkB,CAClB,WA0HF,CAtGE,mCACE,UACF,CAsGF,wBAjIE,2CAA4C,CAJ5C,QAAS,CAGT,YAAa,CAFb,MAAO,CAJP,cAAe,CAEf,OAAQ,CADR,KAAM,CAIN,WAqIF,CA7FE,iFAHA,kBAAmB,CACnB,oBAiBA,CAXE,kEAGE,mDAAqD,CAErD,2BAA4B,CAD5B,wBAAyB,CAHzB,YAAa,CACb,gBAQF,CAHE,yDAPF,kEAQI,8FAEJ,CADE,CAIJ,0DACE,kBAAmB,CACnB,qBAaF,CAXE,mEAGE,mDAAqD,CAErD,4BAA6B,CAD7B,yBAA0B,CAH1B,YAAa,CACb,gBAQF,CAHE,yDAPF,mEAQI,6FAEJ,CADE,CAIJ,2DACE,eAAgB,CAChB,sBAcF,CAZE,oEAIE,mDAAqD,CAErD,2BAA4B,CAD5B,4BAA6B,CAH7B,WAAY,CACZ,6BAA8B,CAF9B,WAUF,CAHE,yDARF,oEASI,yFAEJ,CADE,CAIJ,wDACE,iBAAkB,CAClB,sBAWF,CATE,iEACE,mDAAqD,CACrD,wBAAyB,CACzB,yBAKF,CAHE,yDALF,iEAMI,2FAEJ,CADE,CAgCN,wBArIE,2CAA4C,CAJ5C,QAAS,CAGT,YAAa,CAFb,MAAO,CAJP,cAAe,CAEf,OAAQ,CADR,KAAM,CAIN,WAyIF,CAzBE,iCAKE,6BAA+B,CAC/B,WAAY,CAHZ,WAAY,CACZ,gBAAiB,CAFjB,eAAgB,CADhB,UAMF,CAuBF,yBACE,qCA5HA,kBAAmB,CAjBnB,2CAA4C,CAJ5C,QAAS,CAGT,YAAa,CAmBb,sBAAuB,CArBvB,MAAO,CAJP,cAAe,CAEf,OAAQ,CADR,KAAM,CAIN,WAiJA,CAEA,qCA3IA,wBAA6B,CAF7B,iBAAkB,CAClB,WA8IA,CA1HA,8CACE,UACF,CA0HA,mCArJA,2CAA4C,CAJ5C,QAAS,CAGT,YAAa,CAFb,MAAO,CAJP,cAAe,CAEf,OAAQ,CADR,KAAM,CAIN,WAyJA,CAjHA,kHAHA,kBAAmB,CACnB,oBAiBA,CAXE,mGAGE,mDAAqD,CAErD,2BAA4B,CAD5B,wBAAyB,CAHzB,YAAa,CACb,gBAQF,CAHE,yDAPF,mGAQI,8FAEJ,CADE,CAIJ,gFACE,kBAAmB,CACnB,qBAaF,CAXE,oGAGE,mDAAqD,CAErD,4BAA6B,CAD7B,yBAA0B,CAH1B,YAAa,CACb,gBAQF,CAHE,yDAPF,oGAQI,6FAEJ,CADE,CAIJ,iFACE,eAAgB,CAChB,sBAcF,CAZE,qGAIE,mDAAqD,CAErD,2BAA4B,CAD5B,4BAA6B,CAH7B,WAAY,CACZ,6BAA8B,CAF9B,WAUF,CAHE,yDARF,qGASI,yFAEJ,CADE,CAIJ,8EACE,iBAAkB,CAClB,sBAWF,CATE,kGACE,mDAAqD,CACrD,wBAAyB,CACzB,yBAKF,CAHE,yDALF,kGAMI,2FAEJ,CADE,CAoDJ,mCAzJA,2CAA4C,CAJ5C,QAAS,CAGT,YAAa,CAFb,MAAO,CAJP,cAAe,CAEf,OAAQ,CADR,KAAM,CAIN,WA6JA,CA7CA,4CAKE,6BAA+B,CAC/B,WAAY,CAHZ,WAAY,CACZ,gBAAiB,CAFjB,eAAgB,CADhB,UAMF,CAuCF,CAEA,qCACE,GACE,2BACF,CACF,CAEA,mCACE,GACE,0BACF,CACF,CAEA,wCACE,GACE,2BACF,CACF,CAEA,uCACE,GACE,0BACF,CACF,CCjeA,UACE,iBACF,CAEA,gBASE,yBAAgC,CAChC,uBAA8B,CAF9B,wBAA+B,CAF/B,kBAAmB,CACnB,0FAA6F,CAF7F,UAAW,CAJX,oBAAqB,CAErB,QAAS,CACT,qBAAsB,CAFtB,OASF,CAKA,eAWE,2BAA4B,CAD5B,4CAA6C,CAE7C,2EAA6E,CAC7E,mDAAqD,CACrD,oCAAqC,CAXrC,MAAO,CAMP,eAAgB,CADhB,cAAe,CADf,2DAA6D,CAD7D,wDAA0D,CAL1D,iBAAkB,CAClB,QAAS,CAGT,WAAY,CADZ,WAkCF,CAtBE,2CAIE,UAAW,CADX,oBAAqB,CADrB,iBAGF,CAGA,sBAEE,sBAAgD,CAAhD,mDACF,CAGA,qBAEE,sBAAgD,CAAhD,mDACF,CAEA,kBACE,eACF,CAGF,2BACE,UAOF,CALE,0CAEE,gBAAiB,CADjB,6GAAgH,CAEhH,qBACF,CAIF,eAIE,6BAA8B,CAH9B,aAAc,CAEd,eAAgB,CADhB,mNAAwN,CAGxN,sBAAuB,CACvB,kBA0BF,CAxBE,qBAGE,6CAA8C,CAF9C,iCAAkC,CAClC,oBAgBF,CAbE,8BACE,aAAc,CACd,SACF,CAMA,oEACE,uBAEF,CAHA,4BAEE,yBACF,CASJ,0CAJI,eAAgB,CADhB,UAUJ,CALA,kBAGE,eAAgB,CAChB,QACF,CAEA,kBAIE,+EAAiF,CAHjF,aAAc,CACd,QAAS,CACT,8CAEF,CAEA,iBAGE,2BAA4B,CAD5B,iDAAmD,CADnD,6GAGF,CAEA,kDACE,YACF,CAOA,iBAGE,SAAU,CAGV,gBAAiB,CADjB,YAAa,CAHb,UAAW,CADX,KAAM,CAGN,UAmBF,CAfE,wBAIE,kBAAyB,CACzB,6CAA8C,CAF9C,SAAU,CADV,WAAY,CADZ,QAKF,CAEA,uBAIE,kBAAyB,CACzB,6CAA8C,CAF9C,SAAU,CADV,WAAY,CADZ,QAKF,CAGF,iBAEE,SAAU,CAGV,eAAgB,CADhB,YAAa,CAHb,KAAM,CAEN,UAiBF,CAbE,wBAGE,kBAAyB,CACzB,8CAA+C,CAF/C,UAAW,CADX,QAIF,CAEA,uBAGE,kBAAyB,CACzB,8CAA+C,CAF/C,UAAW,CADX,QAIF,CAGF,kBAEE,WAAY,CACZ,MAAO,CACP,iBAAkB,CAHlB,QA4BF,CAvBE,iDAGE,UAAW,CADX,QAEF,CAEA,yBAKE,eAAgB,CAChB,2BAAkC,CAFlC,4BAAmC,CADnC,gDAAiD,CAFjD,WAAY,CACZ,QAKF,CAEA,wBAKE,eAAgB,CAChB,2BAAkC,CAFlC,4BAAmC,CADnC,gDAAiD,CAFjD,WAAY,CACZ,SAKF,CAGF,iBAEE,SAAU,CADV,SAAU,CAEV,yBAaF,CAXE,wBAEE,SAAU,CADV,SAAU,CAEV,yBACF,CAEA,uBAEE,SAAU,CADV,SAAU,CAEV,yBACF,CAGF,kBAEE,SAAU,CADV,OAcF,CAXE,yBAGE,SAAU,CADV,SAAU,CADV,SAGF,CAEA,wBAGE,SAAU,CADV,UAAW,CADX,SAGF,CAIA,yBAEE,QAAS,CADT,SAEF,CAEA,wBAEE,SAAU,CADV,SAEF,CClLF,QAGE,4BAA6B,CAC7B,oBAAqB,CAHrB,YAkJF,CA7IE,wCANF,QA7EE,kBAAmB,CACnB,mCA+NF,CA7NE,qEAIE,uBAAyB,CADzB,oBAEF,CAGE,8DACE,UACF,CAQA,uHACE,iBACF,CAEA,yDACE,UACF,CAIA,6DACE,YACF,CAGF,wBAoBA,iBAJA,CAMA,wCAEE,UAAW,CADX,UAeF,CAZE,uEACE,YACF,CAEA,wEAGE,oCAAqC,CACrC,wCAAyC,CACzC,kBAAmB,CACnB,iDAAmD,CALnD,UAAW,CACX,cAKF,CA7BE,iHACE,iBACF,CAEA,yEACE,UACF,CAmCJ,CAGE,wCADF,iCAvFA,kBAAmB,CACnB,mCA0FA,CAxFA,gJAIE,uBAAyB,CADzB,oBAEF,CAGE,uFACE,UACF,CAQA,yKACE,iBACF,CAEA,kFACE,UACF,CAIA,sFACE,YACF,CAGF,iDAoBA,iBAJA,CAMA,iEAEE,UAAW,CADX,UAeF,CAZE,gGACE,YACF,CAEA,iGAGE,oCAAqC,CACrC,wCAAyC,CACzC,kBAAmB,CACnB,iDAAmD,CALnD,UAAW,CACX,cAKF,CA7BE,mKACE,iBACF,CAEA,kGACE,UACF,CAwCF,CAIA,yCADF,iCA7FA,kBAAmB,CACnB,mCAgGA,CA9FA,gJAIE,uBAAyB,CADzB,oBAEF,CAGE,uFACE,UACF,CAQA,yKACE,iBACF,CAEA,kFACE,UACF,CAIA,sFACE,YACF,CAGF,iDAoBA,iBAJA,CAMA,iEAEE,UAAW,CADX,UAeF,CAZE,gGACE,YACF,CAEA,iGAGE,oCAAqC,CACrC,wCAAyC,CACzC,kBAAmB,CACnB,iDAAmD,CALnD,UAAW,CACX,cAKF,CA7BE,mKACE,iBACF,CAEA,kGACE,UACF,CA8CF,CAnBJ,QA0BE,6BAA8B,CAF9B,qBAAsB,CACtB,sGA0HF,CAvHE,wBACE,aACF,CAEA,wBACE,YACF,CAEA,qBACE,oBACF,CAIA,0BA1CF,QA2CI,oBAwGJ,CAvGE,CAEA,4BAEE,mBACF,CAEA,iCACE,oBACF,CAGE,0BADF,gCAEI,oBAMJ,CALE,CAEA,0BALF,gCAMI,oBAEJ,CADE,CAIF,yBAlEF,QAmEI,4BAgFJ,CA/EE,CAEA,yBAtEF,QAuEI,4BA4EJ,CA3EE,CAEA,0BA1EF,QA2EI,4BAwEJ,CAvEE,CAGE,yBADF,+BAEI,4BAMJ,CALE,CAEA,0BALF,+BAMI,4BAEJ,CAEA,6BAEI,4BAMJ,CAXE,CAQA,0BALF,6BAMI,4BAEJ,CADE,CAMA,sDACE,aACF,CAEA,mDACE,oBACF,CAGF,oCACE,sGASF,CAPE,iDACE,aACF,CAEA,oDACE,oBACF,CAMA,wCAKE,sCAAuC,CAJvC,aAAc,CACd,aAAc,CAEd,iBAAkB,CADlB,SAGF,CAOE,yGACE,oBACF,CAEA,iEACE,aACF,CAKN,gBACE,YAAa,CACb,SACF,CAEA,gBACE,iCACF,CAEA,aACE,WA4BF,CAxBE,kHAIE,gBAAiB,CADjB,iBAQF,CALE,odAGE,aACF,CAGF,sCACE,2GACF,CAEA,sCACE,2GACF,CAEA,sCACE,4GACF,CCvQF,QAGE,kFAAoF,CADpF,iDAAmD,CADnD,YAGF,CAEA,aACE,YAAa,CACb,0DAA6D,CAC7D,aACF,CAEA,YAQE,wBAA6B,CAE7B,qDAAgB,CAAhB,eAAgB,CAJhB,2BAA4B,CAL5B,oBAAqB,CACrB,aAAc,CAEd,kDAAoD,CACpD,gBAAiB,CAFjB,uFAA0F,CAI1F,oBAAqB,CAIrB,4CAwCF,CAtCE,yGAIE,4CAA6C,CAC7C,wCAAyC,CACzC,6FAAgG,CAHhG,6BAQF,CAHE,oIACE,aACF,CAGF,kBACE,6BAA8B,CAC9B,oBAAqB,CACrB,uBACF,CAEA,4CAEE,uGAEF,CAJA,4CAGE,mBACF,CAMA,wCAHE,2BAMF,CAHA,qBACE,gDAEF,CAEA,qBAEE,aAAc,CADd,+CAEF,CAQF,cAKE,2BAA4B,CAJ5B,oBAAqB,CAGrB,iDAAmD,CADnD,gBAAiB,CADjB,gBAQF,CAHE,uBACE,gBACF,CAKF,qBACE,4BAA6B,CAC7B,oBACF,CAOA,YACE,+DACF,CChGA,aACE,mBAAoB,CACpB,qBAAsB,CACtB,0BACF,CAGA,wBACE,YACF,CAGA,mBAIE,6BAA8B,CAH9B,kDAAoD,CACpD,gDAAkD,CAClD,6DAAqE,CAErE,wBAAiB,CAAjB,gBACF,CAGA,qBAKE,2BAA4B,CAH5B,8CAAgD,CAChD,iDAAmD,CACnD,yDAAiE,CAHjE,eAKF,CAGA,8BAKE,2BAA4B,CAE5B,kBAAmB,CAHnB,4BAA6B,CAH7B,YAAa,CAKb,kBAAmB,CAJnB,8CAAgD,CAChD,gDAAkD,CAKlD,0BAKF,CAHE,gCACE,eACF,CAuEF,6DAjEE,4CAA6C,CAC7C,2EAA6E,CAF7E,6BAkJF,CA9IE,2FAME,uDAAwD,CAHxD,+CAAgD,CAChD,wCAAyC,CAHzC,qCAAsC,CACtC,kBAAmB,CAGnB,SAEF,CAEA,4HACE,yCACF,CAEA,qLNjEA,mCAAoC,CAEpC,iDAAmD,CADnD,YMyEA,CALE,iPACE,kBAAyB,CNtE7B,mCAAoC,CAEpC,uDAAmD,CADnD,YMwEE,CAIF,6MN7EA,mCAAoC,CAEpC,iDAAmD,CADnD,YM8EA,CAmCF,6DAQE,mDAAqD,CAFrD,kDAAoD,CACpD,6DAAqE,CAKrE,wGAAyG,CADzG,uEAAyE,CAFzE,yCAA+C,CAC/C,kEAAsE,CALtE,UA2EF,CAjEI,kIACE,qCACF,CAGF,2FACE,+CACF,CAEA,oGACE,4BAA6B,CAC7B,SACF,CAIA,mHAIE,iDAAmD,CAHnD,4CAA8C,CAE9C,0DAA4D,CAD5D,mEAGF,CAEA,sHACE,6CACF,CAEA,mHACE,4CAA8C,CAE9C,2DAA6D,CAD7D,oEAEF,CAIA,mHACE,0CAMF,CAJE,kSAEE,4CACF,CAGF,+HACE;;OAKF,CAIA,mHACE,yCACF,CAEA,yHACE,0CACF,CAEA,yHACE,4CACF,CAGF,+BAEE,sBAAuB,CADvB,YAAa,CAEb,4BACF,CAGA,wBAEE,YAAa,CADb,iBA4QF,CAzQE,6DAOE,2BAA4B,CAH5B,aAAc,CAEd,+BAAiC,CAHjC,2BAA6B,CAK7B,mBAAoB,CAPpB,iBAAkB,CAClB,0BAA4B,CAG5B,8BAUF,CAJE,8FACE,aAAc,CACd,wBAAiB,CAAjB,gBACF,CAIF,0DAgBE,kBAAmB,CALnB,gBAAuB,CACvB,QAAS,CACT,8CAA+C,CAJ/C,2BAA4B,CAC5B,cAAe,CALf,YAAa,CAEb,6CAA+C,CAU/C,sBAAuB,CATvB,SAAU,CAPV,iBAAkB,CAElB,4BAA8B,CAD9B,0BAA4B,CAY5B,sCAA6C,CAC7C,uDAA0D,CAT1D,4CAA8C,CAF9C,SAsDF,CAvCE,8DACE,wBAAiB,CAAjB,gBACF,CAEA,oEACE,qCAAsC,CACtC,mBACF,CAEA,gEACE,yDACF,CAEA,iEACE,0DACF,CAIE,2GAQE,sCAAuC,CADvC,UAAW,CAHX,aAAc,CAEd,0BAA2B,CAH3B,qCAAwC,CAFxC,iBAAkB,CAClB,qEAAwE,CAGxE,oCAIF,CAIA,gECtRN,WAAA,YAAA,SAAA,yFAAA,kBAAA,QAAA,4CAAA,UDsR2G,CAErG,wBAHF,gEAKI,sDAAwD,CADxD,qDAGJ,CADE,CAeF,iFACE,wJAKF,CAaA,kFACE,sJAKF,CAcE,iIACE,4LAKF,CAOF,+EAEE,8EAAgF,CADhF,6EAEF,CAWE,sHACE,oJAKF,CAYE,qKACE,0LAKF,CAIJ,4EAEE,6EAA8E,CAD9E,4EAMF,CAHE,mFACE,qEACF,CAKF,+EAEE,2DAA6D,CAD7D,0DAEF,CAWE,qHACE,oJAKF,CAYA,sHACE,kJAKF,CAWE,qKACE,wLAKF,CAIJ,4EAIE,4CAA8C,CAF9C,+EAAiF,CADjF,6EAA+E,CAE/E,2CAOF,CAJE,mFAEE,0BAA2B,CAD3B,SAEF,CAKN,yBACE,YAAa,CACb,6DAyBF,CAtBE,+BAME,sCAAuC,CADvC,UAAW,CAKX,aAAc,CACd,UAAW,CATX,+BAAiC,CAKjC,0cAAmd,CAAnd,kcAAmd,CAEnd,6BAAsB,CAAtB,mBAAsB,CADtB,yBAAkB,CAAlB,iBAAkB,CALlB,oCAAsC,CAStC,qBAAsB,CARtB,mBAAoB,CAHpB,8BAYF,CAGA,6CAGE,uBAAgB,CAAhB,eAAgB,CAFhB,gBAAiB,CACjB,UAAW,CAEX,sCACF,CAcF,mDAEE,mBAAoB,CAEpB,0BAA4B,CAD5B,sCAaF,CAVE,gOAEE,YAAa,CACb,qBAAsB,CACtB,0BACF,CAEA,yFACE,cACF,CAKF,0CAreE,4CAA6C,CAC7C,2EAA6E,CAF7E,6BAmkBF,CA/jBE,oDAME,uDAAwD,CAHxD,+CAAgD,CAChD,wCAAyC,CAHzC,qCAAsC,CACtC,kBAAmB,CAGnB,SAEF,CAEA,+DACE,yCACF,CAEA,kFNjEA,mCAAoC,CAEpC,iDAAmD,CADnD,YMyEA,CALE,sGACE,kBAAyB,CNtE7B,mCAAoC,CAEpC,uDAAmD,CADnD,YMwEE,CAIF,0FN7EA,mCAAoC,CAEpC,iDAAmD,CADnD,YM8EA,CAucF,0CAaE,uBAAgB,CAAhB,eAAgB,CAHhB,0CAA2C,CAC3C,kDAAoD,CAFpD,cAAe,CALf,YAAa,CAEb,+BAAiC,CAEjC,kBAAoB,CAMpB,oBAAqB,CAXrB,iBAAkB,CASlB,uEAA8E,CAP9E,8BAwFF,CA7EE,iDAKE,4CAA6C,CAE7C,+CAAiD,CAHjD,UAAW,CAFX,+BAAiC,CAQjC,wbAA69B,CAA79B,gbAA69B,CAG79B,4BAAqB,CAArB,oBAAqB,CADrB,6BAAsB,CAAtB,mBAAsB,CADtB,qBAAc,CAAd,aAAc,CALd,oCAAsC,CAHtC,iBAAkB,CAFlB,8BAiBF,CAHE,yDAfF,iDAgBI,8DAEJ,CADE,CAKA,gDC9jBJ,WAAA,YAAA,SAAA,yFAAA,kBAAA,QAAA,4CAAA,UD8jByG,CAMnG,2MACE,qCAAsC,CACtC,kBACF,CAIJ,kDACE,iCAAkC,CAClC,mCAAoC,CACpC,2EA2BF,CAzBE,yDAEE,kCAAmC,CADnC,kBAMF,CAHE,yDAJF,yDAKI,kEAEJ,CADE,CAGF,2DAEE,gDAAiD,CACjD,4CAA6C,CAF7C,kBAAmB,CAGnB,SAKF,CAHE,kEACE,4CACF,CAIF,8BA1BF,kDA2BI,2BAA4B,CAC5B,uBAEJ,CADE,CAGF,wDExmBA,eAAgB,CAFhB,wCAAgC,CAChC,kBF2mBA,CAGE,+DACE,wTAAia,CAAja,gTAAia,CACja,kBACF,CAIJ,oCApkBE,4CAA6C,CAC7C,2EAA6E,CAF7E,6BA0mBF,CAtmBE,8CAME,uDAAwD,CAHxD,+CAAgD,CAChD,wCAAyC,CAHzC,qCAAsC,CACtC,kBAAmB,CAGnB,SAEF,CAEA,yDACE,yCACF,CAEA,4ENjEA,mCAAoC,CAEpC,iDAAmD,CADnD,YMyEA,CALE,gGACE,kBAAyB,CNtE7B,mCAAoC,CAEpC,uDAAmD,CADnD,YMwEE,CAIF,oFN7EA,mCAAoC,CAEpC,iDAAmD,CADnD,YM8EA,CAsiBF,oCAYE,uBAAgB,CAAhB,eAAgB,CAHhB,0CAA2C,CAC3C,mDAAqD,CAFrD,cAAe,CAHf,+BAAiC,CAEjC,kBAAoB,CAJpB,iBAAkB,CAQlB,uEAA8E,CAP9E,8BAiCF,CAtBI,0CCtoBJ,WAAA,YAAA,SAAA,yFAAA,kBAAA,QAAA,4CAAA,UDsoByG,CAGvG,4CACE,mCAAoC,CACpC,mCAMF,CAJE,qDAEE,4CAA6C,CAD7C,kBAEF,CAGF,kDEhpBA,eAAgB,CAFhB,wCAAgC,CAChC,kBFmpBA,CAGA,8BAjCF,oCAkCI,2BAA4B,CAC5B,uBAEJ,CADE,CAGF,uBACE,GACE,+CACF,CAEA,GACE,wBACF,CACF,CAEA,wBACE,GACE,wBACF,CAEA,GACE,+CACF,CACF,CGhrBA,UAyBE,iCAA2B,CAA3B,yBAA2B,CAR3B,4FAEqC,CACrC,QAAS,CAGT,qBAAuB,CAXvB,iCAAkC,CATlC,oBAAqB,CAMrB,cAAe,CACf,gDAAkD,CAClD,aAAc,CALd,2BAA6B,CAL7B,iBAAkB,CAYlB,iBAAkB,CAWlB,0CAA8C,CAR9C,wBAAiB,CAAjB,gBAAiB,CADjB,qBAAsB,CADtB,kBAAmB,CAZnB,SAoFF,CA3DE,iBAUE,4DAAyG,CAIzG,4BAA6B,CAH7B,qBAAsB,CAPtB,QAAS,CAGT,UAAW,CAFX,MAAO,CAOP,SAAU,CAXV,iBAAkB,CAElB,OAAQ,CADR,KAAM,CAWN,sBAAwB,CAPxB,UASF,CAEA,gBAEE,uDAAyD,CADzD,oBAEF,CAME,oGACE,SACF,CAIF,gBDxDA,eAAgB,CAFhB,wCAAgC,CAChC,kBCiEA,CAJE,oCAEE,eAAgB,CADhB,uBAEF,CAIF,wBDnEA,eAAgB,CAFhB,wCAAgC,CAChC,kBCsEA,CAGE,wBACE,oBACF,CAGF,uCAGE,cAAe,CACf,UAAY,CAFZ,mBAGF,CAGF,gBAEE,yBAA2B,CAC3B,+CAAgD,CAFhD,uCAuBF,CAnBE,uBACE,YACF,CAEA,sBACE,6DACF,CAEA,uBAGE,4DACF,CAEA,yBAGE,2DACF,CAGF,iBAGE,yBAA2B,CAF3B,uCAWF,CAPE,yCAHA,yBAKA,CAEA,uBACE,6DACF,CAGF,iBAME,wEAAuH,CAHvH,UA0BF,CArBE,wBAGE,gEACF,CAGA,uBD5IA,eAAgB,CAFhB,wCAAgC,CAChC,kBCqJA,CAJE,2CAEE,eAAgB,CADhB,uBAEF,CAIF,+BDvJA,eAAgB,CAFhB,wCAAgC,CAChC,kBC0JA,CAKF,gBAGE,6BACF,CAEA,gBAME,iBAAkB,CAHlB,gCAIF,CCtKA,yCAHE,mBAmBF,CAhBA,cACE,kBAAmB,CAEnB,uDAaF,CAVI,uCACE,0CACF,CAIA,wCACE,2CACF,CAKF,8CACE,WAAY,CACZ,kBACF,CAEA,+CACE,QAAS,CACT,iBACF,CAGF,oBAgBE,uBAAgB,CAAhB,eAAgB,CANhB,6CAA8C,CAC9C,gFAAkF,CAClF,mDAAqD,CAJrD,cAAe,CANf,aAAc,CAEd,6CAA+C,CAE/C,eAAgB,CADhB,SAAU,CAJV,iBAAkB,CAMlB,oBAAqB,CAOrB,wBAAyB,CACzB,iDAAmD,CAFnD,mDAAyD,CAJzD,wBAAiB,CAAjB,gBAAiB,CANjB,8BAiCF,CAlBE,4DAEE,gBACF,CAEA,wBAEI,2BH/DN,WAAA,YAAA,SAAA,gBAAA,kBAAA,QAAA,4CAAA,UG+DgC,CAE9B,CAEA,gCAGE,0CACE,eACF,CACF,CAGF,2DACE,2CAA4C,CAC5C,uCAiBF,CAfE,mIAEE,2CAQF,CAEA,uPACE,6DACF,CAGF,uCACE,qDAAsD,CACtD,qDAuBF,CArBE,6CACE,2DACF,CAEA,8CACE,4DACF,CAEA,0DACE,oDAAqD,CACrD,QAAS,CACT,sCACF,CAEA,8DACE,uBACF,CAEA,gEACE,0BACF,CAGF,wCAEE,2CAA4C,CAC5C,uCAAwC,CAFxC,kBAAmB,CAGnB,wBA0BF,CAtBI,mIACE,oCACF,CAGF,2DACE,wCAAyC,CACzC,eAMF,CAJE,mIAEE,oCACF,CAOF,gIACE,4BACF,CAGF,oBAEE,kBAAmB,CADnB,YAAa,CAGb,WAAY,CACZ,eAAgB,CAFhB,UAGF,CAEA,uBAEE,4BAA6B,CAG7B,2BAEF,CAEA,gDAHE,YAAa,CALb,aAAc,CAEd,wBAAyB,CACzB,6BAYF,CAPA,yBAEE,6BAA8B,CAG9B,uBAEF,CAEA,mBAME,oCAAqC,CACrC,gFAAkF,CAClF,mDAAqD,CALrD,WAAY,CAMZ,mEAAqE,CARrE,iBAAkB,CAClB,QAAS,CAWT,0BAA2B,CAF3B,wBAAyB,CACzB,6BAA8B,CAF9B,mDAAyD,CALzD,SAAU,CADV,SAcF,CAHE,gCAfF,mBAgBI,eAEJ,CADE,CAGF,qBAIE,6BAA8B,CAF9B,kDAAoD,CACpD,eAAgB,CAFhB,iBAAkB,CAIlB,gBACF,CAEA,yBAEE,YAAa,CACb,kBAAoB,CAFpB,8BAGF,CAGE,0CACE,iDACF,CAEA,yCAEE,6CAA+C,CAD/C,8BAEF,CAIA,6CACE,2BACF,CAGF,uBACE,QAAS,CACT,iBACF,CAEA,wBACE,WAAY,CACZ,kBACF,CAEA,2BACE,0BAKF,CAHE,gDACE,eACF,CCtPF,cAME,+BAAgC,CADhC,mDAAoD,CAJpD,YAAa,CAMb,6BAA8B,CAL9B,mCAAqC,CACrC,eAAgB,CAChB,iBAeF,CAVE,uBAGE,2CAA4C,CAD5C,6BAA8B,CAD9B,gDAGF,CAEA,gCAEE,8CAA+C,CAD/C,iCAEF,CAGF,mBAEE,kBAAmB,CADnB,YAAa,CAEb,wCAA0C,CAC1C,eACF,CAEA,mBAaE,kBAAmB,CAHnB,wBAA6B,CAC7B,QAAS,CACT,mDAAqD,CANrD,6BAA8B,CAG9B,cAAe,CAPf,YAAa,CAEb,kDAAoD,CACpD,gBAAiB,CAFjB,kEAAoE,CAFpE,iBAAkB,CAMlB,iBAAkB,CAClB,kBA6DF,CAtDE,mFAKE,8CAA+C,CAF/C,6BAA8B,CAG9B,mBAAoB,CAFpB,oBAAqB,CAGrB,4CACF,CAGA,yCAKE,0BAA2B,CAJ3B,aAAc,CAEd,gDAAkD,CADlD,QAAS,CAET,iBAEF,CAIE,0BJlEJ,WAAA,YAAA,SAAA,gBAAA,kBAAA,QAAA,4CAAA,UIkE8B,CAI5B,sBACE,yBAGE,yDAA0D,CAF1D,6BAA8B,CAC9B,oBAAqB,CAErB,mCACF,CACF,CAEA,wIAKE,qDAAsD,CADtD,6BAA8B,CAD9B,gDAgBF,CAXE,0JAOE,4CAA6C,CAC7C,mDAAqD,CALrD,uBAAwB,CAGxB,UAAW,CADX,UAAW,CAJX,iBAAkB,CAClB,SAAU,CAOV,6BAA+B,CAL/B,UAMF,CAIJ,qBACE,wBAKF,CAHE,2CACE,aACF,CAGF,sBACE,iBACF,CAEA,oBACE,aAMF,CAHE,uCACE,mCACF,CAGF,sBAIE,0BAA2B,CAD3B,2BAA4B,CAF5B,wBAA0B,CAC1B,iDAGF,CAEA,wBACE,YAAa,CACb,6BACF,CClIA,kBAGE,kDAAmD,CACnD,mDAAqD,CACrD,mGAAuG,CAJvG,mBAAoB,CACpB,eAIF,CAEA,uBAGE,mEAA6E,CAC7E,mDAAqD,CAFrD,mBAAoB,CAGpB,gEAAkE,CAJlE,iBA0GF,CAnGE,uDACE,oCAAqC,CACrC,kEAiBF,CAfE,+DACE,gDAKF,CAHE,qEACE,wBACF,CAOF,mJACE,kBACF,CAIF,0DAKE,0BAA2B,CAJ3B,aAAc,CAEd,gDAAkD,CADlD,QAAS,CAET,iBAEF,CAGA,8BAME,8FAAkG,CADlG,UAAW,CAHX,gBAAiB,CAEjB,2DAA6D,CAD7D,wDAA0D,CAF1D,iBAMF,CAGA,+BACE,QAAS,CAGT,2BAA4B,CAF5B,8CAAgD,CAChD,eAOF,CAJE,6CAEE,gEAAiE,CADjE,oHAEF,CAGF,sCACE,yJAA8J,CAC9J,oIASF,CAPE,uDACE,yJAKF,CAFI,8DL/ER,WAAA,YAAA,SAAA,kDAAA,iDAAA,kBAAA,QAAA,4CAAA,UK+E8G,CAK5G,uCACE,0JAA+J,CAC/J,mIASF,CAPE,wDACE,yJAKF,CAFI,+DL5FR,WAAA,YAAA,SAAA,kDAAA,iDAAA,kBAAA,QAAA,4CAAA,UK4F8G,CAK5G,sCACE,yJAA8J,CAC9J,oIASF,CAPE,uDACE,wJAKF,CAFI,8DLzGR,WAAA,YAAA,SAAA,iDAAA,gDAAA,kBAAA,QAAA,4CAAA,UKyG4G,CAK1G,yCACE,eACF,CAEA,oFACE,2BACF,CAIF,6BACE,YAYF,CAVE,oDACE,MAAO,CACP,sBACF,CAGA,gGAEE,UACF,CChIF,MAGE,4CAA6C,CAC7C,2EAA6E,CAC7E,mDAAqD,CAHrD,eAAgB,CADhB,iDAKF,CAEA,WAKE,gFAAkF,CADlF,6BAA8B,CAF9B,aAAc,CACd,yHAA4H,CAF5H,iBA+EF,CAzEE,uBACE,YAAa,CAEb,6DAKF,CAHE,qDAHA,4DAKA,CAGF,sBACE,eAAgB,CAChB,gEAMF,CAHE,mDAFA,+DAIA,CAGF,iBAEE,4CAA6C,CAD7C,oBAEF,CAEA,kBACE,2CACF,CAEA,sGAIE,4CAA6C,CAD7C,cAYF,CATE,2HAOE,kDAAmD,CAJnD,QAAS,CAGT,UAAW,CAFX,MAAO,CAHP,iBAAkB,CAClB,KAAM,CAGN,SAGF,CAGF,oBAGE,2BAA4B,CAD5B,iDAAmD,CAEnD,iBAAkB,CAHlB,UAIF,CAEA,oBACE,WAAY,CACZ,+CACF,CAEA,yBAEE,+BAAgC,CADhC,WAEF,CAEA,mBACE,UAAW,CACX,gDACF,CAGE,0BACE,4BACF,CAIJ,cAQE,gFAAkF,CADlF,6BAA8B,CAN9B,aAAc,CAId,iBAAkB,CAClB,gDAAkD,CAFlD,eAAgB,CADhB,YAAa,CADb,yHAsBF,CAdE,oBACE,oBACF,CAEA,0BACE,4DAA8D,CAC9D,6DACF,CAEA,yBACE,eAAgB,CAEhB,+DAAiE,CADjE,gEAEF,CCnHF,QAKE,uCAAwC,CACxC,mDAAqD,CAErD,+CAAgD,CAPhD,oBAAqB,CAMrB,aAAc,CAJd,aAAc,CADd,eAAgB,CAEhB,qBAKF,CAEA,aACE,UAAW,CACX,aACF,CAGA,mBACE,oBAAqB,CACrB,iBACF,CAIA,kCAGE,kDACF,CAIA,UAEE,+BAAiC,CADjC,8BAEF,CAEA,UAEE,+BAAiC,CADjC,8BAEF,CAEA,UAEE,+BAAiC,CADjC,8BAEF,CAEA,UAEE,+BAAiC,CADjC,8BAEF,CAEA,UAEE,+BAAiC,CADjC,8BAEF,CAEA,UAEE,+BAAiC,CADjC,8BAEF,CAEA,UAEE,+BAAiC,CADjC,8BAEF,CAEA,UAEE,+BAAiC,CADjC,8BAEF,CCnEA,aAGE,WAAY,CADZ,cAAe,CADf,iBAeF,CAXE,+BACE,iBACF,CAEA,8BACE,cACF,CAEA,qCACE,cACF,CAGF,kBAEE,sCAAuC,CACvC,mBAAoB,CAFpB,YAoDF,CAhDE,0BAQE,4CAA6C,CAE7C,kDAAoD,CADpD,iFAAmF,CAEnF,eAAgB,CALhB,kBAAuB,CAHvB,YAAa,CAEb,WAAY,CAEZ,kBAAmB,CANnB,iBAAkB,CAWlB,iCAAmC,CARnC,UAAW,CAFX,SA8BF,CAlBE,sCACE,SACF,CAEA,qCAEE,cAAe,CADf,SAEF,CAEA,8BACE,kDACF,CAGA,yCACE,YAAa,CACb,SACF,CAIA,gCACE,gBACF,CAEA,+CACE,YAAa,CACb,SACF,CAEA,qCACE,sBACF,CAIJ,oBAGE,qCAAsC,CADtC,cAAe,CADf,SAuBF,CAnBE,qDAME,iBAAkB,CADlB,UAAW,CAFX,aAAc,CACd,WAAY,CAGZ,4EAA8E,CAL9E,iBAMF,CAEA,2BAEE,8CAA+C,CAD/C,UAEF,CAEA,0BAEE,yCAA0C,CAD1C,UAEF,CAMA,sCAEE,0BAA2B,CAD3B,OAWF,CARE,oDAEE,eAAgB,CADhB,cAEF,CAEA,+DACE,aACF,CAGF,wCACE,yCAUF,CARE,+CACE,SACF,CAEA,8CAEE,qCAAsC,CADtC,SAEF,CAGF,4BAIE,gFAAkF,CADlF,cAAe,CADf,iBAAkB,CADlB,cAIF,CCxIF,KACE,4CAA6C,CAC7C,wCAAyC,CAGzC,mDAAqD,CAFrD,kBAAmB,CACnB,+CAEF,CAGA,gBACE,gBAyBF,CAfE,kFACE,yFACF,CAGE,6CAGE,gBAAiB,CADjB,iIAAsI,CADtI,yHAGF,CAGF,yBACE,yFACF,CAIA,2BAEE,gBAAiB,CADjB,iDAEF,CAEA,0BACE,mDACF,CAWE,gGAJA,iDAOA,CAHA,4CAEE,sGACF,CAGF,wBACE,iDACF,CAGF,YAGE,2CAA4C,CAC5C,wCAAyC,CACzC,kBAAmB,CAEnB,4DAA8D,CAC9D,6DAA+D,CAF/D,+CAAiD,CAJjD,kGAAuG,CADvG,+CAQF,CAEA,WACE,kDAAoD,CACpD,gDACF,CAEA,UAEE,kFAAoF,CADpF,+CASF,CALE,uBAGE,+DAAiE,CADjE,gEAAkE,CADlE,0DAGF,CAIF,SAME,6EAAqD,CAHrD,oBAAqB,CADrB,uDAA0D,CAD1D,+CAqDF,CA9CE,uBACE,4DAA8D,CAC9D,6DACF,CAEA,sBAEE,+DAAiE,CADjE,gEAEF,CAIA,yCAGE,qDACF,CAIE,gDACE,4BAA6B,CAC7B,WAAY,CACZ,SACF,CAGA,4DACE,eACF,CAQA,mFACE,2CAMF,CAHE,6DACE,SACF,CAMJ,sCACE,2CACF,CAIA,sCACE,2CACF,CAIA,2BACE,2CACF,CAIA,2BACE,2CACF,CAOA,yBADF,cAEI,6BAA8B,CAC9B,oBAOJ,CALI,oBACE,4BAA6B,CAC7B,oBACF,CACF,CAKF,sBACE,SACF,CAEA,YAME,6FAAgG,CADhG,+EAAqD,CAHrD,uDAA0D,CAD1D,+CAMF,CAGA,iBACE,gBAAiB,CACjB,eACF,CAOE,kCAFA,sCAKA,CAHA,uBACE,2CAEF,CAUA,gEACE,sCACF,CAeE,qFACE,yCACF,CAIJ,kBACE,2CAA4C,CAC5C,sCACF,CAIA,iBACE,8CACF,CAEA,eACE,2CACF,CAEA,eACE,2CACF,CAKE,6BAGE,eAAgB,CADhB,gIAAqI,CADrI,yHAGF,CCxRF,YAEE,gCAAkC,CADlC,iBAAkB,CAElB,iBAkBF,CAhBE,cACE,2BACF,CAEA,iBAGE,sCAAuC,CACvC,yEAA2E,CAC3E,mDAAqD,CAHrD,kDAAoD,CADpD,mBAKF,CAEA,gBAEE,WAAY,CADZ,UAEF,CAGF,iBAIE,2BAA4B,CAF5B,mDAAqD,CACrD,+CAAiD,CAFjD,gDAIF,CAEA,kBACE,iDACF,CAEA,oBACE,oCACF,CAEA,mBACE,8CASF,CAPE,iCACE,gDACF,CAEA,gCACE,mDACF,CAGF,mBACE,6FACF,CAEA,qBACE,yDACF,CAEA,mBAEE,aAAc,CADd,eAEF,CAKE,sBAEE,WAAY,CADZ,UAEF,CAEA,qBAIE,cAAe,CAHf,4CAIF,CAEA,oBACE,iDACF,CAKF,6BACE,QACF,CCzFA,iBACE,oBAAqB,CAGrB,eAAgB,CAFhB,kBAAoB,CACpB,kBAeF,CAZE,uBAKE,6CAA+C,CAD/C,UAAW,CAHX,oBAAqB,CACrB,WAAa,CACb,aAAe,CAGf,uBACF,CAEA,6BACE,aACF,CAKA,+FACE,YACF,CAGF,4BACE,6BACF,CC1BA,MACE,2BAA4B,CAC5B,qDACF,CAGA,QAmBE,kBAAmB,CAbnB,wBAA6B,CAC7B,+CAAiD,CACjD,kBAAyB,CACzB,mDAAqD,CACrD,2BAA4B,CAN5B,cAAe,CAYf,YAAa,CACb,kBAAmB,CAfnB,kDAAoD,CACpD,8CAAgD,CAiBhD,wCAA0C,CAN1C,6CAA+C,CAI/C,6BAA8B,CAG9B,qBAAsB,CANtB,gEAAkE,CAdlE,iBAAkB,CAYlB,iBAAkB,CAFlB,qEAAsE,CACtE,4DAAgE,CAPhE,wBAAiB,CAAjB,gBAwCF,CArBE,wBAEI,eZnCN,WAAA,YAAA,SAAA,gBAAA,eAAA,kBAAA,QAAA,4CAAA,UYmCsC,CAEpC,CAIA,cACE,+CACF,CAEA,eACE,eACF,CAEA,6CAGE,eAAgB,CADhB,kBAEF,CAGF,oBAEE,oBAAqB,CADrB,iBAEF,CAEA,wBAEE,mBAKF,CAHE,oCACE,oBACF,CAIF,gBAKE,kBAAmB,CAHnB,YAAa,CADb,aAAc,CAEd,uDAAwD,CACxD,4DAA8D,CAE9D,oBAOF,CAHE,kCACE,iDACF,CAIF,4BACE,qBACF,CAKA,eACE,YAAa,CACb,mBAMF,CAJE,wBAEE,4CAA6C,CAD7C,aAEF,CAGF,cACE,cAAe,CAEf,6DAAqE,CADrE,kBAEF,CAEA,sBACE,uBACF,CAEA,uBACE,wBACF,CAEA,uBACE,6CACF,CAIA,eACE,iDAAmD,CAGnD,uCAAyC,CAFzC,4CAA8C,CAC9C,iEAYF,CATE,6BACE,4DACF,CAGE,iDACE,gDACF,CAIJ,eAGE,uCAAyC,CAFzC,4CAA8C,CAC9C,iEAYF,CATE,6BACE,wDACF,CAGE,iDACE,gDACF,CAIJ,mBACE,UACF,CAKA,iBAEE,kCAAmC,CACnC,4CAA6C,CAC7C,4CAA6C,CAC7C,gFAAkF,CAJlF,mCAwCF,CAlCE,sCACE,kDAAmD,CACnD,kDACF,CAGA,uBC7KA,sDAAuD,CAFvD,wCAAgC,CAChC,mBDsLA,CAJE,2CAEE,eAAgB,CADhB,uBAEF,CAIF,+BCxLA,sDAAuD,CAFvD,wCAAgC,CAChC,mBD2LA,CAEA,2EAEE,qDAAsD,CACtD,mDACF,CAEA,+DAKE,2CAA4C,CAF5C,qDAAsD,CACtD,qDAAsD,CAFtD,4CAIF,CAIF,mBAEE,0BAA2B,CAC3B,oCAAqC,CACrC,oCAAqC,CACrC,gEAAkE,CAJlE,2BA4BF,CAtBE,wCACE,0CAA2C,CAC3C,0CACF,CAEA,yCACE,2CAA4C,CAC5C,2CACF,CAEA,sCACE,6CAA8C,CAC9C,2CACF,CAEA,mEAKE,oCAAqC,CAFrC,oCAAqC,CACrC,oCAAqC,CAFrC,qCAIF,CAGF,mBACE,2BA2BF,CAzBE,wCACE,+DACF,CAEA,+EAEE,gEACF,CAEA,mEAKE,oCAAqC,CAFrC,oCAAqC,CACrC,oCAAqC,CAFrC,qCAIF,CAGA,6DACE,4BACF,CAEA,kCACE,2BACF,CAGF,cAEE,2BAA4B,CAG5B,WAAY,CAJZ,4BAA6B,CAE7B,oBAAqB,CACrB,iBAAkB,CAElB,YAAa,CACb,SAiBF,CAfE,mCACE,yBACF,CAEA,gDACE,kBACF,CAEA,yDAKE,oCAAqC,CAFrC,wBAA6B,CAC7B,kBAAyB,CAFzB,qCAIF,CAIF,gBAEE,iCAAkC,CAClC,oCAAqC,CACrC,oCAAqC,CACrC,gEAAkE,CAJlE,kCA8BF,CAxBE,qCAEE,uCAAwC,CACxC,iDAAkD,CAClD,iDAAkD,CAClD,0FAA4F,CAJ5F,wCAKF,CAEA,yEAGE,0CAA2C,CAC3C,oDAAqD,CACrD,oDAAqD,CACrD,kDAAmD,CAJnD,2CAKF,CAEA,6DAGE,0CAA2C,CAC3C,oDAAqD,CACrD,oCAAqC,CAHrC,2CAIF,CAIF,kBACE,YAAa,CAEb,aAAc,CADd,oBAAqB,CAErB,4CASF,CAPE,gCACE,2CACF,CAEA,gCACE,2CACF,CEpVF,SASE,2CAA4C,CAC5C,2EAA6E,CAC7E,iBAAkB,CAJlB,6BAA8B,CAN9B,oBAAqB,CAGrB,iDAAmD,CACnD,8CAAgD,CAChD,mFAAsF,CAJtF,kCAAoC,CACpC,aAAc,CAKd,iBAcF,CATE,eACE,YACF,CAGA,kBAEE,UAAY,CADZ,uBAEF,CAGF,kBAEE,8CAA+C,CAD/C,iCAEF,CAEA,oBAEE,4CAA6C,CAD7C,2BAEF,CC/BA,oBASE,uFAAyF,CACzF,sCAAuC,CALvC,mDAAqD,CAFrD,kBAAmB,CACnB,+CAAiD,CAIjD,6BAA8B,CAN9B,yFAA4F,CAD5F,iBAmBF,CARE,6BACE,4BAA6B,CAC7B,qCACF,CAEA,iCACE,eACF,CAIF,gBACE,mDACF,CAGA,gCAUE,uBAAgB,CAAhB,eAAgB,CAFhB,eAAgB,CAChB,QAAS,CAJT,cAAe,CAJf,WAAY,CAEZ,yEAA4E,CAD5E,gEAAkE,CAElE,iBAmBF,CAXE,sCACE,UACF,CAEA,uCACE,UACF,CAEA,yCACE,cACF,CAIF,mCAIE,2BAA4B,CAH5B,WAAY,CAEZ,iDAAmD,CADnD,eAgBF,CAZE,gDAEE,2BAA4B,CAD5B,gDAEF,CAEA,+CACE,uBAKF,CAHE,wDACE,aACF,CAOJ,yBAEE,6FAA+F,CAC/F,yCAA0C,CAF1C,6BAOF,CAHE,kCACE,+BACF,CAGF,0BAEE,uFAAyF,CACzF,sCAAuC,CAFvC,6BAOF,CAHE,mCACE,4BACF,CAGF,4BAEE,yFAA2F,CAC3F,uCAAwC,CAFxC,6BAOF,CAHE,qCACE,6BACF,CAKF,yBAGE,eAAgB,CADhB,iDAAmD,CADnD,uDAGF,CAGA,cAOE,aAAc,CACd,eAAgB,CAFhB,cAAe,CADf,YAAa,CAJb,cAAe,CACf,KAAM,CAEN,UAAW,CADX,UAMF,CAGA,0BAEE,4CACF,CAGA,SAIE,8CAA+C,CAD/C,gDAAkD,CADlD,kBAAoB,CADpB,YAIF,CC3IA,QACE,iBACF,CAIA,cAQE,2EAA6E,CAC7E,iBAAkB,CAPlB,oBAAqB,CAErB,iDAAmD,CACnD,8CAAgD,CAChD,gBAAiB,CAHjB,aAAc,CAId,kBAOF,CAHE,0BACE,oBACF,CAKF,cAGE,gBAAiB,CADjB,iBAAkB,CADlB,kBAGF,CAMA,eACE,cAAe,CAEf,aAAc,CADd,kBAEF,CAIA,gBAEE,0CAA2C,CAD3C,6BAEF,CAEA,kBAEE,wCAAyC,CADzC,2BAEF,CAIA,4BAGE,yCAA0C,CAD1C,4BAEF,CAEA,gBAEE,0CAA2C,CAD3C,6BAEF,CAEA,kCAGE,4CAA6C,CAD7C,+BAEF,CAEA,eAEE,yCAA0C,CAD1C,4BAEF,CAEA,eAEE,yCAA0C,CAD1C,4BAEF,CAEA,aAEE,uCAAwC,CADxC,0BAEF,CAEA,eAEE,yCAA0C,CAD1C,4BAEF,CAEA,aAEE,uCAAwC,CADxC,0BAEF,CAEA,iBAEE,2CAA4C,CAD5C,8BAEF,CCpGA,MACE,4BAWF,CATE,YAEE,cAAe,CADf,yBAEF,CAEA,gCAEE,gBACF,CAGF,eACE,uCAKF,CAHE,qBACE,sCACF,CAGF,iBACE,qCAKF,CAHE,uBACE,sCACF,CAGF,aACE,qCAMF,CAJE,mBAEE,oBACF,CAMA,wCARE,sCAYF,CAJA,qBAGE,cAAe,CADf,yBAEF,CAQA,qHACE,uBACF,CCxDF,SACE,iBAAkB,CAClB,WACF,CAEA,iBAKE,4CAA6C,CAC7C,2EAA6E,CAC7E,mDAAqD,CAHrD,gBAAiB,CADjB,iBAAkB,CAFlB,iBAAkB,CAClB,WA6BF,CArBE,+CAKE,UAAW,CADX,oBAAqB,CADrB,QAAS,CADT,iBAIF,CAEA,wBAIE,sBAAgD,CAAhD,mDAAgD,CAFhD,gBAAiB,CADjB,SAIF,CAEA,uBAIE,sBAAgD,CAAhD,mDAAgD,CAFhD,gBAAiB,CADjB,SAIF,CAKA,mEAEE,YACF,CAOA,mNAGE,yBAAgC,CADhC,QAEF,CAEA,2GAEE,4CAA6C,CAD7C,YAEF,CAEA,wGAEE,4CAA6C,CAD7C,YAEF,CAIF,2DAGE,cAAe,CADf,UAgBF,CAbE,gJAEE,SAAU,CACV,aACF,CAEA,yEACE,UACF,CAEA,uEACE,UACF,CAIF,yDAEE,SAAU,CACV,aAWF,CATE,4IAEE,SAAU,CACV,aACF,CAEA,qEACE,SACF,CAUA,oZAKE,yBAAgC,CAFhC,SAAU,CACV,aAAc,CAFd,OAIF,CAEA,6MACE,eACF,CAEA,uMACE,eACF,CAOA,wGAEE,6CAA8C,CAD9C,WAEF,CAEA,qGAEE,6CAA8C,CAD9C,WAEF,CAOA,qGAEE,8CAA+C,CAD/C,UAEF,CAEA,kGAEE,8CAA+C,CAD/C,UAEF,CAMA,wIAEE,QACF,CAMA,oJAEE,QACF,CAEA,2EACE,WACF,CAEA,yEACE,WACF,CAGF,yBACE,wBACE,eACF,CACF,CAKA,4BACE,SAIE,kBAAoB,CACpB,gBAAkB,CAJlB,cAAe,CAEf,iBAAmB,CADnB,kBAIF,CAEA,iBAGE,WAAY,CACZ,SAAU,CAEV,4CAA8C,CAJ9C,UAAW,CADX,QAAS,CAIT,oBAEF,CAGA,8BACE,wEACF,CAGA,+CAEE,YACF,CACF,CC9NA,UAIE,2CAA4C,CAC5C,iBAAkB,CAJlB,YAAa,CACb,UAAW,CAIX,uBAA8B,CAH9B,eAIF,CAEA,iBACE,WACF,CAEA,iBACE,UACF,CAEA,eACE,uBACF,CAEA,8BACE,eACF,CCrBA,cASE,iBAAkB,CAPlB,oBAAqB,CAErB,kDAAoD,CACpD,8CAAgD,CAChD,2DAA6D,CAH7D,kEAAoE,CAIpE,iBAAkB,CAClB,kBAEF,CAEA,4BAIE,8CAA+C,CAC/C,qDAA6D,CAF7D,iCAGF,CAEA,aAEE,2CACF,CAEA,4BAJE,iCAOF,CAHA,eAEE,2CACF,CAEA,eAEE,6CAA8C,CAD9C,iCAEF,CAIA,cAEE,iDAAmD,CACnD,oCAAsC,CAFtC,cAOF,CAHE,uBACE,SACF,CC9CF,SAIE,gFAAkF,CAHlF,YAAa,CAIb,kBAAmB,CACnB,wBAAyB,CAHzB,iDAAmD,CADnD,wDAKF,CAGA,mBACE,mCACF,CAGA,iBAGE,aAAc,CAFd,cAAe,CACf,8CAAgD,CAEhD,OACF,CAGA,yBAEE,4BAA6B,CAD7B,gDAEF,CAGA,qBAEE,2BAA4B,CAC5B,WAAY,CAFZ,kDAAoD,CAGpD,OACF,CAGA,iBAEE,iBAAkB,CAClB,wBAAyB,CAFzB,6EAAiF,CAGjF,OAKF,CAHE,sCACE,iCACF,CC7CF,UACE,mBAAoB,CAEpB,cAAe,CADf,WA0BF,CAvBE,yBAEE,0BAAsB,CAAtB,qBAAsB,CADtB,aAAc,CAEd,eAAgB,CAChB,sBAAuB,CACvB,kBAiBF,CAfE,wCACE,+CACF,CAEA,gDACE,eACF,CAEA,4KAKE,cAAe,CADf,aAAc,CADd,wBAGF,CC1BJ,cAEE,YAAa,CAEb,+CAAiD,CADjD,iDAAmD,CAFnD,iBAqBF,CAfE,qBAQE,0CAA2C,CAL3C,QAAS,CAIT,UAAW,CAFX,aAAc,CADd,MAAO,CAHP,iBAAkB,CAClB,KAAM,CAIN,yCAGF,CAEA,yCACE,yCAA0C,CAC1C,6CACF,CAGF,oBASE,kBAAmB,CACnB,+CAAgD,CAChD,4EAA8E,CAC9E,iBAAkB,CAJlB,2BAA4B,CAL5B,YAAa,CAWb,aAAc,CATd,6CAA+C,CAQ/C,sBAAuB,CANvB,kEAAqE,CADrE,gEAAkE,CALlE,iBAAkB,CAGlB,4CAA8C,CAF9C,SAaF,CAEA,6BAEE,8CAA+C,CAC/C,qDAA6D,CAF7D,iCAGF,CAEA,mBAIE,2BAA4B,CAC5B,SAAU,CAFV,iCAAmC,CADnC,cAAe,CADf,WAKF,CAEA,qBAEE,UAAW,CADX,iBAAkB,CAElB,SACF,CAEA,oBAOE,4CAA6C,CAC7C,QAAS,CACT,kFAAoF,CANpF,4CAA8C,CAC9C,QAAS,CACT,2DAA8D,CAC9D,iBAAkB,CALlB,iBAAkB,CAClB,SAQF,CAEA,yBAEE,gBAAiB,CADjB,kCAgBF,CAZE,oCACE,kDACF,CAEA,6CAKE,4CAA6C,CAC7C,QAAS,CAFT,2BAA4B,CAH5B,+BAAiC,CAEjC,oCAAsC,CADtC,iCAKF,CCrFA,8IAIE,eAAgB,CAChB,sBAAuB,CACvB,kBACF,CAGA,qEAEE,oBAAqB,CACrB,eAAgB,CAChB,kBACF,CAEA,gPAIE,2BACF","file":"yattho_view_components.css","sourcesContent":[":root {\n --yattho-actionListContent-paddingBlock: var(--yattho-control-medium-paddingBlock, 6px);\n}\n\n/* ActionList /\n\n/ <ul> /\n.ActionListWrap {\n list-style: none;\n}\n\n.ActionListWrap--inset {\n padding: var(--base-size-8, 8px);\n}\n\n/ list dividers /\n\n.ActionListWrap--divided {\n & .ActionListItem-label::before {\n position: absolute;\n top: calc(-1 var(--yattho-actionListContent-paddingBlock));\n display: block;\n width: 100%;\n height: 1px;\n content: '';\n background: var(--color-action-list-item-inline-divider);\n }\n\n /* if descriptionWrap--inline exists, move pseudo divider to wrapper /\n & .ActionListItem-descriptionWrap--inline {\n &::before {\n position: absolute;\n top: calc(-1 var(--yattho-actionListContent-paddingBlock));\n display: block;\n width: 100%;\n height: var(--yattho-borderWidth-thin, 1px);\n content: '';\n background: var(--color-action-list-item-inline-divider);\n }\n\n /* unset the default label pseudo /\n & .ActionListItem-label::before {\n content: unset;\n }\n }\n\n / hide divider if item is active /\n & .ActionListItem--navActive {\n & .ActionListItem-label::before,\n & + .ActionListItem .ActionListItem-label::before {\n visibility: hidden;\n }\n }\n}\n\n/ hide if item is first of type with label::before, or is the first item after a sectionDivider /\n.ActionListItem:first-of-type .ActionListItem-label::before,\n.ActionList-sectionDivider + .ActionListItem .ActionListItem-label::before {\n visibility: hidden;\n}\n\n/ hide if item is first of type with label::before, or is the first item after a sectionDivider /\n.ActionListItem:first-of-type .ActionListItem-descriptionWrap--inline::before,\n.ActionList-sectionDivider + .ActionListItem .ActionListItem-descriptionWrap--inline::before {\n visibility: hidden;\n}\n\n/ ActionList::Item /\n\n.ActionListItem {\n position: relative;\n list-style: none;\n background-color: transparent;\n border-radius: var(--yattho-borderRadius-medium, 6px);\n\n / state /\n\n &:hover,\n &:active {\n cursor: pointer;\n }\n\n / hide dividers /\n @media (hover: hover) {\n &:hover {\n & .ActionListItem-label::before,\n & + .ActionListItem .ActionListItem-label::before {\n visibility: hidden;\n }\n\n & .ActionListItem-descriptionWrap--inline::before,\n & + .ActionListItem .ActionListItem-descriptionWrap--inline::before {\n visibility: hidden;\n }\n }\n }\n\n / Make sure that the first visible item isn't a divider /\n &[hidden] + .ActionList-sectionDivider {\n display: none;\n }\n\n / collapse styles here /\n &.ActionListItem--hasSubItem {\n / first child /\n & > .ActionListContent {\n z-index: 1;\n\n @media (hover: hover) {\n &:hover {\n background-color: var(--color-action-list-item-default-hover-bg);\n }\n }\n\n &:active {\n background-color: var(--color-action-list-item-default-active-bg);\n }\n }\n }\n\n / only hover li without list as children /\n &:not(.ActionListItem--hasSubItem),\n / target contents of first child li if sub-item (li wraps item label + nested ul) /\n &.ActionListItem--hasSubItem > .ActionListContent {\n @media (hover: hover) {\n &:hover {\n cursor: pointer;\n background-color: var(--color-action-list-item-default-hover-bg);\n\n &:not(.ActionListItem--navActive, :focus-visible) {\n / Support for \"Windows high contrast mode\" /\n outline: solid var(--yattho-borderWidth-thin, 1px) transparent;\n outline-offset: calc(-1 var(--yattho-borderWidth-thin, 1px));\n box-shadow: var(--yattho-borderInset-thin, 1px) var(--color-action-list-item-default-active-border);\n }\n }\n }\n\n &:active {\n background: var(--color-action-list-item-default-active-bg);\n\n &:not(.ActionListItem--navActive) {\n /* Support for \"Windows high contrast mode\" https:sarahmhigley.com/writing/whcm-quick-tips/ /\n outline: solid var(--yattho-borderWidth-thin, 1px) transparent;\n outline-offset: calc(-1 var(--yattho-borderWidth-thin, 1px));\n box-shadow: var(--yattho-borderInset-thin, 1px) var(--color-action-list-item-default-active-border);\n }\n\n & .ActionListItem-label::before,\n & + .ActionListItem .ActionListItem-label::before {\n visibility: hidden;\n }\n }\n }\n\n /\n checkbox item [aria-checked]\n * listbox [aria-selected]\n /\n &[aria-checked='true'],\n &[aria-selected='true'] {\n / multiselect checkmark /\n & .ActionListItem-multiSelectCheckmark {\n visibility: visible;\n opacity: 1;\n transition: visibility 0 linear 0, opacity 50ms;\n }\n\n / singleselect checkmark /\n & .ActionListItem-singleSelectCheckmark {\n visibility: visible;\n\n @media screen and (prefers-reduced-motion: no-preference) {\n animation: checkmarkIn 200ms cubic-bezier(0.11, 0, 0.5, 0) forwards;\n }\n }\n\n / checkbox /\n & .ActionListItem-multiSelectIcon {\n & .ActionListItem-multiSelectIconRect {\n fill: var(--color-accent-fg);\n stroke: var(--color-accent-fg);\n stroke-width: var(--yattho-borderWidth-thin, 1px);\n }\n\n & .ActionListItem-multiSelectCheckmark {\n fill: var(--color-fg-on-emphasis);\n }\n }\n }\n\n &[aria-checked='false'],\n &[aria-selected='false'] {\n / multiselect checkmark /\n & .ActionListItem-multiSelectCheckmark {\n visibility: hidden;\n opacity: 0;\n transition: visibility 0 linear 50ms, opacity 50ms;\n }\n\n / singleselect checkmark /\n & .ActionListItem-singleSelectCheckmark {\n visibility: hidden;\n transition: visibility 0s linear 200ms;\n clip-path: inset(16px 0 0 0);\n\n @media screen and (prefers-reduced-motion: no-preference) {\n animation: checkmarkOut 200ms cubic-bezier(0.11, 0, 0.5, 0) forwards;\n }\n }\n\n / checkbox /\n & .ActionListItem-multiSelectIcon {\n & .ActionListItem-multiSelectIconRect {\n fill: var(--color-canvas-default);\n stroke: var(--color-border-default);\n stroke-width: var(--yattho-borderWidth-thin, 1px);\n }\n }\n\n & .ActionListItem-multiSelectIconRect {\n fill: var(--color-canvas-default);\n border: var(--yattho-borderWidth-thin, 1px) solid var(--color-border-default);\n }\n }\n\n @keyframes checkmarkIn {\n from {\n clip-path: inset(16px 0 0 0);\n }\n\n to {\n clip-path: inset(0 0 0 0);\n }\n }\n\n @keyframes checkmarkOut {\n from {\n clip-path: inset(0 0 0 0);\n }\n\n to {\n clip-path: inset(16px 0 0 0);\n }\n }\n\n / Autocomplete [aria-selected] items /\n\n &[aria-selected='true'] {\n font-weight: var(--base-text-weight-normal, 400);\n background: var(--color-action-list-item-default-selected-bg);\n\n @media (hover: hover) {\n &:hover {\n background-color: var(--color-action-list-item-default-hover-bg);\n }\n }\n\n &::before,\n & + .ActionListItem::before {\n visibility: hidden;\n }\n\n / blue accent line /\n\n &::after {\n @mixin activeIndicatorLine calc(-1 var(--base-size-4, 4px));\n }\n }\n\n /* active state [aria-current] /\n\n &.ActionListItem--navActive {\n &:not(.ActionListItem--subItem) {\n & .ActionListItem-label {\n font-weight: var(--base-text-weight-semibold, 600);\n }\n }\n\n &:not(.ActionListItem--danger) {\n background: var(--color-action-list-item-default-selected-bg);\n\n @media (hover: hover) {\n &:hover {\n background-color: var(--color-action-list-item-default-hover-bg);\n }\n }\n\n &::before,\n & + .ActionListItem::before {\n visibility: hidden;\n }\n\n / blue accent line /\n &::after {\n @mixin activeIndicatorLine;\n }\n }\n }\n\n / disabled /\n\n &[aria-disabled='true'] {\n & .ActionListContent {\n & .ActionListItem-label,\n & .ActionListItem-description {\n color: var(--color-yattho-fg-disabled);\n }\n\n & .ActionListItem-visual {\n fill: var(--color-yattho-fg-disabled);\n }\n }\n\n @media (hover: hover) {\n &:hover {\n cursor: not-allowed;\n background-color: transparent;\n }\n }\n }\n\n / variants /\n\n / danger /\n &.ActionListItem--danger {\n & .ActionListItem-label {\n color: var(--color-danger-fg);\n }\n\n & .ActionListItem-visual {\n color: var(--color-danger-fg);\n }\n\n @media (hover: hover) {\n &:hover {\n background: var(--color-action-list-item-danger-hover-bg);\n\n & .ActionListItem-label {\n color: var(--color-action-list-item-danger-hover-text);\n }\n }\n }\n\n & .ActionListContent {\n &:active {\n background: var(--color-action-list-item-danger-active-bg);\n }\n }\n }\n}\n\n/ button or a href /\n.ActionListContent {\n position: relative;\n display: grid;\n width: 100%;\n padding-block: var(--yattho-actionListContent-paddingBlock);\n padding-inline: var(--yattho-control-medium-paddingInline-condensed, 8px);\n color: var(--color-fg-default);\n text-align: left;\n user-select: none;\n background-color: transparent;\n border: none;\n border-radius: var(--yattho-borderRadius-medium, 6px);\n transition: background 33.333ms linear;\n touch-action: manipulation;\n -webkit-tap-highlight-color: transparent;\n grid-template-rows: min-content;\n grid-template-areas: 'leadingAction leadingVisual label trailingVisual trailingAction';\n grid-template-columns: min-content min-content minmax(0, auto) min-content min-content;\n align-items: start;\n\n / column-gap persists with empty grid-areas, margin applies only when children exist /\n & > :not(:last-child) {\n margin-right: var(--yattho-control-medium-gap, 8px);\n }\n\n / state /\n\n &:hover {\n text-decoration: none;\n }\n\n / disabled /\n &[aria-disabled='true'] {\n & .ActionListItem-label,\n & .ActionListItem-description {\n color: var(--color-yattho-fg-disabled);\n }\n\n & .ActionListItem-visual {\n fill: var(--color-yattho-fg-disabled);\n }\n\n @media (hover: hover) {\n &:hover {\n cursor: not-allowed;\n background-color: transparent;\n }\n }\n }\n\n / collapsible item [aria-expanded] /\n\n / nesting (single level)\n target items inside expanded subgroups /\n &[aria-expanded] {\n & + .ActionList--subGroup {\n @media screen and (prefers-reduced-motion: no-preference) {\n transition: opacity 160ms cubic-bezier(0.25, 1, 0.5, 1), transform 160ms cubic-bezier(0.25, 1, 0.5, 1);\n }\n\n & .ActionListContent {\n padding-left: var(--base-size-24, 24px);\n }\n }\n\n / has 16px leading visual /\n &.ActionListContent--visual16 + .ActionList--subGroup {\n & .ActionListContent {\n padding-left: var(--base-size-32, 32px);\n }\n }\n\n / has 20px leading visual /\n &.ActionListContent--visual20 + .ActionList--subGroup {\n & .ActionListContent {\n padding-left: var(--base-size-36, 36px);\n }\n }\n\n / has 24px leading visual /\n &.ActionListContent--visual24 + .ActionList--subGroup {\n & .ActionListContent {\n padding-left: var(--base-size-40, 40px);\n }\n }\n }\n\n &[aria-expanded='true'] {\n & .ActionListItem-collapseIcon {\n transition: transform 120ms linear;\n transform: scaleY(-1);\n }\n\n & + .ActionList--subGroup {\n height: auto;\n overflow: visible;\n visibility: visible;\n opacity: 1;\n transform: translateY(0);\n }\n\n &.ActionListContent--hasActiveSubItem {\n & > .ActionListItem-label {\n font-weight: var(--base-text-weight-semibold, 600);\n }\n }\n }\n\n &[aria-expanded='false'] {\n & .ActionListItem-collapseIcon {\n transition: transform 120ms linear;\n transform: scaleY(1);\n }\n\n & + .ActionList--subGroup {\n height: 0;\n overflow: hidden;\n visibility: hidden;\n opacity: 0;\n transform: translateY(calc(-1 var(--base-size-16, 16px)));\n }\n\n /* show active indicator on parent collapse if child is active /\n &.ActionListContent--hasActiveSubItem {\n background: var(--color-action-list-item-default-selected-bg);\n\n & .ActionListItem-label {\n font-weight: var(--base-text-weight-semibold, 600);\n }\n\n &::before,\n & + .ActionListItem::before {\n visibility: hidden;\n }\n\n / blue accent line /\n &::after {\n @mixin activeIndicatorLine;\n }\n }\n }\n\n / sizes /\n\n &.ActionListContent--sizeLarge {\n --yattho-actionListContent-paddingBlock: var(--yattho-control-large-paddingBlock, calc((2.5rem - 1.25rem) / 2));\n }\n\n &.ActionListContent--sizeXLarge {\n --yattho-actionListContent-paddingBlock: var(--yattho-control-xlarge-paddingBlock, calc((3rem - 1.25rem) / 2));\n }\n\n / On pointer:coarse (mobile), all list items are large /\n @media (pointer: coarse) {\n --yattho-actionListContent-paddingBlock: var(--yattho-control-large-paddingBlock, calc((2.5rem - 1.25rem) / 2));\n }\n\n &.ActionListContent--blockDescription {\n / if leading/trailing visual, align with first line of content /\n & .ActionListItem-visual {\n place-self: start;\n }\n }\n}\n\n/ place children on grid /\n\n.ActionListItem-action--leading {\n grid-area: leadingAction;\n}\n\n.ActionListItem-visual--leading {\n grid-area: leadingVisual;\n}\n\n.ActionListItem-visual--trailing {\n grid-area: trailingVisual;\n}\n\n.ActionListItem-action--trailing {\n grid-area: trailingAction;\n}\n\n/ wrapper span\n default block /\n.ActionListItem-descriptionWrap {\n grid-area: label;\n display: flex;\n flex-direction: column;\n gap: var(--base-size-4, 4px);\n\n & .ActionListItem-label {\n font-weight: var(--base-text-weight-semibold, 600);\n }\n}\n\n/ inline /\n.ActionListItem-descriptionWrap--inline {\n position: relative;\n flex-direction: row;\n align-items: baseline;\n gap: var(--base-size-8, 8px);\n}\n\n/ description /\n.ActionListItem-description {\n font-size: var(--yattho-text-body-size-small, 12px);\n font-weight: var(--base-text-weight-normal, 400);\n line-height: var(--yattho-text-body-lineHeight-small, calc(20 / 12));\n color: var(--color-fg-muted);\n}\n\n/ helper for grid alignment with multi-line content\n span wrapping svg or text /\n.ActionListItem-visual,\n.ActionListItem-action {\n display: flex;\n min-height: var(--yattho-control-medium-lineBoxHeight, 20px);\n color: var(--color-fg-muted);\n pointer-events: none;\n fill: var(--color-fg-muted);\n align-items: center;\n}\n\n/ text /\n.ActionListItem-label {\n position: relative;\n font-size: var(--yattho-text-body-size-medium, 14px);\n font-weight: var(--base-text-weight-normal, 400);\n line-height: var(--yattho-text-body-lineHeight-medium, calc(20 / 14));\n color: var(--color-fg-default);\n grid-area: label;\n}\n\n.ActionListItem-label--truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n/ nested lists (only supports 1 level currently)\n target ActionListItem--subItem for padding-left to maintain :active :after state /\n\n.ActionListItem--subItem > .ActionListContent > .ActionListItem-label {\n font-size: var(--yattho-text-body-size-small, 12px);\n line-height: var(--yattho-text-body-lineHeight-small, calc(20 / 12));\n}\n\n/ trailing action icon button /\n\n.ActionListItem--withActions {\n display: flex;\n flex-wrap: nowrap;\n align-items: center;\n}\n\n.ActionListItem-trailingAction {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n/ show trailing action button on hover /\n\n.ActionListItem--trailingActionHover {\n & .ActionListItem-trailingAction {\n visibility: hidden;\n }\n\n &:hover,\n &:focus-within {\n & .ActionListItem-trailingAction {\n visibility: visible;\n }\n }\n}\n\n/ ActionList::Divider /\n\n.ActionList-sectionDivider {\n / with children /\n &:not(:empty) {\n display: flex;\n padding-inline: var(--yattho-actionListContent-paddingBlock);\n padding-block: var(--base-size-8, 8px);\n font-size: var(--yattho-text-body-size-small, 12px);\n line-height: var(--yattho-text-body-lineHeight-small, calc(20 / 12));\n font-weight: var(--base-text-weight-semibold, 600);\n color: var(--color-fg-muted);\n flex-direction: column;\n }\n\n / no children /\n &:empty {\n display: block;\n height: var(--yattho-borderWidth-thin, 1px);\n padding: 0;\n margin-block-start: calc(var(--base-size-8, 8px) - var(--yattho-borderWidth-thin, 1px));\n margin-block-end: var(--base-size-8, 8px);\n margin-inline: calc(-1 var(--base-size-8, 8px));\n list-style: none;\n background: var(--color-action-list-item-inline-divider);\n border: 0;\n }\n\n & .ActionList-sectionDivider-title {\n font-size: var(--yattho-text-body-size-small, 12px);\n font-weight: var(--base-text-weight-semibold, 600);\n color: var(--color-fg-muted);\n }\n}\n\n.ActionList-sectionDivider--filled {\n margin-block-start: calc(var(--base-size-8, 8px) - var(--yattho-borderWidth-thin, 1px));\n margin-block-end: var(--base-size-8, 8px);\n margin-inline: calc(-1 * var(--base-size-8, 8px));\n background: var(--color-canvas-subtle);\n border-top: solid var(--yattho-borderWidth-thin, 1px) var(--color-action-list-item-inline-divider);\n border-bottom: solid var(--yattho-borderWidth-thin, 1px) var(--color-action-list-item-inline-divider);\n\n /* if no children, treat as divider /\n &:empty {\n height: var(--base-size-8, 8px);\n box-sizing: border-box;\n }\n\n &:first-child {\n margin-block-start: 0;\n }\n}","/ active indicator line for navlist items /\n@define-mixin activeIndicatorLine $padding-left: calc(-1 var(--base-size-8, 8px)) {\n position: absolute;\n top: calc(50% - 12px);\n left: $padding-left;\n width: var(--base-size-4, 4px);\n height: var(--base-size-24, 24px);\n content: '';\n background: var(--color-accent-fg);\n border-radius: var(--yattho-borderRadius-medium, 6px);\n}","/* autocomplete /\n\n/ This file can be deprecated when AutoComplete is upstreamed to YVC + rolled out to dotcom https://github.com/github/yattho/issues/796\n** AutoComplete relies on FormControl, Overlay and ActionList CSS /\n\n/ Stacked label (default) /\n.autocomplete-label-stacked {\n display: block;\n margin-bottom: 6px;\n}\n\n/ Inline label (non-default) /\n.autocomplete-label-inline {\n display: inline;\n margin-right: 6px;\n}\n\n/ Switch to stacked at smaller viewport /\n@media (max-width: 543.98px) {\n .autocomplete-label-inline {\n display: block;\n margin-bottom: 6px;\n }\n}\n\n/ Wrapper for the input and result elements to ensure alignment /\n.autocomplete-body {\n position: relative;\n display: inline;\n}\n\n/ Wrapper and conditional styles for when an icon is added /\n.autocomplete-embedded-icon-wrap {\n display: inline-flex;\n padding: 4px 8px;\n align-items: center;\n\n &:focus-within {\n border-color: var(--color-accent-fg);\n\n @mixin focusBoxShadowInset;\n }\n\n & .form-control {\n padding: 0;\n margin-left: 8px;\n border: none;\n box-shadow: none;\n\n &:focus {\n box-shadow: none;\n }\n\n &:focus-visible {\n box-shadow: none;\n }\n }\n}\n\n/ A pop up list of items used to show autocompleted results /\n.autocomplete-results {\n position: absolute;\n left: 0;\n z-index: 99;\n width: max-content;\n min-width: 100%;\n max-height: 20em;\n overflow-y: auto;\n font-size: 13px;\n list-style: none;\n background: var(--color-canvas-overlay);\n border: var(--yattho-borderWidth-thin, 1px) solid var(--color-border-default);\n border-radius: var(--yattho-borderRadius-medium, 6px);\n box-shadow: var(--color-shadow-medium);\n}\n\n/ One of the items that appears within an autocomplete group\n** Bold black text on white background /\n\n.autocomplete-item {\n display: block;\n width: 100%;\n padding: 4px 8px;\n overflow: hidden;\n font-weight: var(--base-text-weight-semibold, 600);\n color: var(--color-fg-default);\n text-align: left;\n text-decoration: none;\n text-overflow: ellipsis;\n white-space: nowrap;\n cursor: pointer;\n background-color: var(--color-canvas-overlay);\n border: 0;\n\n &:hover {\n color: var(--color-fg-on-emphasis);\n text-decoration: none;\n background-color: var(--color-accent-emphasis);\n\n / Inherit color on all child elements to ensure enough contrast /\n & {\n color: inherit !important;\n }\n }\n\n &.selected,\n &[aria-selected='true'],\n &.navigation-focus {\n color: var(--color-fg-on-emphasis);\n text-decoration: none;\n background-color: var(--color-accent-emphasis);\n\n /* Inherit color on all child elements to ensure enough contrast /\n & {\n color: inherit !important;\n }\n }\n}","/* inset box-shadow for form controls /\n@define-mixin focusBoxShadowInset $outlineWidth: 1px, $outlineColor: var(--color-accent-fg) {\n border-color: var(--color-accent-fg);\n outline: none;\n box-shadow: inset 0 0 0 $outlineWidth $outlineColor;\n}","/ Banner alert /\n\n.Banner {\n position: relative;\n display: grid;\n padding: var(--base-size-8, 8px);\n color: var(--color-fg-default);\n background-image: linear-gradient(var(--color-accent-subtle), var(--color-accent-subtle));\n border: var(--yattho-borderWidth-thin, max(1px, 0.0625rem)) solid var(--color-accent-muted);\n border-radius: var(--yattho-borderRadius-medium, 6px);\n grid-auto-flow: column;\n grid-template-areas: 'visual message actions close';\n grid-template-columns: min-content 1fr minmax(0,auto) min-content;\n grid-template-rows: min-content;\n\n / `sm` breakpoint variantion /\n @media (max-width: 543.98px) {\n grid-template-areas:\n 'visual message close'\n '. actions actions';\n grid-template-columns: min-content 1fr min-content;\n grid-template-rows: min-content min-content;\n\n & .Banner-actions {\n margin: var(--base-size-8, 8px) 0 0 var(--base-size-8, 8px);\n }\n }\n\n / Elements /\n\n & .Banner-visual {\n display: grid;\n padding: var(--base-size-6, 6px) var(--base-size-8, 8px);\n grid-area: visual;\n align-self: start;\n\n & > .octicon {\n margin-block: calc(var(--base-size-4, 4px) / 2);\n }\n\n & > {\n align-self: center;\n }\n }\n\n & .Banner-message {\n padding: var(--base-size-6, 6px) var(--base-size-8, 8px);\n grid-area: message;\n align-self: center;\n\n & p:last-child {\n margin-bottom: 0;\n }\n\n & .Banner-title:not(:only-child) {\n margin-bottom: 0;\n font-weight: var(--base-text-weight-semibold, 600);\n }\n }\n\n & .Banner-actions {\n grid-area: actions;\n\n &:last-child {\n align-self: center;\n }\n }\n\n /* is this used anywhere? could not find any use, but unsure /\n & .Banner-close {\n grid-area: close;\n margin-left: var(--yattho-controlStack-medium-gap-condensed, 8px);\n }\n\n & .Banner-visual .octicon {\n color: var(--color-accent-fg);\n }\n\n &.Banner--warning {\n color: var(--color-fg-default);\n background-image: linear-gradient(var(--color-attention-subtle), var(--color-attention-subtle));\n border-color: var(--color-attention-muted);\n\n & .Banner-visual .octicon {\n color: var(--color-attention-fg);\n }\n }\n\n &.Banner--error {\n color: var(--color-fg-default);\n background-image: linear-gradient(var(--color-danger-subtle), var(--color-danger-subtle));\n border-color: var(--color-danger-muted);\n\n & .Banner-visual .octicon {\n color: var(--color-danger-fg);\n }\n }\n\n &.Banner--success {\n color: var(--color-fg-default);\n background-image: linear-gradient(var(--color-success-subtle), var(--color-success-subtle));\n border-color: var(--color-success-muted);\n\n & .Banner-visual .octicon {\n color: var(--color-success-fg);\n }\n }\n\n / Full-width /\n\n &.Banner--full {\n margin-top: calc(var(--yattho-borderWidth-thin, max(1px, 0.0625rem)) -1);\n border-right: 0;\n border-left: 0;\n border-radius: 0;\n }\n\n @media (max-width: 767.98px) {\n &.Banner--full-whenNarrow {\n margin-top: calc(var(--yattho-borderWidth-thin, max(1px, 0.0625rem)) * -1);\n border-right: 0;\n border-left: 0;\n border-radius: 0;\n }\n }\n}","/* Overlay /\n\n.Overlay--hidden {\n display: none !important;\n}\n\n.Overlay--visibilityHidden {\n height: 0;\n overflow: hidden;\n visibility: hidden;\n opacity: 0;\n}\n\n.Overlay {\n display: flex;\n width: min(var(--overlay-width), 100vw - 2rem);\n min-width: 192px;\n max-height: min(calc(100vh - 2rem), var(--overlay-height));\n white-space: normal;\n flex-direction: column;\n background-color: var(--color-canvas-overlay);\n border-radius: var(--yattho-borderRadius-large, 12px);\n box-shadow: var(--color-overlay-shadow);\n opacity: 1;\n\n &.Overlay--size-auto {\n min-width: 192px;\n max-width: calc(100vw - 2rem);\n max-height: calc(100vh - 2rem);\n }\n\n &.Overlay--size-full {\n width: 100vw;\n height: 100vh;\n }\n\n &.Overlay--size-xsmall {\n --overlay-width: 192px;\n\n max-height: calc(100vh - 2rem);\n }\n\n &.Overlay--size-small {\n --overlay-height: 256px;\n --overlay-width: 320px;\n }\n\n &.Overlay--size-small-portrait {\n --overlay-height: 432px;\n --overlay-width: 320px;\n }\n\n &.Overlay--size-medium {\n --overlay-height: 320px;\n --overlay-width: 480px;\n }\n\n &.Overlay--size-medium-portrait {\n --overlay-height: 600px;\n --overlay-width: 480px;\n }\n\n &.Overlay--size-large {\n --overlay-height: 432px;\n --overlay-width: 640px;\n }\n\n &.Overlay--size-xlarge {\n --overlay-height: 600px;\n --overlay-width: 960px;\n }\n\n &.Overlay--height-auto {\n height: auto;\n }\n\n / start deprecate in favor of Alpha::Dialog /\n &.Overlay--height-xsmall {\n height: min(192px, 100vh - 2rem);\n }\n\n &.Overlay--height-small {\n height: min(256px, 100vh - 2rem);\n }\n\n &.Overlay--height-medium {\n height: min(320px, 100vh - 2rem);\n }\n\n &.Overlay--height-large {\n height: min(432px, 100vh - 2rem);\n }\n\n &.Overlay--height-xlarge {\n height: min(600px, 100vh - 2rem);\n }\n\n &.Overlay--width-auto {\n width: auto;\n }\n\n &.Overlay--width-small {\n width: min(256px, 100vw - 2rem);\n }\n\n &.Overlay--width-medium {\n width: min(320px, 100vw - 2rem);\n }\n\n &.Overlay--width-large {\n width: min(480px, 100vw - 2rem);\n }\n\n &.Overlay--width-xlarge {\n width: min(640px, 100vw - 2rem);\n }\n\n &.Overlay--width-xxlarge {\n width: min(960px, 100vw - 2rem);\n }\n\n / end deprecate /\n\n &.Overlay--motion-scaleFade {\n @media screen and (prefers-reduced-motion: no-preference) {\n animation: 200ms cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running Overlay--motion-scaleFade;\n }\n }\n}\n\n@keyframes Overlay--motion-scaleFade {\n 0% {\n opacity: 0;\n transform: scale(0.5);\n }\n\n 100% {\n opacity: 1;\n transform: scale(1);\n }\n}\n\n/ for <form> element that wraps entire contents of overlay /\n.Overlay-form {\n display: flex;\n overflow: auto;\n flex-direction: column;\n flex-grow: 1;\n}\n\n.Overlay-header {\n z-index: 1;\n display: flex;\n flex-direction: column;\n\n &.Overlay-header--divided {\n padding-bottom: var(--yattho-stack-padding-condensed, 8px);\n box-shadow: inset 0 calc(var(--yattho-borderWidth-thin, 1px) -1) var(--color-border-default);\n\n & + .Overlay-body {\n padding-top: var(--yattho-stack-padding-normal, 16px);\n }\n }\n\n &.Overlay-header--large {\n & .Overlay-headerContentWrap {\n & .Overlay-titleWrap {\n gap: var(--yattho-stack-gap-condensed, 8px);\n\n & .Overlay-title {\n font-size: var(--yattho-text-title-size-medium, 20px);\n }\n\n & .Overlay-description {\n font-size: var(--yattho-text-body-size-medium, 14px);\n }\n }\n }\n }\n\n & .Overlay-headerContentWrap {\n display: flex;\n align-items: flex-start;\n gap: var(--yattho-stack-gap-condensed, 8px);\n padding: var(--yattho-stack-gap-condensed, 8px) var(--yattho-stack-gap-condensed, 8px) 0 var(--yattho-stack-gap-condensed, 8px);\n\n & .Overlay-actionWrap {\n display: flex;\n flex-direction: row;\n gap: var(--yattho-stack-gap-condensed, 8px);\n }\n\n & .Overlay-titleWrap {\n display: flex;\n padding: calc(var(--yattho-stack-gap-condensed, 8px) * 0.75) 0 calc(var(--yattho-stack-gap-condensed, 8px) * 0.75) var(--yattho-stack-gap-condensed, 8px);\n flex-direction: column;\n flex-grow: 1;\n gap: var(--yattho-control-small-gap, 4px);\n\n & .Overlay-title {\n margin: 0;\n font-size: var(--yattho-text-body-size-medium, 14px);\n font-weight: var(--base-text-weight-semibold, 600);\n }\n\n & .Overlay-description {\n margin: 0;\n font-size: var(--yattho-text-body-size-small, 12px);\n font-weight: var(--base-text-weight-normal, 400);\n color: var(--color-fg-muted);\n }\n }\n }\n}\n\n/* generic body content slot /\n.Overlay-body {\n padding: var(--yattho-stack-padding-normal, 16px);\n padding-top: 0;\n overflow-y: auto;\n scrollbar-width: thin;\n font-size: var(--yattho-text-body-size-medium, 14px);\n flex-grow: 1;\n\n &.Overlay-body--paddingCondensed {\n padding: var(--yattho-stack-padding-condensed, 8px);\n padding-top: 0;\n }\n\n &.Overlay-body--paddingNone {\n padding: 0;\n }\n}\n\n/ generic footer slot /\n.Overlay-footer {\n z-index: 1;\n display: flex;\n padding: 0 var(--yattho-stack-padding-normal, 16px) var(--yattho-stack-padding-normal, 16px) var(--yattho-stack-padding-normal, 16px);\n flex-direction: row;\n flex-shrink: 0;\n flex-wrap: wrap;\n\n &.Overlay-footer--divided {\n padding-top: var(--yattho-stack-padding-normal, 16px);\n box-shadow: inset 0 var(--yattho-borderWidth-thin, 1px) var(--color-border-default);\n }\n\n &.Overlay-footer--alignStart {\n justify-content: flex-start;\n gap: var(--yattho-stack-gap-condensed, 8px);\n }\n\n &.Overlay-footer--alignCenter {\n justify-content: center;\n gap: var(--yattho-stack-gap-condensed, 8px);\n }\n\n &.Overlay-footer--alignEnd {\n justify-content: flex-end;\n gap: var(--yattho-stack-gap-condensed, 8px);\n }\n}\n\n/ TODO: replace with refactored IconButton /\n.Overlay-closeButton {\n position: relative;\n display: grid;\n width: var(--base-size-32, 32px);\n height: var(--base-size-32, 32px);\n padding: 0;\n color: var(--color-fg-muted);\n cursor: pointer;\n user-select: none;\n background-color: transparent;\n border: var(--yattho-borderWidth-thin, 1px) solid transparent;\n border-radius: var(--yattho-borderRadius-medium, 6px);\n transition: 0.2s cubic-bezier(0.3, 0, 0.5, 1);\n transition-property: color, background-color, border-color;\n place-content: center;\n align-self: flex-start;\n flex-shrink: 0;\n\n &:hover,\n &:focus {\n background-color: var(--color-btn-hover-bg);\n border: var(--yattho-borderWidth-thin, 1px) solid var(--color-btn-hover-bg);\n }\n\n / Override .close-button's `border: 0` that triggers a border-color transition on hover /\n &.close-button {\n border: var(--yattho-borderWidth-thin, 1px) solid transparent;\n }\n}\n\n@define-mixin Overlay-backdrop {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 999;\n display: flex;\n background-color: var(--color-neutral-muted);\n}\n\n@define-mixin Overlay-backdrop--transparent {\n position: absolute;\n z-index: 999;\n background-color: transparent;\n}\n\n/ variants must be mixins so we can extend within a media query (@extend is not supported inside media queries) /\n\n/ border-radius repeats within placement options to ensure the original radius is reset when two classes co-exist /\n\n/ center /\n@define-mixin Overlay-backdrop--center {\n @mixin Overlay-backdrop;\n\n align-items: center;\n justify-content: center;\n}\n\n/ anchor /\n@define-mixin Overlay-backdrop--anchor {\n @mixin Overlay-backdrop--transparent;\n\n & .Overlay {\n width: auto;\n }\n}\n\n/ anchor side(s) /\n@define-mixin Overlay-backdrop--side $responsiveVariant {\n @mixin Overlay-backdrop;\n\n / default left /\n align-items: center;\n justify-content: left;\n\n &.Overlay-backdrop--placement-left$(responsiveVariant) {\n align-items: center;\n justify-content: left;\n\n & > .Overlay$(responsiveVariant) {\n height: 100vh;\n max-height: unset;\n border-radius: var(--yattho-borderRadius-large, 12px);\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n\n @media screen and (prefers-reduced-motion: no-preference) {\n animation: 250ms cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running Overlay--motion-slideInRight;\n }\n }\n }\n\n &.Overlay-backdrop--placement-right$(responsiveVariant) {\n align-items: center;\n justify-content: right;\n\n & > .Overlay$(responsiveVariant) {\n height: 100vh;\n max-height: unset;\n border-radius: var(--yattho-borderRadius-large, 12px);\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n\n @media screen and (prefers-reduced-motion: no-preference) {\n animation: 250ms cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running Overlay--motion-slideInLeft;\n }\n }\n }\n\n &.Overlay-backdrop--placement-bottom$(responsiveVariant) {\n align-items: end;\n justify-content: center;\n\n & > .Overlay$(responsiveVariant) {\n width: 100vw;\n height: auto;\n max-height: calc(100vh - 2rem);\n border-radius: var(--yattho-borderRadius-large, 12px);\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n\n @media screen and (prefers-reduced-motion: no-preference) {\n animation: 250ms cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running Overlay--motion-slideUp;\n }\n }\n }\n\n &.Overlay-backdrop--placement-top$(responsiveVariant) {\n align-items: start;\n justify-content: center;\n\n & > .Overlay$(responsiveVariant) {\n border-radius: var(--yattho-borderRadius-large, 12px);\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n\n @media screen and (prefers-reduced-motion: no-preference) {\n animation: 250ms cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running Overlay--motion-slideDown;\n }\n }\n }\n}\n\n/ full width /\n@define-mixin Overlay-backdrop--full {\n @mixin Overlay-backdrop;\n\n & .Overlay {\n width: 100%;\n max-width: 100vw;\n height: 100%;\n max-height: 100vh;\n border-radius: unset !important;\n flex-grow: 1;\n }\n}\n\n/ Overlay variant classnames /\n.Overlay-backdrop--center {\n @mixin Overlay-backdrop--center;\n}\n\n.Overlay-backdrop--anchor {\n @mixin Overlay-backdrop--anchor;\n}\n\n.Overlay-backdrop--side {\n @mixin Overlay-backdrop--side;\n}\n\n.Overlay-backdrop--full {\n @mixin Overlay-backdrop--full;\n}\n\n/ responsive variants /\n\n/ --yattho-viewportRange-narrowLandscape /\n@media (max-width: 767px) {\n .Overlay-backdrop--center-whenNarrow {\n @mixin Overlay-backdrop--center;\n }\n\n .Overlay-backdrop--anchor-whenNarrow {\n @mixin Overlay-backdrop--anchor;\n }\n\n .Overlay-backdrop--side-whenNarrow {\n @mixin Overlay-backdrop--side -whenNarrow;\n }\n\n .Overlay-backdrop--full-whenNarrow {\n @mixin Overlay-backdrop--full;\n }\n}\n\n@keyframes Overlay--motion-slideDown {\n from {\n transform: translateY(-100%);\n }\n}\n\n@keyframes Overlay--motion-slideUp {\n from {\n transform: translateY(100%);\n }\n}\n\n@keyframes Overlay--motion-slideInRight {\n from {\n transform: translateX(-100%);\n }\n}\n\n@keyframes Overlay--motion-slideInLeft {\n from {\n transform: translateX(100%);\n }\n}","/ dropdown /\n\n.dropdown {\n position: relative;\n}\n\n.dropdown-caret {\n display: inline-block;\n width: 0;\n height: 0;\n vertical-align: middle;\n content: '';\n border-style: solid;\n border-width: var(--yattho-borderWidth-thicker, 4px) var(--yattho-borderWidth-thicker, 4px) 0;\n border-right-color: transparent;\n border-bottom-color: transparent;\n border-left-color: transparent;\n}\n\n/ Requires a positioning class (e.g., `.dropdown-menu-w`) to determine which\n** way the menu should render from the element triggering it. /\n\n.dropdown-menu {\n position: absolute;\n top: 100%;\n left: 0;\n z-index: 100;\n width: 160px;\n padding-top: var(--yattho-control-small-paddingBlock, 4px);\n padding-bottom: var(--yattho-control-small-paddingBlock, 4px);\n margin-top: 2px;\n list-style: none;\n background-color: var(--color-canvas-overlay);\n background-clip: padding-box;\n border: var(--yattho-borderWidth-thin, 1px) solid var(--color-border-default);\n border-radius: var(--yattho-borderRadius-medium, 6px);\n box-shadow: var(--color-shadow-large);\n\n &::before,\n &::after {\n position: absolute;\n display: inline-block;\n content: '';\n }\n\n / caret border /\n &::before {\n border: 8px solid transparent;\n border-bottom-color: var(--color-border-default);\n }\n\n / caret background (should match dropdown background) /\n &::after {\n border: 7px solid transparent;\n border-bottom-color: var(--color-canvas-overlay);\n }\n\n & > ul {\n list-style: none;\n }\n}\n\n.dropdown-menu-no-overflow {\n width: auto;\n\n & .dropdown-item {\n padding: var(--yattho-control-small-paddingBlock, 4px) var(--yattho-control-medium-paddingInline-spacious, 16px);\n overflow: visible;\n text-overflow: inherit;\n }\n}\n\n/ Dropdown items (can be links or buttons) /\n.dropdown-item {\n display: block;\n padding: var(--yattho-control-small-paddingBlock, 4px) var(--yattho-control-medium-paddingInline-condensed, 8px) var(--yattho-control-small-paddingBlock, 4px) var(--yattho-control-medium-paddingInline-spacious, 16px);\n overflow: hidden;\n color: var(--color-fg-default);\n text-overflow: ellipsis;\n white-space: nowrap;\n\n &:hover {\n color: var(--color-fg-on-emphasis);\n text-decoration: none;\n background-color: var(--color-accent-emphasis);\n\n & > .octicon {\n color: inherit;\n opacity: 1;\n }\n\n & [class='color-fg-'] {\n color: inherit !important;\n }\n\n & > .Label {\n color: inherit !important;\n border-color: currentcolor;\n }\n }\n\n &.btn-link {\n width: 100%;\n text-align: left;\n }\n}\n\n.dropdown-signout {\n width: 100%;\n text-align: left;\n background: none;\n border: 0;\n}\n\n.dropdown-divider {\n display: block;\n height: 0;\n margin: var(--yattho-stack-gap-condensed, 8px) 0;\n border-top: var(--yattho-borderWidth-thin, 1px) solid var(--color-border-default);\n}\n\n.dropdown-header {\n padding: var(--yattho-control-small-paddingBlock, 4px) var(--yattho-control-medium-paddingInline-spacious, 16px);\n font-size: var(--yattho-text-body-size-small, 12px);\n color: var(--color-fg-muted);\n}\n\n.dropdown-item[aria-checked='false'] .octicon-check {\n display: none;\n}\n\n/* Directional classes\n\n Move the menu and the caret attached to it. Requires at least one of these on\n** the `.dropdown-menu` element. /\n\n.dropdown-menu-w {\n top: 0;\n right: 100%;\n left: auto;\n width: auto;\n margin-top: 0;\n margin-right: 8px;\n\n &::before {\n top: 10px;\n right: -16px;\n left: auto;\n border-color: transparent;\n border-left-color: var(--color-border-default);\n }\n\n &::after {\n top: 11px;\n right: -14px;\n left: auto;\n border-color: transparent;\n border-left-color: var(--color-canvas-overlay);\n }\n}\n\n.dropdown-menu-e {\n top: 0;\n left: 100%;\n width: auto;\n margin-top: 0;\n margin-left: 8px;\n\n &::before {\n top: 10px;\n left: -16px;\n border-color: transparent;\n border-right-color: var(--color-border-default);\n }\n\n &::after {\n top: 11px;\n left: -14px;\n border-color: transparent;\n border-right-color: var(--color-canvas-overlay);\n }\n}\n\n.dropdown-menu-ne {\n top: auto;\n bottom: 100%;\n left: 0;\n margin-bottom: 3px;\n\n &::before,\n &::after {\n top: auto;\n right: auto;\n }\n\n &::before {\n bottom: -8px;\n left: 9px;\n border-top: 8px solid var(--color-border-default);\n border-right: 8px solid transparent;\n border-bottom: 0;\n border-left: 8px solid transparent;\n }\n\n &::after {\n bottom: -7px;\n left: 10px;\n border-top: 7px solid var(--color-canvas-overlay);\n border-right: 7px solid transparent;\n border-bottom: 0;\n border-left: 7px solid transparent;\n }\n}\n\n.dropdown-menu-s {\n right: 50%;\n left: auto;\n transform: translateX(50%);\n\n &::before {\n top: -16px;\n right: 50%;\n transform: translateX(50%);\n }\n\n &::after {\n top: -14px;\n right: 50%;\n transform: translateX(50%);\n }\n}\n\n.dropdown-menu-sw {\n right: 0;\n left: auto;\n\n &::before {\n top: -16px;\n right: 9px;\n left: auto;\n }\n\n &::after {\n top: -14px;\n right: 10px;\n left: auto;\n }\n}\n\n.dropdown-menu-se {\n &::before {\n top: -16px;\n left: 9px;\n }\n\n &::after {\n top: -14px;\n left: 10px;\n }\n}","/ Layout /\n\n@define-mixin flow-as-row {\n grid-auto-flow: row;\n grid-template-columns: 1fr !important;\n\n & .Layout-sidebar,\n & .Layout-divider,\n & .Layout-main {\n width: 100% !important;\n grid-column: 1 !important;\n }\n\n &.Layout--sidebarPosition-flowRow-start {\n & .Layout-sidebar {\n grid-row: 1;\n }\n\n & .Layout-main {\n grid-row: 2 / span 2;\n }\n }\n\n &.Layout--sidebarPosition-flowRow-end {\n & .Layout-sidebar {\n grid-row: 2 / span 2;\n }\n\n & .Layout-main {\n grid-row: 1;\n }\n }\n\n &.Layout--sidebarPosition-flowRow-none {\n & .Layout-sidebar {\n display: none;\n }\n }\n\n &.Layout--divided {\n @mixin flow-as-row-divider;\n\n & .Layout-main {\n grid-row: 3 / span 1;\n }\n\n &.Layout--sidebarPosition-flowRow-end {\n & .Layout-sidebar {\n grid-row: 3 / span 1;\n }\n\n & .Layout-main {\n grid-row: 1;\n }\n }\n }\n}\n\n@define-mixin flow-as-row-divider {\n --Layout-gutter: 0;\n\n & .Layout-divider {\n height: 1px;\n grid-row: 2;\n\n &.Layout-divider--flowRow-hidden {\n display: none;\n }\n\n &.Layout-divider--flowRow-shallow {\n height: 8px;\n margin-right: 0;\n background: var(--color-canvas-inset);\n border-color: var(--color-border-default);\n border-style: solid;\n border-width: var(--yattho-borderWidth-thin, 1px) 0;\n }\n }\n}\n\n.Layout {\n display: grid;\n\n --Layout-sidebar-width: 220px;\n --Layout-gutter: 16px;\n\n @media (max-width: calc(544px - 0.02px)) {\n @mixin flow-as-row;\n }\n\n &.Layout--flowRow-until-md {\n @media (max-width: calc(768px - 0.02px)) {\n @mixin flow-as-row;\n }\n }\n\n &.Layout--flowRow-until-lg {\n @media (max-width: calc(1012px - 0.02px)) {\n @mixin flow-as-row;\n }\n }\n\n / Flow as column /\n\n grid-auto-flow: column;\n grid-template-columns: auto 0 minmax(0, calc(100% - var(--Layout-sidebar-width) - var(--Layout-gutter))); / sidebar column, separator, main column /\n grid-gap: var(--Layout-gutter);\n\n & .Layout-sidebar {\n grid-column: 1;\n }\n\n & .Layout-divider {\n display: none;\n }\n\n & .Layout-main {\n grid-column: 2 / span 2;\n }\n\n / Gutter spacing /\n\n @media (min-width: 1012px) {\n --Layout-gutter: 24px;\n }\n\n &.Layout--gutter-none {\n / stylelint-disable-next-line length-zero-no-unit /\n --Layout-gutter: 0px; / Neds px in value /\n }\n\n &.Layout--gutter-condensed {\n --Layout-gutter: 16px;\n }\n\n &.Layout--gutter-spacious {\n @media (min-width: 1012px) {\n --Layout-gutter: 32px;\n }\n\n @media (min-width: 1280px) {\n --Layout-gutter: 40px;\n }\n }\n\n / Sidebar width /\n @media (min-width: 544px) {\n --Layout-sidebar-width: 220px;\n }\n\n @media (min-width: 768px) {\n --Layout-sidebar-width: 256px;\n }\n\n @media (min-width: 1012px) {\n --Layout-sidebar-width: 296px;\n }\n\n &.Layout--sidebar-narrow {\n @media (min-width: 768px) {\n --Layout-sidebar-width: 240px;\n }\n\n @media (min-width: 1012px) {\n --Layout-sidebar-width: 256px;\n }\n }\n\n &.Layout--sidebar-wide {\n @media (min-width: 1012px) {\n --Layout-sidebar-width: 320px;\n }\n\n @media (min-width: 1280px) {\n --Layout-sidebar-width: 336px;\n }\n }\n\n / Sidebar position /\n\n &.Layout--sidebarPosition-start {\n & .Layout-sidebar {\n grid-column: 1;\n }\n\n & .Layout-main {\n grid-column: 2 / span 2;\n }\n }\n\n &.Layout--sidebarPosition-end {\n grid-template-columns: minmax(0, calc(100% - var(--Layout-sidebar-width) - var(--Layout-gutter))) 0 auto;\n\n & .Layout-main {\n grid-column: 1;\n }\n\n & .Layout-sidebar {\n grid-column: 2 / span 2;\n }\n }\n\n / Sidebar divider /\n\n &.Layout--divided {\n & .Layout-divider {\n display: block;\n grid-column: 2;\n width: 1px;\n margin-right: -1px;\n background: var(--color-border-default);\n }\n\n & .Layout-main {\n grid-column: 3 / span 1;\n }\n\n &.Layout--sidebarPosition-end {\n & .Layout-sidebar {\n grid-column: 3 / span 1;\n }\n\n & .Layout-main {\n grid-column: 1;\n }\n }\n }\n}\n\n.Layout-divider {\n display: none;\n width: 1px;\n}\n\n.Layout-sidebar {\n width: var(--Layout-sidebar-width);\n}\n\n.Layout-main {\n min-width: 0;\n\n / Centered main column\n ** FIXME: right-aligned sidebar /\n & .Layout-main-centered-md,\n & .Layout-main-centered-lg,\n & .Layout-main-centered-xl {\n margin-right: auto;\n margin-left: auto;\n\n & > .container-md,\n & > .container-lg,\n & > .container-xl {\n margin-left: 0;\n }\n }\n\n & .Layout-main-centered-md {\n max-width: calc(var(--yattho-breakpoint-medium, 768px) + var(--Layout-sidebar-width) + var(--Layout-gutter));\n }\n\n & .Layout-main-centered-lg {\n max-width: calc(var(--yattho-breakpoint-large, 1012px) + var(--Layout-sidebar-width) + var(--Layout-gutter));\n }\n\n & .Layout-main-centered-xl {\n max-width: calc(var(--yattho-breakpoint-xlarge, 1280px) + var(--Layout-sidebar-width) + var(--Layout-gutter));\n }\n}","/ tabnav /\n\n/ Outer wrapper /\n.tabnav {\n margin-top: 0;\n margin-bottom: var(--yattho-stack-gap-normal, 16px);\n border-bottom: var(--yattho-borderWidth-thin, 1px) solid var(--color-border-default);\n}\n\n.tabnav-tabs {\n display: flex;\n margin-bottom: calc(var(--yattho-borderWidth-thin, 1px) -1);\n overflow: auto;\n}\n\n.tabnav-tab {\n display: inline-block;\n flex-shrink: 0;\n padding: var(--base-size-8, 8px) var(--yattho-control-medium-paddingInline-spacious, 16px);\n font-size: var(--yattho-text-body-size-medium, 14px);\n line-height: 23px;\n color: var(--color-fg-muted);\n text-decoration: none;\n background-color: transparent;\n border: var(--yattho-borderWidth-thin, 1px) solid transparent;\n border-bottom: 0;\n transition: color 0.2s cubic-bezier(0.3, 0, 0.5, 1);\n\n &.selected,\n &[aria-selected='true'],\n &[aria-current]:not([aria-current='false']) {\n color: var(--color-fg-default);\n background-color: var(--color-canvas-default); /* cover bottom border /\n border-color: var(--color-border-default);\n border-radius: var(--yattho-borderRadius-medium, 6px) var(--yattho-borderRadius-medium, 6px) 0 0;\n\n & .octicon {\n color: inherit;\n }\n }\n\n &:hover {\n color: var(--color-fg-default);\n text-decoration: none;\n transition-duration: 0.1s;\n }\n\n &:focus,\n &:focus-visible {\n border-radius: var(--yattho-borderRadius-medium, 6px) var(--yattho-borderRadius-medium, 6px) 0 0 !important;\n outline-offset: -6px;\n }\n\n &:active {\n color: var(--color-fg-muted);\n }\n\n & .octicon {\n margin-right: var(--yattho-control-small-gap, 4px);\n color: var(--color-fg-muted);\n }\n\n & .Counter {\n margin-left: var(--yattho-control-small-gap, 4px);\n color: inherit;\n }\n}\n\n/ Tabnav extras\n\n Tabnav extras are non-tab elements that sit in the tabnav. Usually they're\n** inline text or links. /\n\n.tabnav-extra {\n display: inline-block;\n padding-top: 10px;\n margin-left: 10px;\n font-size: var(--yattho-text-body-size-small, 12px);\n color: var(--color-fg-muted);\n\n & > .octicon {\n margin-right: 2px;\n }\n}\n\n/ When tabnav-extra are anchors\n** stylelint-disable-next-line selector-no-qualifying-type /\na.tabnav-extra:hover {\n color: var(--color-accent-fg);\n text-decoration: none;\n}\n\n/ Tabnav buttons\n\n For when there are multiple buttons, space them out appropriately. Requires\n** the buttons to be floated or inline-block. /\n\n.tabnav-btn {\n margin-left: var(--yattho-controlStack-medium-gap-condensed, 8px);\n}","/ FormControl /\n\n/ groups label, field, caption and inline error message /\n.FormControl {\n display: inline-flex;\n flex-direction: column;\n gap: var(--base-size-4, 4px);\n}\n\n/ fill container /\n.FormControl--fullWidth {\n display: flex;\n}\n\n/ <label> /\n.FormControl-label {\n font-size: var(--yattho-text-body-size-medium, 14px);\n font-weight: var(--base-text-weight-semibold, 600);\n line-height: var(--yattho-text-body-lineHeight-medium, calc(20 / 14));\n color: var(--color-fg-default);\n user-select: none;\n}\n\n/ optional caption /\n.FormControl-caption {\n margin-bottom: 0;\n font-size: var(--yattho-text-caption-size, 12px);\n font-weight: var(--yattho-text-caption-weight, 400);\n line-height: var(--yattho-text-caption-lineHeight, calc(16 / 12));\n color: var(--color-fg-muted);\n}\n\n/ inline validation message /\n.FormControl-inlineValidation {\n display: flex;\n font-size: var(--yattho-text-caption-size, 12px);\n font-weight: var(--base-text-weight-semibold, 600);\n color: var(--color-danger-fg);\n fill: var(--color-danger-fg);\n flex-direction: row;\n align-items: center;\n gap: var(--base-size-4, 4px);\n\n & p {\n margin-bottom: 0;\n }\n}\n\n/ shared among all form control components (input, select, textarea, checkbox, radio) /\n@define-mixin Field {\n color: var(--color-fg-default);\n background-color: var(--color-canvas-default);\n border: var(--yattho-borderWidth-thin, 1px) solid var(--color-border-default);\n\n &[disabled] {\n color: var(--color-yattho-fg-disabled);\n cursor: not-allowed;\n background-color: var(--color-input-disabled-bg);\n border-color: var(--color-border-default);\n opacity: 1;\n -webkit-text-fill-color: var(--color-yattho-fg-disabled);\n }\n\n &:not(:focus)[invalid] {\n border-color: var(--color-danger-emphasis);\n }\n\n &:not([type='checkbox'], [type='radio']):focus {\n @mixin focusBoxShadowInset;\n\n / remove fallback :focus if :focus-visible is supported /\n &:not(:focus-visible) {\n border-color: transparent;\n\n @mixin focusBoxShadowInset 1px transparent;\n }\n }\n\n / default focus state /\n &:not([type='checkbox'], [type='radio']):focus-visible {\n @mixin focusBoxShadowInset;\n }\n}\n\n/ TextInput structure\n ===================\n\n .FormControl\n ├─ .FormControl-label\n │ ├─ .FormControl-input-wrap\n │ │ ├─ .FormControl-input-leadingVisualWrap\n │ │ │ ├─ .FormControl-input-leadingVisual\n │ │ ├─ .FormControl-input\n │ │ ├─ .FormControl-input-trailingAction\n ├─ .FormControl-inlineValidation\n** ├─ .FormControl-caption /\n\n/ // Select structure\n ===================\n\n .FormControl\n ├─ .FormControl-label\n │ ├─ .FormControl-select-wrap\n │ │ ├─ .FormControl-select\n ├─ .FormControl-inlineValidation\n ├─ .FormControl-caption /\n\n/ // Textarea structure\n ===================\n\n .FormControl\n ├─ .FormControl-label\n ├─ .FormControl-textarea\n ├─ .FormControl-inlineValidation\n** ├─ .FormControl-caption /\n\n.FormControl-input,\n.FormControl-select,\n.FormControl-textarea {\n @mixin Field;\n\n width: 100%;\n font-size: var(--yattho-text-body-size-medium, 14px);\n line-height: var(--yattho-text-body-lineHeight-medium, calc(20 / 14));\n border-radius: var(--yattho-borderRadius-medium, 6px);\n transition: 80ms cubic-bezier(0.33, 1, 0.68, 1);\n transition-property: color, background-color, box-shadow, border-color;\n padding-inline: var(--yattho-control-medium-paddingInline-condensed, 8px);\n padding-block: calc(var(--yattho-control-medium-paddingBlock, 6px) - var(--yattho-borderWidth-thin, 1px));\n\n &[disabled] {\n &::placeholder {\n color: var(--color-yattho-fg-disabled);\n }\n }\n\n &[readonly] {\n background-color: var(--color-input-disabled-bg);\n }\n\n &::placeholder {\n color: var(--color-fg-subtle);\n opacity: 1;\n }\n\n / sizes /\n\n &.FormControl-small {\n height: var(--yattho-control-small-size, 28px);\n padding-inline: var(--yattho-control-small-paddingInline-normal, 8px);\n padding-block: var(--yattho-control-small-paddingBlock, 4px);\n font-size: var(--yattho-text-body-size-small, 12px);\n }\n\n &.FormControl-medium {\n height: var(--yattho-control-medium-size, 32px);\n }\n\n &.FormControl-large {\n height: var(--yattho-control-large-size, 40px);\n padding-inline: var(--yattho-control-large-paddingInline-normal, 12px);\n padding-block: var(--yattho-control-large-paddingBlock, 10px);\n }\n\n / variants /\n\n &.FormControl-inset {\n background-color: var(--color-canvas-inset);\n\n &:focus-visible,\n &:focus {\n background-color: var(--color-canvas-default);\n }\n }\n\n &.FormControl-monospace {\n font-family:\n var(\n --yattho-fontStack-monospace,\n 'ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace'\n );\n }\n\n / validation states /\n\n &.FormControl-error {\n border-color: var(--color-danger-emphasis);\n }\n\n &.FormControl-success {\n border-color: var(--color-success-emphasis);\n }\n\n &.FormControl-warning {\n border-color: var(--color-attention-emphasis);\n }\n}\n\n.FormControl-toggleSwitchInput {\n display: flex;\n align-items: flex-start;\n gap: var(--base-size-16, 16px);\n}\n\n/ positioning for leading/trailing items for TextInput /\n.FormControl-input-wrap {\n position: relative;\n display: grid;\n\n & .FormControl-input-leadingVisualWrap {\n position: absolute;\n top: var(--base-size-8, 8px);\n left: var(--base-size-8, 8px);\n display: block;\n width: var(--base-size-16, 16px);\n height: var(--base-size-16, 16px);\n color: var(--color-fg-muted);\n pointer-events: none;\n\n / octicon /\n & .FormControl-input-leadingVisual {\n display: block;\n user-select: none;\n }\n }\n\n / TODO: replace with new Button component /\n & .FormControl-input-trailingAction {\n position: absolute;\n top: var(--base-size-4, 4px);\n right: var(--base-size-4, 4px);\n z-index: 4;\n display: grid;\n width: var(--yattho-control-xsmall-size, 24px);\n height: var(--yattho-control-xsmall-size, 24px);\n padding: 0;\n color: var(--color-fg-muted);\n cursor: pointer;\n background: transparent;\n border: 0;\n border-radius: var(--yattho-borderRadius-small);\n transition: 0.2s cubic-bezier(0.3, 0, 0.5, 1);\n transition-property: color, background-color, border-color;\n align-items: center;\n justify-content: center;\n\n & svg {\n user-select: none;\n }\n\n &[disabled] {\n color: var(--color-yattho-fg-disabled);\n pointer-events: none;\n }\n\n &:hover {\n background: var(--color-action-list-item-default-hover-bg);\n }\n\n &:active {\n background: var(--color-action-list-item-default-active-bg);\n }\n\n / show vertical divider line between field and button /\n &.FormControl-input-trailingAction--divider {\n &::before {\n position: absolute;\n top: calc((var(--yattho-control-xsmall-size) - var(--base-size-16)) / 2);\n left: calc(var(--base-size-4, 4px) -1);\n display: block;\n width: var(--yattho-borderWidth-thin);\n height: var(--base-size-16);\n content: '';\n background: var(--color-border-default);\n }\n }\n\n &::after {\n @mixin minTouchTarget var(--yattho-control-medium-size, 32px) var(--yattho-control-medium-size, 32px);\n\n @media (pointer: coarse) {\n min-width: var(--yattho-control-minTarget-coarse, 44px);\n min-height: var(--yattho-control-minTarget-coarse, 44px);\n }\n }\n }\n\n /* if leadingVisual is present /\n\n /\n\t┌──32px──┬────────────────────┐\n\t╎ ┌───┐ ┌────────────────┐ ╎\n\t╎ 16px 16px ╎\n\t╎ └───┘ └────────────────┘ ╎\n\t└───────8px───────────────────┘\n\t/\n\n &.FormControl-input-wrap--leadingVisual {\n & .FormControl-input {\n padding-inline-start:\n calc(\n var(--yattho-control-medium-paddingInline-condensed, 8px) + var(--base-size-16, 16px) +\n var(--yattho-control-medium-gap, 8px)\n ); / 32px /\n }\n }\n\n /\n\t┌──────────────────┬──32px──┐\n\t╎ ┌──────────────┐ ┌────┐ ╎\n\t╎ 24px 24px ╎\n\t╎ └──────────────┘ └────┘ ╎\n\t└──────────────────┴────────┘\n /\n\n / if trailingAction is present /\n &.FormControl-input-wrap--trailingAction {\n & .FormControl-input {\n padding-inline-end:\n calc(\n var(--yattho-control-medium-paddingInline-condensed, 8px) + var(--base-size-16, 16px) +\n var(--yattho-control-medium-gap, 8px)\n ); / 32px /\n }\n\n /\n\t\t32px + 1px border\n\t\t┌──────────────────┬──33px──┐\n\t\t╎ ┌──────────────┐ ┌────┐ ╎\n\t\t╎ 24px 24px ╎\n\t\t╎ └──────────────┘ └────┘ ╎\n\t\t└──────────────────┴────────┘\n\t\t/\n\n / if trailingAction divider is present, add 1px padding to accomodate input field text\n ** can be refactored to has(.FormControl-input-trailingAction--divider) /\n &.FormControl-input-wrap-trailingAction--divider {\n & .FormControl-input {\n padding-inline-end:\n calc(\n var(--yattho-control-medium-paddingInline-condensed, 8px) + var(--base-size-16, 16px) +\n var(--yattho-control-medium-gap, 8px) + var(--yattho-borderWidth-thin, 1px)\n ); / 33px /\n }\n }\n }\n\n / size modifications can be refactored with :has() - FormControl-input-wrap:has(.FormControl-large)\n // sizes /\n &.FormControl-small {\n & .FormControl-input-leadingVisualWrap {\n top: calc(var(--yattho-control-medium-paddingInline-condensed, 8px) - 0.125rem); / 6px /\n left: calc(var(--yattho-control-medium-paddingInline-condensed, 8px) - 0.125rem); / 6px /\n }\n\n /\n ┌──────────────────┬──28px──┐\n ╎ ┌──────────────┐ ┌────┐ ╎\n ╎ 20px 20px ╎\n ╎ └──────────────┘ └────┘ ╎\n └──────────────────┴────────┘\n /\n\n &.FormControl-input-wrap--trailingAction {\n & .FormControl-input.FormControl-small {\n padding-inline-end:\n calc(\n var(--yattho-control-small-paddingInline-condensed, 8px) + var(--base-size-16, 16px) +\n var(--yattho-control-small-gap, 8px)\n ); / 28px /\n }\n\n /\n\t\t\t28px + 1px border\n\t\t\t┌──────────────────┬──29px──┐\n\t\t\t╎ ┌──────────────┐ ┌────┐ ╎\n\t\t\t╎ 20px 20px ╎\n\t\t\t╎ └──────────────┘ └────┘ ╎\n\t\t\t└──────────────────┴────────┘\n\t\t\t/\n\n &.FormControl-input-wrap-trailingAction--divider {\n & .FormControl-input.FormControl-small {\n padding-inline-end:\n calc(\n var(--yattho-control-small-paddingInline-condensed, 8px) + var(--base-size-16, 16px) +\n var(--yattho-control-small-gap, 8px) + var(--yattho-borderWidth-thin, 1px)\n ); / 29px /\n }\n }\n }\n\n & .FormControl-input-trailingAction {\n width: calc(var(--yattho-control-small-size, 28px) - var(--base-size-8, 8px));\n height: calc(var(--yattho-control-small-size, 28px) - var(--base-size-8, 8px));\n\n &::before {\n top: calc((var(--yattho-control-xsmall-size) - var(--base-size-16)) / 4); / 2px /\n }\n }\n }\n\n &.FormControl-large {\n & .FormControl-input-leadingVisualWrap {\n top: var(--yattho-control-medium-paddingInline-normal, 12px);\n left: var(--yattho-control-medium-paddingInline-normal, 12px);\n }\n\n /\n ┌──36px──┬───12px padding──────┐\n ╎ ┌───┐ ┌────────────────┐ ╎\n ╎ 16px 16px ╎\n ╎ └───┘ └────────────────┘ ╎\n └12px───8px───────────────────┘\n /\n\n &.FormControl-input-wrap--leadingVisual {\n & .FormControl-input.FormControl-large {\n padding-inline-start:\n calc(\n var(--yattho-control-large-paddingInline-normal, 12px) + var(--base-size-16, 16px) +\n var(--yattho-control-large-gap, 8px)\n ); / 36px /\n }\n }\n\n /\n ┌──────────────────┬──36px──┐\n ╎ ┌──────────────┐ ┌────┐ ╎\n ╎ 28px 28px ╎\n ╎ └──────────────┘ └────┘ ╎\n └──────────────────┴────────┘\n /\n\n &.FormControl-input-wrap--trailingAction {\n & .FormControl-input.FormControl-large {\n padding-inline-end:\n calc(\n var(--yattho-control-large-paddingInline-normal, 12px) + var(--base-size-16, 16px) +\n var(--yattho-control-large-gap, 8px)\n ); / 36px /\n }\n\n /\n\t\t\t┌──────────────────┬──37px──┐\n\t\t\t╎ ┌──────────────┐ ┌────┐ ╎\n\t\t\t╎ 28px 28px ╎\n\t\t\t╎ └──────────────┘ └────┘ ╎\n\t\t\t└──────────────────┴────────┘\n\t\t\t/\n\n &.FormControl-input-wrap-trailingAction--divider {\n & .FormControl-input.FormControl-large {\n padding-inline-end:\n calc(\n var(--yattho-control-large-paddingInline-normal, 12px) + var(--base-size-16, 16px) +\n var(--yattho-control-large-gap, 8px) + var(--yattho-borderWidth-thin, 1px)\n ); / 37px /\n }\n }\n }\n\n & .FormControl-input-trailingAction {\n top: calc(var(--yattho-control-medium-paddingInline-condensed, 8px) - 0.125rem); / 6px /\n right: calc(var(--yattho-control-medium-paddingInline-condensed, 8px) - 0.125rem); / 6px /\n width: var(--yattho-control-small-size, 28px);\n height: var(--yattho-control-small-size, 28px);\n\n &::before {\n top: unset;\n height: var(--base-size-20);\n }\n }\n }\n}\n\n.FormControl-select-wrap {\n display: grid;\n grid-template-columns: minmax(0, auto) var(--base-size-16, 16px);\n\n / mask allows for background-color to respect themes /\n &::after {\n width: var(--base-size-16, 16px);\n height: var(--base-size-16, 16px);\n padding-right: var(--base-size-4, 4px);\n pointer-events: none;\n content: '';\n background-color: var(--color-fg-muted);\n mask: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iIzU4NjA2OSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNC40MjcgOS40MjdsMy4zOTYgMy4zOTZhLjI1MS4yNTEgMCAwMC4zNTQgMGwzLjM5Ni0zLjM5NkEuMjUuMjUgMCAwMDExLjM5NiA5SDQuNjA0YS4yNS4yNSAwIDAwLS4xNzcuNDI3ek00LjQyMyA2LjQ3TDcuODIgMy4wNzJhLjI1LjI1IDAgMDEuMzU0IDBMMTEuNTcgNi40N2EuMjUuMjUgMCAwMS0uMTc3LjQyN0g0LjZhLjI1LjI1IDAgMDEtLjE3Ny0uNDI3eiIgLz48L3N2Zz4=');\n mask-size: contain;\n mask-repeat: no-repeat;\n grid-column: 2;\n grid-row: 1;\n place-self: center end;\n }\n\n / spans entire grid below mask /\n & .FormControl-select {\n grid-column: 1/-1;\n grid-row: 1;\n appearance: none;\n padding-right: var(--base-size-20, 20px);\n }\n}\n\n/ checkbox + radio specific styles /\n\n/ // Checkbox + Radio structure\n ===================\n\n .FormControl-radio-wrap\n ├─ .FormControl-radio\n ├─ .FormControl-radio-labelWrap\n │ ├─ .FormControl-label\n** │ ├─ .FormControl-caption /\n\n.FormControl-checkbox-wrap,\n.FormControl-radio-wrap {\n display: inline-grid;\n grid-template-columns: min-content auto;\n gap: var(--base-size-8, 8px);\n\n & .FormControl-checkbox-labelWrap,\n & .FormControl-radio-labelWrap {\n display: flex;\n flex-direction: column;\n gap: var(--base-size-4, 4px);\n }\n\n & .FormControl-label {\n cursor: pointer;\n }\n}\n\n/ these selectors are temporary to override base.scss\n** once Field styles are widely adopted, we can adjust this and the global base styles /\ninput[type='checkbox'].FormControl-checkbox {\n @mixin Field;\n\n position: relative;\n display: grid;\n width: var(--base-size-16, 16px);\n height: var(--base-size-16, 16px);\n margin: 0;\n margin-top: 0.125rem; / 2px to center align with label (20px line-height) /\n cursor: pointer;\n border-color: var(--color-neutral-emphasis);\n border-radius: var(--yattho-borderRadius-small, 3px);\n transition: background-color, border-color 80ms cubic-bezier(0.33, 1, 0.68, 1); / checked -> unchecked - add 120ms delay to fully see animation-out /\n appearance: none;\n place-content: center;\n\n &::before {\n width: var(--base-size-16, 16px);\n height: var(--base-size-16, 16px);\n visibility: hidden;\n content: '';\n background-color: var(--color-fg-on-emphasis);\n transition: visibility 0s linear 230ms;\n clip-path: inset(var(--base-size-16, 16px) 0 0 0);\n\n / octicon checkmark image /\n mask-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTEuNzgwMyAwLjIxOTYyNUMxMS45MjEgMC4zNjA0MjcgMTIgMC41NTEzMDUgMTIgMC43NTAzMTNDMTIgMC45NDkzMjEgMTEuOTIxIDEuMTQwMTkgMTEuNzgwMyAxLjI4MUw0LjUxODYgOC41NDA0MkM0LjM3Nzc1IDguNjgxIDQuMTg2ODIgOC43NiAzLjk4Nzc0IDguNzZDMy43ODg2NyA4Ljc2IDMuNTk3NzMgOC42ODEgMy40NTY4OSA4LjU0MDQyTDAuMjAxNjIyIDUuMjg2MkMwLjA2ODkyNzcgNS4xNDM4MyAtMC4wMDMzMDkwNSA0Ljk1NTU1IDAuMDAwMTE2NDkzIDQuNzYwOThDMC4wMDM1NTIwNSA0LjU2NjQzIDAuMDgyMzg5NCA0LjM4MDgxIDAuMjIwMDMyIDQuMjQzMjFDMC4zNTc2NjUgNC4xMDU2MiAwLjU0MzM1NSA0LjAyNjgxIDAuNzM3OTcgNC4wMjMzOEMwLjkzMjU4NCA0LjAxOTk0IDEuMTIwOTMgNC4wOTIxNyAxLjI2MzM0IDQuMjI0ODJMMy45ODc3NCA2Ljk0ODM1TDEwLjcxODYgMC4yMTk2MjVDMTAuODU5NSAwLjA3ODk5MjMgMTEuMDUwNCAwIDExLjI0OTUgMEMxMS40NDg1IDAgMTEuNjM5NSAwLjA3ODk5MjMgMTEuNzgwMyAwLjIxOTYyNVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=');\n mask-size: 75%;\n mask-repeat: no-repeat;\n mask-position: center;\n\n @media screen and (prefers-reduced-motion: no-preference) {\n animation: checkmarkOut 80ms cubic-bezier(0.65, 0, 0.35, 1) forwards; / slightly snappier animation out /\n }\n }\n\n / extend touch target /\n &::after {\n @mixin minTouchTarget var(--yattho-control-medium-size, 32px) var(--yattho-control-medium-size, 32px);\n }\n\n &[disabled] {\n & ~ .FormControl-checkbox-labelWrap,\n & ~ .FormControl-radio-labelWrap {\n & .FormControl-label {\n color: var(--color-yattho-fg-disabled);\n cursor: not-allowed;\n }\n }\n }\n\n &:checked {\n background: var(--color-accent-fg);\n border-color: var(--color-accent-fg);\n transition: background-color, border-color 80ms cubic-bezier(0.32, 0, 0.67, 0) 0ms; / unchecked -> checked /\n\n &::before {\n visibility: visible;\n transition: visibility 0s linear 0s;\n\n @media screen and (prefers-reduced-motion: no-preference) {\n animation: checkmarkIn 80ms cubic-bezier(0.65, 0, 0.35, 1) forwards 80ms;\n }\n }\n\n &:disabled {\n cursor: not-allowed;\n background-color: var(--color-yattho-fg-disabled);\n border-color: var(--color-yattho-fg-disabled);\n opacity: 1;\n\n &::before {\n background-color: var(--color-fg-on-emphasis);\n }\n }\n\n / Windows High Contrast mode /\n @media (forced-colors: active) {\n background-color: canvastext;\n border-color: canvastext;\n }\n }\n\n &:focus-visible {\n @mixin focusOutline 2px;\n }\n\n &:indeterminate {\n &::before {\n mask-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMiIgdmlld0JveD0iMCAwIDEwIDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMCAxQzAgMC40NDc3MTUgMC40NDc3MTUgMCAxIDBIOUM5LjU1MjI5IDAgMTAgMC40NDc3MTUgMTAgMUMxMCAxLjU1MjI4IDkuNTUyMjkgMiA5IDJIMUMwLjQ0NzcxNSAyIDAgMS41NTIyOCAwIDFaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K');\n visibility: visible;\n }\n }\n}\n\ninput[type='radio'].FormControl-radio {\n @mixin Field;\n\n position: relative;\n width: var(--base-size-16, 16px);\n height: var(--base-size-16, 16px);\n margin: 0;\n margin-top: 0.125rem; / 2px to center align with label (20px line-height) /\n cursor: pointer;\n border-color: var(--color-neutral-emphasis);\n border-radius: var(--yattho-borderRadius-full, 100vh);\n transition: background-color, border-color 80ms cubic-bezier(0.33, 1, 0.68, 1); / checked -> unchecked - add 120ms delay to fully see animation-out /\n appearance: none;\n\n &::after {\n @mixin minTouchTarget var(--yattho-control-medium-size, 32px) var(--yattho-control-medium-size, 32px);\n }\n\n &:checked {\n border-color: var(--color-accent-fg);\n border-width: var(--base-size-4, 4px);\n\n &:disabled {\n cursor: not-allowed;\n border-color: var(--color-yattho-fg-disabled);\n }\n }\n\n &:focus-visible {\n @mixin focusOutline 2px;\n }\n\n / Windows High Contrast mode /\n @media (forced-colors: active) {\n background-color: canvastext;\n border-color: canvastext;\n }\n}\n\n@keyframes checkmarkIn {\n from {\n clip-path: inset(var(--base-size-16, 16px) 0 0 0);\n }\n\n to {\n clip-path: inset(0 0 0 0);\n }\n}\n\n@keyframes checkmarkOut {\n from {\n clip-path: inset(0 0 0 0);\n }\n\n to {\n clip-path: inset(var(--base-size-16, 16px) 0 0 0);\n }\n}",null,"@define-mixin focusOutline $outlineOffset: -2px, $outlineColor: var(--color-accent-fg) {\n outline: 2px solid $outlineColor;\n outline-offset: $outlineOffset;\n box-shadow: none;\n}",".btn-mktg {\n position: relative;\n z-index: 1;\n display: inline-block;\n\n / stylelint-disable-next-line yattho/spacing /\n padding: 0.9rem 1.5rem 1.1rem;\n\n / stylelint-disable-next-line yattho/typography /\n font-size: 1rem;\n font-weight: var(--base-text-weight-semibold, 600);\n line-height: 1;\n color: var(--color-canvas-default);\n text-align: center;\n white-space: nowrap;\n vertical-align: middle;\n user-select: none;\n background:\n linear-gradient(180deg, rgba(255, 255, 255, 15%) 0%, rgba(255, 255, 255, 0%) 100%),\n var(--color-mktg-btn-bg) !important;\n border: 0;\n\n / stylelint-disable-next-line yattho/borders /\n border-radius: 0.375rem;\n transition: box-shadow 0.2s, outline 0.2s ease;\n appearance: none !important;\n\n &::before {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: -1;\n content: '';\n\n / stylelint-disable-next-line yattho/colors /\n background: linear-gradient(180deg, rgba(255, 255, 255, 15%) 0%, rgba(255, 255, 255, 0%) 100%) !important;\n border-radius: inherit;\n opacity: 0;\n transition: opacity 0.2s;\n background-blend-mode: normal;\n }\n\n &:hover {\n text-decoration: none;\n box-shadow: var(--color-mktg-btn-shadow-hover) !important;\n }\n\n &:hover,\n &:focus,\n &:focus-visible,\n &.focus {\n &::before {\n opacity: 1;\n }\n }\n\n / fallback :focus state /\n &:focus {\n @mixin focusOutline 2px, var(--color-accent-fg);\n\n / remove fallback :focus if :focus-visible is supported /\n &:not(:focus-visible) {\n outline: solid 1px transparent;\n box-shadow: none;\n }\n }\n\n / default focus state /\n &:focus-visible {\n @mixin focusOutline 2px, var(--color-accent-fg) ;\n }\n\n &:active {\n &::before {\n opacity: 0.5 !important;\n }\n }\n\n &.disabled,\n &[disabled] {\n pointer-events: none;\n cursor: default;\n opacity: 0.5;\n }\n}\n\n.btn-muted-mktg {\n color: var(--color-fg-default) !important;\n background: none !important;\n box-shadow: var(--color-mktg-btn-shadow-outline);\n\n &::before {\n display: none;\n }\n\n &:hover {\n box-shadow: var(--color-mktg-btn-shadow-hover-muted) !important;\n }\n\n &:active {\n\n / stylelint-disable-next-line yattho/box-shadow /\n box-shadow: var(--color-fg-default) 0 0 0 3px inset !important;\n }\n\n &:disabled {\n\n / stylelint-disable-next-line yattho/box-shadow /\n box-shadow: var(--color-fg-subtle) 0 0 0 1px inset !important;\n }\n}\n\n.btn-subtle-mktg {\n color: var(--color-fg-default) !important;\n background: none !important;\n box-shadow: none !important;\n\n &::before {\n background: none !important;\n }\n\n &:hover {\n box-shadow: var(--color-mktg-btn-shadow-hover-muted) !important;\n }\n}\n\n.btn-signup-mktg {\n\n / stylelint-disable-next-line yattho/colors /\n color: #fff;\n\n / stylelint-disable-next-line yattho/colors /\n background: linear-gradient(180deg, rgba(52, 183, 89, 15%) 0%, rgba(46, 164, 79, 0%) 100%), rgb(46, 164, 79) !important;\n\n &::before {\n\n / stylelint-disable-next-line yattho/colors /\n background: linear-gradient(180deg, rgba(52, 183, 89, 15%) 0%, rgba(46, 164, 79, 0%) 100%) !important;\n }\n\n / fallback :focus state /\n &:focus {\n @mixin focusOutline 2px, var(--color-accent-fg) ;\n\n / remove fallback :focus if :focus-visible is supported /\n &:not(:focus-visible) {\n outline: solid 1px transparent;\n box-shadow: none;\n }\n }\n\n / default focus state /\n &:focus-visible {\n @mixin focusOutline 2px, var(--color-accent-fg) ;\n }\n}\n\n/ Size modifiers /\n\n.btn-small-mktg {\n\n / stylelint-disable-next-line yattho/spacing /\n padding: 0.625rem 1rem 0.8125rem;\n}\n\n.btn-large-mktg {\n\n / stylelint-disable-next-line yattho/spacing /\n padding: 16px 30px 20px !important;\n\n / stylelint-disable-next-line yattho/typography /\n font-size: 1.25rem;\n}","/ ToggleSwitch /\n\n/ Catalyst in dotcom applies a display: block to all web component elements. This\n** rule overrides it so the status label and toggle switch are laid out correctly. /\n.ToggleSwitch.ToggleSwitch {\n display: inline-flex;\n}\n\n.ToggleSwitch {\n align-items: center;\n display: inline-flex;\n gap: var(--yattho-controlStack-medium-gap-condensed, 8px);\n\n &:hover {\n & .ToggleSwitch-knob {\n background-color: var(--color-btn-hover-bg);\n }\n }\n\n &:active {\n & .ToggleSwitch-knob {\n background-color: var(--color-btn-active-bg);\n }\n }\n}\n\n.ToggleSwitch--checked {\n & .ToggleSwitch-statusOn {\n height: auto;\n visibility: visible;\n }\n\n & .ToggleSwitch-statusOff {\n height: 0;\n visibility: hidden;\n }\n}\n\n.ToggleSwitch-track {\n position: relative;\n display: block;\n width: var(--base-size-64, 64px);\n height: var(--yattho-control-medium-size, 32px);\n padding: 0;\n overflow: hidden;\n text-decoration: none;\n cursor: pointer;\n user-select: none;\n background-color: var(--color-switch-track-bg);\n border: var(--yattho-borderWidth-thin, 1px) solid var(--color-switch-track-border);\n border-radius: var(--yattho-borderRadius-medium, 6px);\n transition-timing-function: cubic-bezier(0.5, 1, 0.89, 1);\n transition-duration: 80ms;\n transition-property: background-color, border-color;\n appearance: none;\n\n &:focus,\n &:focus-visible {\n outline-offset: 0;\n }\n\n @media (pointer: coarse) {\n &::before {\n @mixin minTouchTarget 44px;\n }\n }\n\n @media (prefers-reduced-motion) {\n transition: none;\n\n & {\n transition: none;\n }\n }\n}\n\n.ToggleSwitch-track[aria-checked='true'][aria-disabled='true'] {\n background-color: var(--color-canvas-subtle);\n border-color: var(--color-border-subtle);\n\n &:hover,\n &:active {\n background-color: var(--color-canvas-subtle);\n\n /* This is the most straightforward way of setting the knob's styles when the\n ** switch is both checked and disabled. /\n\n & .ToggleSwitch-knob {\n background-color: var(--color-switch-knob-checked-disabled-bg);\n }\n }\n\n & .ToggleSwitch-knob {\n background-color: var(--color-switch-knob-checked-disabled-bg);\n }\n}\n\n.ToggleSwitch-track[aria-checked='true'] {\n background-color: var(--color-switch-track-checked-bg);\n border-color: var(--color-switch-track-checked-border);\n\n &:hover {\n background-color: var(--color-switch-track-checked-hover-bg);\n }\n\n &:active {\n background-color: var(--color-switch-track-checked-active-bg);\n }\n\n & .ToggleSwitch-knob {\n background-color: var(--color-switch-knob-checked-bg);\n border: 0;\n transform: translateX(calc(100% + 1px));\n }\n\n & .ToggleSwitch-lineIcon {\n transform: translateX(0%);\n }\n\n & .ToggleSwitch-circleIcon {\n transform: translateX(100%);\n }\n}\n\n.ToggleSwitch-track[aria-disabled='true'] {\n cursor: not-allowed;\n background-color: var(--color-canvas-subtle);\n border-color: var(--color-border-subtle);\n transition-property: none;\n\n &:hover,\n &:active {\n & .ToggleSwitch-knob {\n background-color: var(--color-btn-bg);\n }\n }\n\n & .ToggleSwitch-knob {\n border-color: var(--color-border-default);\n box-shadow: none;\n\n &:hover,\n &:active {\n background-color: var(--color-btn-bg);\n }\n }\n\n & .ToggleSwitch-lineIcon {\n color: var(--color-fg-subtle);\n }\n\n & .ToggleSwitch-circleIcon {\n color: var(--color-fg-subtle);\n }\n}\n\n.ToggleSwitch-icons {\n display: flex;\n align-items: center;\n width: 100%;\n height: 100%;\n overflow: hidden;\n}\n\n.ToggleSwitch-lineIcon {\n line-height: 0;\n color: var(--color-accent-fg);\n transition-duration: 80ms;\n transition-property: transform;\n transform: translateX(-100%);\n flex: 1 0 50%;\n}\n\n.ToggleSwitch-circleIcon {\n line-height: 0;\n color: var(--color-fg-default);\n transition-duration: 80ms;\n transition-property: transform;\n transform: translateX(0);\n flex: 1 0 50%;\n}\n\n.ToggleSwitch-knob {\n position: absolute;\n top: -1px;\n bottom: -1px;\n z-index: 1;\n width: 50%;\n background-color: var(--color-btn-bg);\n border: var(--yattho-borderWidth-thin, 1px) solid var(--color-switch-track-border);\n border-radius: var(--yattho-borderRadius-medium, 6px);\n box-shadow: var(--color-shadow-medium), var(--color-btn-inset-shadow);\n transition-timing-function: cubic-bezier(0.5, 1, 0.89, 1);\n transition-duration: 80ms;\n transition-property: transform;\n transform: translateX(-1px);\n\n @media (prefers-reduced-motion) {\n transition: none;\n }\n}\n\n.ToggleSwitch-status {\n position: relative;\n font-size: var(--yattho-text-body-size-medium, 14px);\n line-height: 1.5;\n color: var(--color-fg-default);\n text-align: right;\n}\n\n.ToggleSwitch-statusIcon {\n width: var(--base-size-16, 16px);\n display: flex;\n margin-top: 0.063rem;\n}\n\n.ToggleSwitch--small {\n & .ToggleSwitch-status {\n font-size: var(--yattho-text-body-size-small, 12px);\n }\n\n & .ToggleSwitch-track {\n width: var(--base-size-48, 48px);\n height: var(--yattho-control-xsmall-size, 24px);\n }\n}\n\n.ToggleSwitch--disabled {\n & .ToggleSwitch-status {\n color: var(--color-fg-muted);\n }\n}\n\n.ToggleSwitch-statusOn {\n height: 0;\n visibility: hidden;\n}\n\n.ToggleSwitch-statusOff {\n height: auto;\n visibility: visible;\n}\n\n.ToggleSwitch--statusAtEnd {\n flex-direction: row-reverse;\n\n & .ToggleSwitch-status {\n text-align: left;\n }\n}","/ UnderlineNav /\n\n.UnderlineNav {\n display: flex;\n min-height: var(--base-size-48, 48px);\n overflow-x: auto;\n overflow-y: hidden;\n box-shadow: inset 0 -1px 0 var(--color-border-muted);\n -webkit-overflow-scrolling: auto;\n justify-content: space-between;\n\n & .Counter {\n margin-left: var(--yattho-control-medium-gap, 8px);\n color: var(--color-fg-default);\n background-color: var(--color-neutral-muted);\n }\n\n & .Counter--primary {\n color: var(--color-fg-on-emphasis);\n background-color: var(--color-neutral-emphasis);\n }\n}\n\n.UnderlineNav-body {\n display: flex;\n align-items: center;\n gap: var(--yattho-control-medium-gap, 8px);\n list-style: none;\n}\n\n.UnderlineNav-item {\n position: relative;\n display: flex;\n padding: 0 var(--yattho-control-medium-paddingInline-condensed, 8px);\n font-size: var(--yattho-text-body-size-medium, 14px);\n line-height: 30px;\n color: var(--color-fg-default);\n text-align: center;\n white-space: nowrap;\n cursor: pointer;\n background-color: transparent;\n border: 0;\n border-radius: var(--yattho-borderRadius-medium, 6px);\n align-items: center;\n\n &:hover,\n &:focus,\n &:focus-visible {\n color: var(--color-fg-default);\n text-decoration: none;\n border-bottom-color: var(--color-neutral-muted);\n outline-offset: -2px;\n transition: border-bottom-color 0.12s ease-out;\n }\n\n / renders a visibly hidden \"copy\" of the label in bold, reserving box space for when label becomes bold on selected /\n & [data-content]::before {\n display: block;\n height: 0;\n font-weight: var(--base-text-weight-semibold, 600);\n visibility: hidden;\n content: attr(data-content);\n }\n\n / increase touch target area /\n &::before {\n @mixin minTouchTarget 48px;\n }\n\n / hover state was \"sticking\" on mobile after click /\n @media (pointer: fine) {\n &:hover {\n color: var(--color-fg-default);\n text-decoration: none;\n background: var(--color-action-list-item-default-hover-bg);\n transition: background 0.12s ease-out;\n }\n }\n\n &.selected,\n &[role='tab'][aria-selected='true'],\n &[aria-current]:not([aria-current='false']) {\n font-weight: var(--base-text-weight-semibold, 600);\n color: var(--color-fg-default);\n border-bottom-color: var(--color-yattho-border-active);\n\n / current/selected underline /\n &::after {\n position: absolute;\n right: 50%;\n bottom: calc(50% - 25px); / 48px total height / 2 (24px) + 1px /\n width: 100%;\n height: 2px;\n content: '';\n background: var(--color-yattho-border-active);\n border-radius: var(--yattho-borderRadius-medium, 6px);\n transform: translate(50%, -50%);\n }\n }\n}\n\n.UnderlineNav--right {\n justify-content: flex-end;\n\n & .UnderlineNav-actions {\n flex: 1 1 auto;\n }\n}\n\n.UnderlineNav-actions {\n align-self: center;\n}\n\n.UnderlineNav--full {\n display: block;\n\n / required for underline to align with additional wrapper element /\n & .UnderlineNav-body {\n min-height: var(--base-size-48, 48px);\n }\n}\n\n.UnderlineNav-octicon {\n display: inline !important;\n margin-right: var(--yattho-control-medium-gap, 8px);\n color: var(--color-fg-muted);\n fill: var(--color-fg-muted);\n}\n\n.UnderlineNav-container {\n display: flex;\n justify-content: space-between;\n}","/ SegmentedControl /\n\n.SegmentedControl {\n display: inline-flex;\n list-style: none;\n background-color: var(--color-segmented-control-bg);\n border-radius: var(--yattho-borderRadius-medium, 6px);\n box-shadow: var(--yattho-borderInset-thin, inset 0 0 0 max(1px, 0.0625rem)) var(--color-border-default);\n}\n\n.SegmentedControl-item {\n position: relative;\n display: inline-flex;\n border: var(--yattho-borderWidth-thin, max(1px, 0.0625rem)) solid transparent;\n border-radius: var(--yattho-borderRadius-medium, 6px);\n padding: var(--yattho-control-xsmall-paddingInline-condensed, 4px);\n\n / Selected ---------------------------------------- /\n &.SegmentedControl-item--selected {\n background-color: var(--color-btn-bg);\n border-color: var(--color-segmented-control-button-selected-border);\n\n & .Button {\n font-weight: var(--base-text-weight-semibold, 600);\n\n &:hover {\n background-color: transparent;\n }\n }\n\n &::before {\n border-color: transparent;\n }\n\n & + .SegmentedControl-item::before {\n border-color: transparent;\n }\n }\n\n / renders a visibly hidden \"copy\" of the text in bold, reserving box space for when text becomes bold on selected /\n & .Button-label[data-content]::before {\n display: block;\n height: 0;\n font-weight: var(--base-text-weight-semibold, 600);\n visibility: hidden;\n content: attr(data-content);\n }\n\n / Separator lines /\n &::before {\n position: absolute;\n inset: 0 0 0 -1px;\n margin-top: var(--yattho-control-medium-paddingBlock, 6px);\n margin-bottom: var(--yattho-control-medium-paddingBlock, 6px);\n content: '';\n border-left: var(--yattho-borderWidth-thin, max(1px, 0.0625rem)) solid var(--color-border-default);\n }\n\n / Button ----------------------------------------- /\n & .Button {\n border: 0;\n font-weight: var(--base-text-weight-normal, 400);\n transition: none;\n color: var(--color-btn-text);\n\n &:focus-visible {\n outline-offset: calc(var(--yattho-control-xsmall-paddingInline-condensed, 4px) - var(--yattho-borderWidth-thin, 1px));\n border-radius: calc(var(--yattho-borderRadius-medium, 6px) - 5px);\n }\n }\n\n & .Button--small {\n height: calc(var(--yattho-control-small-size, 28px) - var(--yattho-control-xsmall-paddingInline-condensed, 4px) 2 - var(--yattho-borderWidth-thin, 1px) * 2);\n padding: 0 calc(var(--yattho-control-small-paddingInline-condensed, 8px) - var(--yattho-control-xsmall-paddingInline-condensed, 4px));\n\n &.Button--iconOnly {\n width: calc(var(--yattho-control-medium-size, 32px) - var(--yattho-control-xsmall-paddingInline-condensed, 4px) * 2 - var(--yattho-borderWidth-thin, 1px) * 2);\n\n &::before {\n @mixin minTouchTarget var(--yattho-control-medium-size, 32px), var(--yattho-control-medium-size, 32px);\n }\n }\n }\n\n & .Button--medium {\n height: calc(var(--yattho-control-medium-size, 32px) - var(--yattho-control-xsmall-paddingInline-condensed, 4px) * 2 - var(--yattho-borderWidth-thin, 1px) * 2);\n padding: 0 calc(var(--yattho-control-medium-paddingInline-normal, 12px) - var(--yattho-control-xsmall-paddingInline-condensed, 4px));\n\n &.Button--iconOnly {\n width: calc(var(--yattho-control-medium-size, 32px) - var(--yattho-control-xsmall-paddingInline-condensed, 4px) * 2 - var(--yattho-borderWidth-thin, 1px) * 2);\n\n &::before {\n @mixin minTouchTarget var(--yattho-control-medium-size, 32px), var(--yattho-control-medium-size, 32px);\n }\n }\n }\n\n & .Button--large {\n height: calc(var(--yattho-control-large-size, 40px) - var(--yattho-control-xsmall-paddingInline-condensed, 4px) * 2 - var(--yattho-borderWidth-thin, 1px) * 2);\n padding: 0 calc(var(--yattho-control-large-paddingInline-spacious, 16px) - var(--yattho-control-xsmall-paddingInline-condensed, 4px));\n\n &.Button--iconOnly {\n width: calc(var(--yattho-control-large-size, 40px) - var(--yattho-control-xsmall-paddingInline-condensed, 4px) * 2 - var(--yattho-borderWidth-thin, 1px) * 2);\n\n &::before {\n @mixin minTouchTarget var(--yattho-control-large-size, 40px), var(--yattho-control-large-size, 40px);\n }\n }\n }\n\n & .Button--iconOnly {\n padding: initial;\n }\n\n & .Button--invisible.Button--invisible-noVisuals .Button-label {\n color: var(--color-btn-text);\n }\n}\n\n/* fullWidth /\n.SegmentedControl--fullWidth {\n display: flex;\n\n & .SegmentedControl-item {\n flex: 1;\n justify-content: center;\n }\n\n / is .Button-withTooltip used anywhere? can't find use of it /\n & .Button--iconOnly,\n & .Button-withTooltip {\n width: 100%;\n }\n}","/ menu /\n\n/ A menu on the side of a page, defaults to left side. e.g. github.com/about /\n\n.menu {\n margin-bottom: var(--yattho-stack-gap-normal, 16px);\n list-style: none;\n background-color: var(--color-canvas-default);\n border: var(--yattho-borderWidth-thin, 1px) solid var(--color-border-default);\n border-radius: var(--yattho-borderRadius-medium, 6px);\n}\n\n.menu-item {\n position: relative;\n display: block;\n padding: var(--yattho-control-medium-paddingInline-condensed, 8px) var(--yattho-control-medium-paddingInline-spacious, 16px);\n color: var(--color-fg-default);\n border-bottom: var(--yattho-borderWidth-thin, 1px) solid var(--color-border-muted);\n\n &:first-child {\n border-top: 0;\n border-top-left-radius: var(--yattho-borderRadius-medium, 6px);\n border-top-right-radius: var(--yattho-borderRadius-medium, 6px);\n\n &::before {\n border-top-left-radius: var(--yattho-borderRadius-medium, 6px);\n }\n }\n\n &:last-child {\n border-bottom: 0;\n border-bottom-right-radius: var(--yattho-borderRadius-medium, 6px);\n border-bottom-left-radius: var(--yattho-borderRadius-medium, 6px);\n\n &::before {\n border-bottom-left-radius: var(--yattho-borderRadius-medium, 6px);\n }\n }\n\n &:hover {\n text-decoration: none;\n background-color: var(--color-neutral-subtle);\n }\n\n &:active {\n background-color: var(--color-canvas-subtle);\n }\n\n &.selected,\n &[aria-selected='true'],\n &[aria-current]:not([aria-current='false']) {\n cursor: default;\n background-color: var(--color-menu-bg-active);\n\n &::before {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n width: 2px;\n content: '';\n background-color: var(--color-yattho-border-active);\n }\n }\n\n & .octicon {\n width: 16px;\n margin-right: var(--yattho-control-medium-gap, 8px);\n color: var(--color-fg-muted);\n text-align: center;\n }\n\n & .Counter {\n float: right;\n margin-left: var(--yattho-control-small-gap, 4px);\n }\n\n & .menu-warning {\n float: right;\n color: var(--color-attention-fg);\n }\n\n & .avatar {\n float: left;\n margin-right: var(--yattho-control-small-gap, 4px);\n }\n\n &.alert {\n & .Counter {\n color: var(--color-danger-fg);\n }\n }\n}\n\n.menu-heading {\n display: block;\n padding: var(--yattho-control-medium-paddingInline-condensed, 8px) var(--yattho-control-medium-paddingInline-spacious, 16px);\n margin-top: 0;\n margin-bottom: 0;\n font-size: inherit;\n font-weight: var(--base-text-weight-semibold, 600);\n color: var(--color-fg-default);\n border-bottom: var(--yattho-borderWidth-thin, 1px) solid var(--color-border-muted);\n\n &:hover {\n text-decoration: none;\n }\n\n &:first-child {\n border-top-left-radius: var(--yattho-borderRadius-medium, 6px);\n border-top-right-radius: var(--yattho-borderRadius-medium, 6px);\n }\n\n &:last-child {\n border-bottom: 0;\n border-bottom-right-radius: var(--yattho-borderRadius-medium, 6px);\n border-bottom-left-radius: var(--yattho-borderRadius-medium, 6px);\n }\n}","/ avatar /\n\n.avatar {\n display: inline-block;\n overflow: hidden; / Ensure page layout in Firefox should images fail to load /\n line-height: 1;\n vertical-align: middle;\n background-color: var(--color-avatar-bg); / adds opaque bg to transparent avatars /\n border-radius: var(--yattho-borderRadius-medium, 6px);\n flex-shrink: 0;\n box-shadow: 0 0 0 1px var(--color-avatar-border);\n}\n\n.avatar-link {\n float: left;\n line-height: 1;\n}\n\n/ User for example on /stars and /user for grids of avatars /\n.avatar-group-item {\n display: inline-block;\n margin-bottom: 3px;\n}\n\n/ Border radius /\n\n.avatar-1,\n.avatar-2,\n.avatar-small {\n border-radius: var(--yattho-borderRadius-small, 4px);\n}\n\n/ Sizes /\n\n.avatar-1 {\n width: var(--base-size-16, 16px);\n height: var(--base-size-16, 16px);\n}\n\n.avatar-2 {\n width: var(--base-size-20, 20px);\n height: var(--base-size-20, 20px);\n}\n\n.avatar-3 {\n width: var(--base-size-24, 24px);\n height: var(--base-size-24, 24px);\n}\n\n.avatar-4 {\n width: var(--base-size-28, 28px);\n height: var(--base-size-28, 28px);\n}\n\n.avatar-5 {\n width: var(--base-size-32, 32px);\n height: var(--base-size-32, 32px);\n}\n\n.avatar-6 {\n width: var(--base-size-40, 40px);\n height: var(--base-size-40, 40px);\n}\n\n.avatar-7 {\n width: var(--base-size-48, 48px);\n height: var(--base-size-48, 48px);\n}\n\n.avatar-8 {\n width: var(--base-size-64, 64px);\n height: var(--base-size-64, 64px);\n}","/ AvatarStack /\n\n/ Stacked avatars can be used to show who is participating in thread when\n** there is limited space available. /\n\n.AvatarStack {\n position: relative;\n min-width: 26px;\n height: 20px;\n\n & .AvatarStack-body {\n position: absolute;\n }\n\n &.AvatarStack--two {\n min-width: 36px;\n }\n\n &.AvatarStack--three-plus {\n min-width: 46px;\n }\n}\n\n.AvatarStack-body {\n display: flex;\n background: var(--color-canvas-default);\n border-radius: 100px;\n\n & .avatar {\n position: relative;\n z-index: 2;\n display: flex;\n width: 20px;\n height: 20px;\n box-sizing: content-box;\n margin-right: -11px;\n background-color: var(--color-canvas-default);\n border-right: var(--yattho-borderWidth-thin, 1px) solid var(--color-canvas-default);\n border-radius: var(--yattho-borderRadius-small, 4px);\n box-shadow: none;\n transition: margin 0.1s ease-in-out;\n\n &:first-child {\n z-index: 3;\n }\n\n &:last-child {\n z-index: 1;\n border-right: 0;\n }\n\n & img {\n border-radius: var(--yattho-borderRadius-small, 4px);\n }\n\n / Account for 4+ avatars /\n &:nth-child(n + 4) {\n display: none;\n opacity: 0;\n }\n }\n\n &:hover {\n & .avatar {\n margin-right: 3px;\n }\n\n & .avatar:nth-child(n + 4) {\n display: flex;\n opacity: 1;\n }\n\n & .avatar-more {\n display: none !important;\n }\n }\n}\n\n.avatar.avatar-more {\n z-index: 1;\n margin-right: 0;\n background: var(--color-canvas-subtle);\n\n &::before,\n &::after {\n position: absolute;\n display: block;\n height: 20px;\n content: '';\n border-radius: 2px;\n outline: var(--yattho-borderWidth-thin, 1px) solid var(--color-canvas-default);\n }\n\n &::before {\n width: 17px;\n background: var(--color-avatar-stack-fade-more);\n }\n\n &::after {\n width: 14px;\n background: var(--color-avatar-stack-fade);\n }\n}\n\n/ Right aligned variation /\n\n.AvatarStack--right {\n & .AvatarStack-body {\n right: 0;\n flex-direction: row-reverse;\n\n &:hover .avatar {\n margin-right: 0;\n margin-left: 3px;\n }\n\n & .avatar:not(:last-child) {\n border-left: 0;\n }\n }\n\n & .avatar.avatar-more {\n background: var(--color-avatar-stack-fade);\n\n &::before {\n width: 5px;\n }\n\n &::after {\n width: 2px;\n background: var(--color-canvas-subtle);\n }\n }\n\n & .avatar {\n margin-right: 0;\n margin-left: -11px;\n border-right: 0;\n border-left: var(--yattho-borderWidth-thin, 1px) solid var(--color-canvas-default);\n }\n}","/ BorderBox /\n\n/ TODO: Rename to BorderBox to match YVC /\n.Box {\n background-color: var(--color-canvas-default);\n border-color: var(--color-border-default);\n border-style: solid;\n border-width: var(--yattho-borderWidth-thin, 1px);\n border-radius: var(--yattho-borderRadius-medium, 6px);\n}\n\n/ Box padding density options /\n.Box--condensed {\n line-height: 1.25;\n\n & .Box-header {\n padding: var(--yattho-stack-padding-condensed, 8px) var(--yattho-stack-padding-normal, 16px);\n }\n\n & .Box-body {\n padding: var(--yattho-stack-padding-condensed, 8px) var(--yattho-stack-padding-normal, 16px);\n }\n\n & .Box-footer {\n padding: var(--yattho-stack-padding-condensed, 8px) var(--yattho-stack-padding-normal, 16px);\n }\n\n & .Box-btn-octicon {\n &.btn-octicon {\n padding: var(--yattho-control-medium-paddingInline-condensed, 8px) var(--yattho-control-medium-paddingInline-spacious, 16px);\n margin: calc(var(--yattho-controlStack-medium-gap-condensed, 8px) -1) calc(var(--yattho-controlStack-small-gap-spacious, 16px) * -1);\n line-height: 1.25;\n }\n }\n\n & .Box-row {\n padding: var(--yattho-stack-padding-condensed, 8px) var(--yattho-stack-padding-normal, 16px);\n }\n}\n\n.Box--spacious {\n & .Box-header {\n padding: var(--yattho-stack-padding-spacious, 24px);\n line-height: 1.25;\n }\n\n & .Box-title {\n font-size: var(--yattho-text-title-size-medium, 20px);\n }\n\n & .Box-body {\n padding: var(--yattho-stack-padding-spacious, 24px);\n }\n\n & .Box-footer {\n padding: var(--yattho-stack-padding-spacious, 24px);\n }\n\n & .Box-btn-octicon {\n &.btn-octicon {\n padding: var(--yattho-stack-padding-spacious, 24px);\n margin: calc(var(--yattho-stack-gap-spacious, 24px) * -1) calc(var(--yattho-stack-gap-spacious, 24px) * -1);\n }\n }\n\n & .Box-row {\n padding: var(--yattho-stack-padding-spacious, 24px);\n }\n}\n\n.Box-header {\n padding: var(--yattho-stack-padding-normal, 16px);\n margin: calc(var(--yattho-borderWidth-thin, 1px) * -1) calc(var(--yattho-borderWidth-thin, 1px) * -1) 0;\n background-color: var(--color-canvas-subtle);\n border-color: var(--color-border-default);\n border-style: solid;\n border-width: var(--yattho-borderWidth-thin, 1px);\n border-top-left-radius: var(--yattho-borderRadius-medium, 6px);\n border-top-right-radius: var(--yattho-borderRadius-medium, 6px);\n}\n\n.Box-title {\n font-size: var(--yattho-text-body-size-medium, 14px);\n font-weight: var(--base-text-weight-semibold, 600);\n}\n\n.Box-body {\n padding: var(--yattho-stack-padding-normal, 16px);\n border-bottom: var(--yattho-borderWidth-thin, 1px) solid var(--color-border-default);\n\n /* Ensures bottom-border doesn't poke out when .Box-body used without box-footer /\n &:last-of-type {\n margin-bottom: calc(var(--yattho-borderWidth-thin, 1px) -1);\n border-bottom-right-radius: var(--yattho-borderRadius-medium, 6px);\n border-bottom-left-radius: var(--yattho-borderRadius-medium, 6px);\n }\n}\n\n/* Box rows /\n.Box-row {\n padding: var(--yattho-stack-padding-normal, 16px);\n margin-top: calc(var(--yattho-borderWidth-thin, 1px) -1);\n list-style-type: none; /* To account for applying Box component to a list /\n border-top-color: var(--color-border-muted);\n border-top-style: solid;\n border-top-width: var(--yattho-borderWidth-thin, 1px);\n\n &:first-of-type {\n border-top-left-radius: var(--yattho-borderRadius-medium, 6px);\n border-top-right-radius: var(--yattho-borderRadius-medium, 6px);\n }\n\n &:last-of-type {\n border-bottom-right-radius: var(--yattho-borderRadius-medium, 6px);\n border-bottom-left-radius: var(--yattho-borderRadius-medium, 6px);\n }\n\n / Adds a blue vertical line to the left of the row\n ** For indicating a row item is unread /\n &.Box-row--unread,\n / .unread to be deprecated with .Box-row-unread /\n &.unread {\n box-shadow: inset 2px 0 0 var(--color-accent-emphasis);\n }\n\n &.navigation-focus {\n / Focus styles for when drag icon /\n & .Box-row--drag-button {\n color: var(--color-accent-fg);\n cursor: grab;\n opacity: 100;\n }\n\n / Grabbing while row is dragged /\n &.is-dragging .Box-row--drag-button {\n cursor: grabbing;\n }\n\n / Row dragging styles /\n &.sortable-chosen {\n background-color: var(--color-canvas-subtle);\n }\n\n / Makes dragging row background gray /\n &.sortable-ghost {\n background-color: var(--color-canvas-subtle);\n\n / Hides contents of row while dragging so row looks solid gray /\n & .Box-row--drag-hide {\n opacity: 0;\n }\n }\n }\n}\n\n.Box-row--focus-gray {\n &.navigation-focus {\n background-color: var(--color-canvas-subtle);\n }\n}\n\n.Box-row--focus-blue {\n &.navigation-focus {\n background-color: var(--color-accent-subtle);\n }\n}\n\n.Box-row--hover-gray {\n &:hover {\n background-color: var(--color-canvas-subtle);\n }\n}\n\n.Box-row--hover-blue {\n &:hover {\n background-color: var(--color-accent-subtle);\n }\n}\n\n/ Optional link style\n Makes links on mobile blue since they don't have hover state,\n and links are dark-gray with blue hover on desktop. /\n.Box-row-link {\n @media (min-width: 768px) {\n color: var(--color-fg-default);\n text-decoration: none;\n\n &:hover {\n color: var(--color-accent-fg);\n text-decoration: none;\n }\n }\n}\n\n/ Optional drag icon styles for reordering items\n** Focus styles included in .Box-row above /\n.Box-row--drag-button {\n opacity: 0;\n}\n\n.Box-footer {\n padding: var(--yattho-stack-padding-normal, 16px);\n margin-top: calc(var(--yattho-borderWidth-thin, 1px) -1); /* prevents double border when used with .Box-body /\n border-top-color: var(--color-border-default);\n border-top-style: solid;\n border-top-width: var(--yattho-borderWidth-thin, 1px);\n border-radius: 0 0 var(--yattho-borderRadius-medium, 6px) var(--yattho-borderRadius-medium, 6px);\n}\n\n/ Option for a box with scrolling content /\n.Box--scrollable {\n max-height: 324px;\n overflow: scroll;\n}\n\n/ Box themes /\n\n.Box--blue {\n border-color: var(--color-accent-muted);\n\n & .Box-header {\n background-color: var(--color-accent-subtle);\n border-color: var(--color-accent-muted);\n }\n\n & .Box-body {\n border-color: var(--color-accent-muted);\n }\n\n & .Box-row {\n border-color: var(--color-accent-muted);\n }\n\n & .Box-footer {\n border-color: var(--color-accent-muted);\n }\n}\n\n/ Applies and red border to the outside of the box,\n** but not to the border separating rows. /\n.Box--danger {\n border-color: var(--color-danger-emphasis);\n\n & .Box-row {\n &:first-of-type {\n border-color: var(--color-danger-emphasis);\n }\n }\n\n & .Box-body {\n &:last-of-type {\n border-color: var(--color-danger-emphasis);\n }\n }\n}\n\n.Box-header--blue {\n background-color: var(--color-accent-subtle);\n border-color: var(--color-accent-muted);\n}\n\n/ Box row highlight themes /\n\n.Box-row--yellow {\n background-color: var(--color-attention-subtle);\n}\n\n.Box-row--blue {\n background-color: var(--color-accent-subtle);\n}\n\n.Box-row--gray {\n background-color: var(--color-canvas-subtle);\n}\n\n/ Box with btn-octicon /\n.Box-btn-octicon {\n / Increase specificity when btn-octicon is used because comes after .Box in the cascade /\n &.btn-octicon {\n padding: var(--yattho-control-medium-paddingInline-spacious, 16px) var(--yattho-control-medium-paddingInline-spacious, 16px);\n margin: calc(var(--yattho-controlStack-small-gap-spacious, 16px) -1) calc(var(--yattho-controlStack-small-gap-spacious, 16px) * -1);\n line-height: 1.5; /* override btn-octicon line-height /\n }\n}","/ blankslate /\n\n.blankslate {\n position: relative;\n padding: var(--base-size-32, 32px);\n text-align: center;\n\n & p {\n color: var(--color-fg-muted);\n }\n\n & code {\n padding: 2px 5px 3px;\n font-size: var(--yattho-text-body-size-medium, 14px);\n background: var(--color-canvas-default);\n border: var(--yattho-borderWidth-thin, 1px) solid var(--color-border-muted);\n border-radius: var(--yattho-borderRadius-medium, 6px);\n }\n\n & img {\n width: 56px;\n height: 56px;\n }\n}\n\n.blankslate-icon {\n margin-right: var(--yattho-control-small-gap, 4px);\n margin-bottom: var(--yattho-stack-gap-condensed, 8px);\n margin-left: var(--yattho-control-small-gap, 4px);\n color: var(--color-fg-muted);\n}\n\n.blankslate-image {\n margin-bottom: var(--yattho-stack-gap-normal, 16px);\n}\n\n.blankslate-heading {\n margin-bottom: var(--base-size-4, 4px);\n}\n\n.blankslate-action {\n margin-top: var(--yattho-stack-gap-normal, 16px);\n\n &:first-of-type {\n margin-top: var(--yattho-stack-gap-spacious, 24px);\n }\n\n &:last-of-type {\n margin-bottom: var(--yattho-stack-gap-condensed, 8px);\n }\n}\n\n.blankslate-capped {\n border-radius: 0 0 var(--yattho-borderRadius-medium, 6px) var(--yattho-borderRadius-medium, 6px);\n}\n\n.blankslate-spacious {\n padding: var(--base-size-80, 80px) var(--base-size-40, 40px);\n}\n\n.blankslate-narrow {\n max-width: 485px;\n margin: 0 auto;\n}\n\n/ was .large-format\n** QUESTION: should we deprecate this? /\n.blankslate-large {\n & img {\n width: 80px;\n height: 80px;\n }\n\n & h3 {\n margin: var(--yattho-stack-gap-normal, 16px) 0;\n\n / font-size: $h3-size; // This doesn't actually make the text larger. Should this be $h2-size? /\n font-size: 24px;\n }\n\n & p {\n font-size: var(--yattho-text-body-size-large, 16px);\n }\n}\n\n/ was .clean-background\n** TO DO: deprecate this and use utility instead /\n.blankslate-clean-background {\n border: 0;\n}",".breadcrumb-item {\n display: inline-block;\n margin-left: -0.35em;\n white-space: nowrap;\n list-style: none;\n\n &::after {\n display: inline-block;\n height: 0.8em;\n margin: 0 0.5em;\n content: '';\n border-right: 0.1em solid var(--color-fg-muted);\n transform: rotate(15deg);\n }\n\n &:first-child {\n margin-left: 0;\n }\n}\n\n.breadcrumb-item-selected,\n.breadcrumb-item[aria-current]:not([aria-current='false']) {\n &::after {\n content: none;\n }\n}\n\n.breadcrumb-item-selected a {\n color: var(--color-fg-default);\n}","/ CSS for Button /\n\n/ temporary, pre primitives release /\n:root {\n --yattho-duration-fast: 80ms;\n --yattho-easing-easeInOut: cubic-bezier(0.65, 0, 0.35, 1);\n}\n\n/ base button /\n.Button {\n position: relative;\n font-size: var(--yattho-text-body-size-medium, 14px);\n font-weight: var(--base-text-weight-medium, 500);\n cursor: pointer;\n user-select: none;\n background-color: transparent;\n border: var(--yattho-borderWidth-thin, 1px) solid;\n border-color: transparent;\n border-radius: var(--yattho-borderRadius-medium, 6px);\n color: var(--color-btn-text);\n transition: var(--yattho-duration-fast) var(--yattho-easing-easeInOut);\n transition-property: color, fill, background-color, border-color;\n text-align: center;\n height: var(--yattho-control-medium-size, 32px);\n padding: 0 var(--yattho-control-medium-paddingInline-normal, 12px);\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n gap: var(--yattho-control-medium-gap, 8px);\n min-width: max-content;\n\n / mobile friendly sizing /\n @media (pointer: coarse) {\n &::before {\n @mixin minTouchTarget 48px, 48px;\n }\n }\n\n / base states /\n\n &:hover {\n transition-duration: var(--yattho-duration-fast);\n }\n\n &:active {\n transition: none;\n }\n\n &:disabled,\n &[aria-disabled='true'] {\n cursor: not-allowed;\n box-shadow: none;\n }\n}\n\n.Button-withTooltip {\n position: relative;\n display: inline-block;\n}\n\na.Button,\nsummary.Button {\n display: inline-flex;\n\n &:hover {\n text-decoration: none;\n }\n}\n\n/ wrap grid content to allow trailingAction to lock-right /\n.Button-content {\n flex: 1 0 auto;\n display: grid;\n grid-template-areas: 'leadingVisual text trailingVisual';\n grid-template-columns: min-content minmax(0, auto) min-content;\n align-items: center;\n place-content: center;\n\n / padding-bottom: 1px; optical alignment for firefox /\n\n & > :not(:last-child) {\n margin-right: var(--yattho-control-medium-gap, 8px);\n }\n}\n\n/ center child elements for fullWidth /\n.Button-content--alignStart {\n justify-content: start;\n}\n\n/ button child elements /\n\n/ align svg /\n.Button-visual {\n display: flex;\n pointer-events: none; / allow click handler to work, avoiding visuals /\n\n & .Counter {\n color: inherit;\n background-color: var(--color-btn-counter-bg);\n }\n}\n\n.Button-label {\n grid-area: text;\n white-space: nowrap;\n line-height: var(--yattho-text-body-lineHeight-medium, calc(20 / 14));\n}\n\n.Button-leadingVisual {\n grid-area: leadingVisual;\n}\n\n.Button-trailingVisual {\n grid-area: trailingVisual;\n}\n\n.Button-trailingAction {\n margin-right: calc(var(--base-size-4, 4px) -1);\n}\n\n/* sizes /\n\n.Button--small {\n font-size: var(--yattho-text-body-size-small, 12px);\n height: var(--yattho-control-small-size, 28px);\n padding: 0 var(--yattho-control-small-paddingInline-condensed, 8px);\n gap: var(--yattho-control-small-gap, 4px);\n\n & .Button-label {\n line-height: var(--yattho-text-body-lineHeight-small, calc(20 / 12));\n }\n\n & .Button-content {\n & > :not(:last-child) {\n margin-right: var(--yattho-control-small-gap, 4px);\n }\n }\n}\n\n.Button--large {\n height: var(--yattho-control-large-size, 40px);\n padding: 0 var(--yattho-control-large-paddingInline-spacious, 16px);\n gap: var(--yattho-control-large-gap, 8px);\n\n & .Button-label {\n line-height: var(--yattho-text-body-lineHeight-large, calc(48 / 32));\n }\n\n & .Button-content {\n & > :not(:last-child) {\n margin-right: var(--yattho-control-large-gap, 8px);\n }\n }\n}\n\n.Button--fullWidth {\n width: 100%;\n}\n\n/ variants /\n\n/ primary /\n.Button--primary {\n color: var(--color-btn-primary-text);\n fill: var(--color-btn-primary-icon);\n background-color: var(--color-btn-primary-bg);\n border-color: var(--color-btn-primary-border);\n box-shadow: var(--color-btn-primary-shadow), var(--color-btn-primary-inset-shadow);\n\n &:hover:not(:disabled) {\n background-color: var(--color-btn-primary-hover-bg);\n border-color: var(--color-btn-primary-hover-border);\n }\n\n / fallback :focus state /\n &:focus {\n @mixin focusOutlineOnEmphasis;\n\n / remove fallback :focus if :focus-visible is supported /\n &:not(:focus-visible) {\n outline: solid 1px transparent;\n box-shadow: none;\n }\n }\n\n / default focus state /\n &:focus-visible {\n @mixin focusOutlineOnEmphasis;\n }\n\n &:active:not(:disabled),\n &[aria-pressed='true'] {\n background-color: var(--color-btn-primary-selected-bg);\n box-shadow: var(--color-btn-primary-selected-shadow);\n }\n\n &:disabled,\n &[aria-disabled='true'] {\n color: var(--color-btn-primary-disabled-text);\n background-color: var(--color-btn-primary-disabled-bg);\n border-color: var(--color-btn-primary-disabled-border);\n fill: var(--color-btn-primary-disabled-text);\n }\n}\n\n/ default (secondary) /\n.Button--secondary {\n color: var(--color-btn-text);\n fill: var(--color-fg-muted); / help this /\n background-color: var(--color-btn-bg);\n border-color: var(--color-btn-border);\n box-shadow: var(--color-btn-shadow), var(--color-btn-inset-shadow);\n\n &:hover:not(:disabled) {\n background-color: var(--color-btn-hover-bg);\n border-color: var(--color-btn-hover-border);\n }\n\n &:active:not(:disabled) {\n background-color: var(--color-btn-active-bg);\n border-color: var(--color-btn-active-border);\n }\n\n &[aria-pressed='true'] {\n background-color: var(--color-btn-selected-bg);\n box-shadow: var(--color-yattho-shadow-inset);\n }\n\n &:disabled,\n &[aria-disabled='true'] {\n color: var(--color-yattho-fg-disabled);\n background-color: var(--color-btn-bg);\n border-color: var(--color-btn-border);\n fill: var(--color-yattho-fg-disabled);\n }\n}\n\n.Button--invisible {\n color: var(--color-btn-text);\n\n &:hover:not(:disabled) {\n background-color: var(--color-action-list-item-default-hover-bg);\n }\n\n &[aria-pressed='true'],\n &:active:not(:disabled) {\n background-color: var(--color-action-list-item-default-active-bg);\n }\n\n &:disabled,\n &[aria-disabled='true'] {\n color: var(--color-yattho-fg-disabled);\n background-color: var(--color-btn-bg);\n border-color: var(--color-btn-border);\n fill: var(--color-yattho-fg-disabled);\n }\n\n / if button has no visuals, use link blue for text /\n &.Button--invisible-noVisuals .Button-label {\n color: var(--color-accent-fg);\n }\n\n & .Button-visual {\n color: var(--color-fg-muted);\n }\n}\n\n.Button--link {\n color: var(--color-accent-fg);\n fill: var(--color-accent-fg);\n display: inline-block;\n font-size: inherit;\n border: none;\n height: unset;\n padding: 0;\n\n &:hover:not(:disabled) {\n text-decoration: underline;\n }\n\n &:focus-visible, &:focus {\n outline-offset: 2px;\n }\n\n &:disabled,\n &[aria-disabled='true'] {\n color: var(--color-yattho-fg-disabled);\n background-color: transparent;\n border-color: transparent;\n fill: var(--color-yattho-fg-disabled);\n }\n}\n\n/ danger /\n.Button--danger {\n color: var(--color-btn-danger-text);\n fill: var(--color-btn-danger-icon);\n background-color: var(--color-btn-bg);\n border-color: var(--color-btn-border);\n box-shadow: var(--color-btn-shadow), var(--color-btn-inset-shadow);\n\n &:hover:not(:disabled) {\n color: var(--color-btn-danger-hover-text);\n fill: var(--color-btn-danger-hover-text);\n background-color: var(--color-btn-danger-hover-bg);\n border-color: var(--color-btn-danger-hover-border);\n box-shadow: var(--color-btn-danger-hover-shadow), var(--color-btn-danger-hover-inset-shadow);\n }\n\n &:active:not(:disabled),\n &[aria-pressed='true'] {\n color: var(--color-btn-danger-selected-text);\n fill: var(--color-btn-danger-selected-text);\n background-color: var(--color-btn-danger-selected-bg);\n border-color: var(--color-btn-danger-selected-border);\n box-shadow: var(--color-btn-danger-selected-shadow);\n }\n\n &:disabled,\n &[aria-disabled='true'] {\n color: var(--color-btn-danger-disabled-text);\n fill: var(--color-btn-danger-disabled-text);\n background-color: var(--color-btn-danger-disabled-bg);\n border-color: var(--color-btn-border);\n }\n}\n\n\n.Button--iconOnly {\n display: grid;\n place-content: center;\n padding: unset;\n width: var(--yattho-control-medium-size, 32px);\n\n &.Button--small {\n width: var(--yattho-control-small-size, 28px);\n }\n\n &.Button--large {\n width: var(--yattho-control-large-size, 40px);\n }\n}","/ outline with fg box-shadow for buttons /\n@define-mixin focusOutlineOnEmphasis $outlineOffset: -2px, $outlineColor: var(--color-accent-fg) {\n outline: 2px solid $outlineColor;\n outline-offset: $outlineOffset;\n box-shadow: inset 0 0 0 3px var(--color-fg-on-emphasis);\n}","/ Counter /\n\n.Counter {\n display: inline-block;\n min-width: var(--base-size-20, 20px); / makes sure it's a circle with just one digit /\n padding: 0 6px;\n font-size: var(--yattho-text-body-size-small, 12px);\n font-weight: var(--base-text-weight-medium, 500);\n line-height: calc(var(--base-size-20, 20px) - var(--yattho-borderWidth-thin, 1px) 2); /* 20px - 2px for the borders /\n color: var(--color-fg-default);\n text-align: center;\n background-color: var(--color-neutral-muted);\n border: var(--yattho-borderWidth-thin, 1px) solid var(--color-counter-border);\n border-radius: 2em;\n\n &:empty {\n display: none;\n }\n\n / Is this selector used? could not find any use of it /\n & .octicon {\n vertical-align: text-top;\n opacity: 0.8;\n }\n}\n\n.Counter--primary {\n color: var(--color-fg-on-emphasis);\n background-color: var(--color-neutral-emphasis);\n}\n\n.Counter--secondary {\n color: var(--color-fg-muted);\n background-color: var(--color-neutral-subtle);\n}","/ flash /\n\n/ Default flash /\n.flash:not(.Banner) {\n position: relative;\n padding: var(--base-size-20, 20px) var(--yattho-control-medium-paddingInline-spacious, 16px);\n border-style: solid;\n border-width: var(--yattho-borderWidth-thin, 1px);\n border-radius: var(--yattho-borderRadius-medium, 6px);\n\n / Default color /\n color: var(--color-fg-default);\n background-image: linear-gradient(var(--color-accent-subtle), var(--color-accent-subtle));\n border-color: var(--color-accent-muted);\n\n & .octicon {\n color: var(--color-accent-fg);\n margin-right: var(--base-size-12, 12px);\n }\n\n & p:last-child {\n margin-bottom: 0;\n }\n}\n\n/ Contain the flash messages /\n.flash-messages {\n margin-bottom: var(--yattho-stack-gap-spacious, 24px);\n}\n\n/ Close button /\n.flash-close:not(.Banner-close) {\n float: right;\n padding: var(--yattho-control-medium-paddingInline-spacious, 16px);\n margin: calc(var(--yattho-control-medium-paddingInline-spacious, 16px) -1);\n text-align: center;\n cursor: pointer;\n\n /* Undo `<button>` styles /\n background: none;\n border: 0;\n appearance: none;\n\n &:hover {\n opacity: 0.7;\n }\n\n &:active {\n opacity: 0.5;\n }\n\n & .octicon {\n margin-right: 0;\n }\n}\n\n/ Action button /\n.flash-action:not(.Banner-actions) {\n float: right;\n margin-top: -3px;\n margin-left: var(--yattho-stack-gap-spacious, 24px);\n background-clip: padding-box;\n\n &.btn .octicon {\n margin-right: var(--yattho-control-small-gap, 4px);\n color: var(--color-fg-muted);\n }\n\n &.btn-primary {\n background-clip: border-box;\n\n & .octicon {\n color: inherit;\n }\n }\n}\n\n\n/ Color variations /\n\n.flash-warn:not(.Banner) {\n color: var(--color-fg-default);\n background-image: linear-gradient(var(--color-attention-subtle), var(--color-attention-subtle));\n border-color: var(--color-attention-muted);\n\n & .octicon {\n color: var(--color-attention-fg);\n }\n}\n\n.flash-error:not(.Banner) {\n color: var(--color-fg-default);\n background-image: linear-gradient(var(--color-danger-subtle), var(--color-danger-subtle));\n border-color: var(--color-danger-muted);\n\n & .octicon {\n color: var(--color-danger-fg);\n }\n}\n\n.flash-success:not(.Banner) {\n color: var(--color-fg-default);\n background-image: linear-gradient(var(--color-success-subtle), var(--color-success-subtle));\n border-color: var(--color-success-muted);\n\n & .octicon {\n color: var(--color-success-fg);\n }\n}\n\n/ Layout variations /\n\n.flash-full:not(.Banner) {\n margin-top: calc(var(--yattho-borderWidth-thin, 1px) -1);\n border-width: var(--yattho-borderWidth-thin, 1px) 0;\n border-radius: 0;\n}\n\n/* A banner rendered at the top of the page. /\n.flash-banner {\n position: fixed;\n top: 0;\n z-index: 90;\n width: 100%;\n border-top: 0;\n border-right: 0;\n border-left: 0;\n border-radius: 0;\n}\n\n/ Makes sure the background is opaque to cover any content underneath /\n.flash-full,\n.flash-banner {\n background-color: var(--color-canvas-default);\n}\n\n/ FIXME deprecate this /\n.warning {\n padding: 0.5em;\n margin-bottom: 0.8em;\n font-weight: var(--base-text-weight-semibold, 600);\n background-color: var(--color-attention-subtle);\n}","/ Labels /\n\n/ Provide a wrapper to ensure labels stick together /\n.labels {\n position: relative;\n}\n\n/ Default 20px /\n\n.label, / TODO: Deprecate /\n.Label {\n display: inline-block;\n padding: 0 7px;\n font-size: var(--yattho-text-body-size-small, 12px);\n font-weight: var(--base-text-weight-medium, 500);\n line-height: 18px;\n white-space: nowrap;\n border: var(--yattho-borderWidth-thin, 1px) solid var(--color-border-default);\n border-radius: 2em;\n\n &:hover {\n text-decoration: none;\n }\n}\n\n/ Large 24px /\n\n.Label--large {\n padding-right: 10px;\n padding-left: 10px;\n line-height: 22px;\n}\n\n/ Inline /\n\n/ Doesn't increase height of parent element\n** Can be used with different font-sizes /\n.Label--inline {\n display: inline;\n padding: 0.12em 0.5em;\n font-size: 85%;\n}\n\n/ Contrast /\n\n.Label--primary {\n color: var(--color-fg-default);\n border-color: var(--color-neutral-emphasis);\n}\n\n.Label--secondary {\n color: var(--color-fg-muted);\n border-color: var(--color-border-default);\n}\n\n/ Colors /\n\n.Label--info, / TODO: deprecate /\n.Label--accent {\n color: var(--color-accent-fg);\n border-color: var(--color-accent-emphasis);\n}\n\n.Label--success {\n color: var(--color-success-fg);\n border-color: var(--color-success-emphasis);\n}\n\n.Label--warning, / TODO: deprecate /\n.Label--attention {\n color: var(--color-attention-fg);\n border-color: var(--color-attention-emphasis);\n}\n\n.Label--severe {\n color: var(--color-severe-fg);\n border-color: var(--color-severe-emphasis);\n}\n\n.Label--danger {\n color: var(--color-danger-fg);\n border-color: var(--color-danger-emphasis);\n}\n\n.Label--open {\n color: var(--color-open-fg);\n border-color: var(--color-open-emphasis);\n}\n\n.Label--closed {\n color: var(--color-closed-fg);\n border-color: var(--color-closed-emphasis);\n}\n\n.Label--done {\n color: var(--color-done-fg);\n border-color: var(--color-done-emphasis);\n}\n\n.Label--sponsors {\n color: var(--color-sponsors-fg);\n border-color: var(--color-sponsors-emphasis);\n}","/ Links /\n\n.Link {\n color: var(--color-accent-fg);\n\n &:hover {\n text-decoration: underline;\n cursor: pointer;\n }\n\n &:focus,\n &:focus-visible {\n outline-offset: 0;\n }\n}\n\n.Link--primary {\n color: var(--color-fg-default) !important;\n\n &:hover {\n color: var(--color-accent-fg) !important;\n }\n}\n\n.Link--secondary {\n color: var(--color-fg-muted) !important;\n\n &:hover {\n color: var(--color-accent-fg) !important;\n }\n}\n\n.Link--muted {\n color: var(--color-fg-muted) !important;\n\n &:hover {\n color: var(--color-accent-fg) !important;\n text-decoration: none;\n }\n}\n\n/ Set the link color only on hover\n Useful when you want only part of a link to turn blue on hover /\n.Link--onHover {\n &:hover {\n color: var(--color-accent-fg) !important;\n text-decoration: underline;\n cursor: pointer;\n }\n}\n\n/ When using a color utility class inside of a link class\n color should change with link on hover. /\n.Link--secondary,\n.Link--primary,\n.Link--muted {\n &:hover [class='color-fg'] {\n color: inherit !important;\n }\n}","/* Popover /\n\n.Popover {\n position: absolute;\n z-index: 100;\n}\n\n.Popover-message {\n position: relative;\n width: 232px;\n margin-right: auto;\n margin-left: auto;\n background-color: var(--color-canvas-overlay);\n border: var(--yattho-borderWidth-thin, 1px) solid var(--color-border-default);\n border-radius: var(--yattho-borderRadius-medium, 6px);\n\n / Carets /\n &::before,\n &::after {\n position: absolute;\n left: 50%;\n display: inline-block;\n content: '';\n }\n\n &::before {\n top: -16px;\n margin-left: -9px;\n border: 8px solid transparent;\n border-bottom-color: var(--color-border-default);\n }\n\n &::after {\n top: -14px;\n margin-left: -8px;\n border: 7px solid transparent;\n border-bottom-color: var(--color-canvas-overlay);\n }\n}\n\n/ No caret /\n.Popover-message--no-caret {\n &::before,\n &::after {\n display: none;\n }\n}\n\n/ Bottom-oriented carets /\n.Popover-message--bottom,\n.Popover-message--bottom-right,\n.Popover-message--bottom-left {\n &::before,\n &::after {\n top: auto;\n border-bottom-color: transparent;\n }\n\n &::before {\n bottom: -16px;\n border-top-color: var(--color-border-default);\n }\n\n &::after {\n bottom: -14px;\n border-top-color: var(--color-canvas-overlay);\n }\n}\n\n/ Top and Bottom: Right-oriented carets /\n.Popover-message--top-right,\n.Popover-message--bottom-right {\n right: -9px;\n margin-right: 0;\n\n &::before,\n &::after {\n left: auto;\n margin-left: 0;\n }\n\n &::before {\n right: 20px;\n }\n\n &::after {\n right: 21px;\n }\n}\n\n/ Top and Bottom: Left-oriented carets /\n.Popover-message--top-left,\n.Popover-message--bottom-left {\n left: -9px;\n margin-left: 0;\n\n &::before,\n &::after {\n left: 24px;\n margin-left: 0;\n }\n\n &::after {\n left: 25px;\n }\n}\n\n/ Right- and Left-oriented carets /\n.Popover-message--right,\n.Popover-message--right-top,\n.Popover-message--right-bottom,\n.Popover-message--left,\n.Popover-message--left-top,\n.Popover-message--left-bottom {\n &::before,\n &::after {\n top: 50%;\n left: auto;\n margin-left: 0;\n border-bottom-color: transparent;\n }\n\n &::before {\n margin-top: -9px;\n }\n\n &::after {\n margin-top: -8px;\n }\n}\n\n/ Right-oriented carets /\n.Popover-message--right,\n.Popover-message--right-top,\n.Popover-message--right-bottom {\n &::before {\n right: -16px;\n border-left-color: var(--color-border-default);\n }\n\n &::after {\n right: -14px;\n border-left-color: var(--color-canvas-overlay);\n }\n}\n\n/ Left-oriented carets /\n.Popover-message--left,\n.Popover-message--left-top,\n.Popover-message--left-bottom {\n &::before {\n left: -16px;\n border-right-color: var(--color-border-default);\n }\n\n &::after {\n left: -14px;\n border-right-color: var(--color-canvas-overlay);\n }\n}\n\n/ Right and Left: Top-oriented carets /\n.Popover-message--right-top,\n.Popover-message--left-top {\n &::before,\n &::after {\n top: 24px;\n }\n}\n\n/ Right and Left: Bottom-oriented carets /\n.Popover-message--right-bottom,\n.Popover-message--left-bottom {\n &::before,\n &::after {\n top: auto;\n }\n\n &::before {\n bottom: 16px;\n }\n\n &::after {\n bottom: 17px;\n }\n}\n\n@media (min-width: 544px) {\n .Popover-message--large {\n min-width: 320px;\n }\n}\n\n/ Responsive Popover\n** For < md it will show full-width anchored to the bottom /\n\n@media (max-width: 767.98px) {\n .Popover {\n position: fixed;\n top: auto !important;\n right: 0 !important;\n bottom: 0 !important;\n left: 0 !important;\n }\n\n .Popover-message {\n top: auto;\n right: auto;\n bottom: auto;\n left: auto;\n width: auto !important;\n margin: var(--yattho-stack-gap-condensed, 8px);\n }\n\n / Increase tap area for touch input /\n .Popover-message > .btn-octicon {\n padding: var(--yattho-control-medium-paddingInline-normal, 12px) !important;\n }\n\n / Remove caret /\n .Popover-message::after,\n .Popover-message::before {\n display: none;\n }\n}","/ Progress /\n\n.Progress {\n display: flex;\n height: 8px;\n overflow: hidden;\n background-color: var(--color-neutral-muted);\n border-radius: 6px;\n outline: 1px solid transparent; / Support Firefox custom colors /\n}\n\n.Progress--large {\n height: 10px;\n}\n\n.Progress--small {\n height: 5px;\n}\n\n.Progress-item {\n outline: 2px solid transparent; / Support Firefox custom colors /\n}\n\n.Progress-item + .Progress-item {\n margin-left: 2px;\n}","/ State /\n\n/ Default 32px /\n\n.state, / TODO: Deprecate /\n.State {\n display: inline-block;\n padding: 5px var(--yattho-control-medium-paddingInline-normal, 12px);\n font-size: var(--yattho-text-body-size-medium, 14px);\n font-weight: var(--base-text-weight-medium, 500);\n line-height: var(--yattho-control-medium-lineBoxHeight, 20px);\n text-align: center;\n white-space: nowrap;\n border-radius: 2em;\n}\n\n.state, / TODO: Deprecate /\n.State,\n.State--draft {\n color: var(--color-fg-on-emphasis);\n background-color: var(--color-neutral-emphasis);\n border: var(--yattho-borderWidth-thin, 1px) solid transparent;\n}\n\n.State--open {\n color: var(--color-fg-on-emphasis);\n background-color: var(--color-open-emphasis);\n}\n\n.State--merged {\n color: var(--color-fg-on-emphasis);\n background-color: var(--color-done-emphasis);\n}\n\n.State--closed {\n color: var(--color-fg-on-emphasis);\n background-color: var(--color-closed-emphasis);\n}\n\n/ Small 24px /\n\n.State--small {\n padding: 0 10px;\n font-size: var(--yattho-text-body-size-small, 12px);\n line-height: var(--base-size-24, 24px);\n\n & .octicon {\n width: 1em; / Ensures different icons don't change State indicator width /\n }\n}","/ Subhead /\n\n.Subhead {\n display: flex;\n padding-bottom: var(--yattho-stack-padding-condensed, 8px);\n margin-bottom: var(--yattho-stack-gap-normal, 16px);\n border-bottom: var(--yattho-borderWidth-thin, 1px) solid var(--color-border-muted);\n flex-flow: row wrap;\n justify-content: flex-end; / Keep actions right aligned. /\n}\n\n/ Modifier class to give a lot of breathing room between sections of content. /\n.Subhead--spacious {\n margin-top: var(--base-size-40, 40px);\n}\n\n/ <h2> sized heading with normal font weight /\n.Subhead-heading {\n font-size: 24px;\n font-weight: var(--base-text-weight-normal, 400);\n flex: 1 1 auto;\n order: 0;\n}\n\n/ Make the text bold and red for dangerous content /\n.Subhead-heading--danger {\n font-weight: var(--base-text-weight-semibold, 600);\n color: var(--color-danger-fg);\n}\n\n/ One-liner of supporting text /\n.Subhead-description {\n font-size: var(--yattho-text-body-size-medium, 14px);\n color: var(--color-fg-muted);\n flex: 1 100%;\n order: 2;\n}\n\n/ Add 1 or 2 buttons to the right of the heading /\n.Subhead-actions {\n margin: var(--base-size-4, 4px) 0 var(--base-size-4, 4px) var(--base-size-4, 4px);\n align-self: center;\n justify-content: flex-end;\n order: 1;\n\n & + .Subhead-description {\n margin-top: var(--base-size-4, 4px);\n }\n}","/ Truncate /\n\n.Truncate {\n display: inline-flex;\n min-width: 0;\n max-width: 100%;\n\n & > .Truncate-text {\n min-width: 1ch;\n max-width: fit-content;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n\n & + .Truncate-text {\n margin-left: var(--yattho-control-small-gap, 4px);\n }\n\n &.Truncate-text--primary {\n flex-basis: 200%;\n }\n\n &.Truncate-text--expandable:hover,\n &.Truncate-text--expandable:focus,\n &.Truncate-text--expandable:active {\n max-width: 100% !important;\n flex-shrink: 0;\n cursor: pointer;\n }\n }\n}","/ TimelineItem /\n\n.TimelineItem {\n position: relative;\n display: flex;\n padding: var(--yattho-stack-padding-normal, 16px) 0;\n margin-left: var(--yattho-stack-gap-normal, 16px);\n\n / The Timeline /\n &::before {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n display: block;\n width: var(--yattho-borderWidth-thick, 2px);\n content: '';\n background-color: var(--color-border-muted);\n }\n\n &:target .TimelineItem-badge {\n border-color: var(--color-accent-emphasis);\n box-shadow: 0 0 0.2em var(--color-accent-muted);\n }\n}\n\n.TimelineItem-badge {\n position: relative;\n z-index: 1;\n display: flex;\n width: var(--yattho-control-medium-size, 32px);\n height: var(--yattho-control-medium-size, 32px);\n margin-right: var(--yattho-controlStack-medium-gap-condensed, 8px);\n margin-left: calc(var(--yattho-control-medium-size, 32px) / -2 + 1px);\n color: var(--color-fg-muted);\n align-items: center;\n background-color: var(--color-timeline-badge-bg);\n border: var(--yattho-borderWidth-thick, 2px) solid var(--color-canvas-default);\n border-radius: 50%;\n justify-content: center;\n flex-shrink: 0;\n}\n\n.TimelineItem-badge--success {\n color: var(--color-fg-on-emphasis);\n background-color: var(--color-success-emphasis);\n border: var(--yattho-borderWidth-thin, 1px) solid transparent;\n}\n\n.TimelineItem-body {\n min-width: 0;\n max-width: 100%;\n margin-top: var(--base-size-4, 4px);\n color: var(--color-fg-muted);\n flex: auto;\n}\n\n.TimelineItem-avatar {\n position: absolute;\n left: -72px;\n z-index: 1;\n}\n\n.TimelineItem-break {\n position: relative;\n z-index: 1;\n height: var(--yattho-stack-gap-spacious, 24px);\n margin: 0;\n margin-bottom: calc(var(--yattho-stack-gap-normal, 16px) -1);\n margin-left: -56px;\n background-color: var(--color-canvas-default);\n border: 0;\n border-top: var(--yattho-borderWidth-thicker, 4px) solid var(--color-border-default);\n}\n\n.TimelineItem--condensed {\n padding-top: var(--base-size-4, 4px);\n padding-bottom: 0;\n\n /* TimelineItem--condensed is often grouped. (commits) /\n &:last-child {\n padding-bottom: var(--yattho-stack-gap-normal, 16px);\n }\n\n & .TimelineItem-badge {\n height: var(--base-size-16, 16px);\n margin-top: var(--base-size-8, 8px);\n margin-bottom: var(--base-size-8, 8px);\n color: var(--color-fg-muted);\n background-color: var(--color-canvas-default);\n border: 0;\n }\n}","/ CSS truncate /\n\n/ css-truncate will shorten text with an ellipsis. /\n\n.css-truncate {\n / css-truncate-overflow will shorten text with an ellipsis when overflowing /\n &.css-truncate-overflow,\n & .css-truncate-overflow,\n &.css-truncate-target,\n & .css-truncate-target {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n / css-truncate-target will shorten text with an ellipsis and a max width */\n &.css-truncate-target,\n & .css-truncate-target {\n display: inline-block;\n max-width: 125px;\n vertical-align: top;\n }\n\n &.expandable.zeroclipboard-is-hover .css-truncate-target,\n &.expandable.zeroclipboard-is-hover.css-truncate-target,\n &.expandable:hover .css-truncate-target,\n &.expandable:hover.css-truncate-target {\n max-width: 10000px !important;\n }\n}"]}