.actionSheet { -webkit-flex-direction: column; flex-direction: column; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; padding: 0; border: none; max-height: 84%; min-width: 30ch; max-width: 90%; will-change: transform; } .actionSheet-virtualscroll { max-height: 70vh; max-height: min(30em, 70vh); min-height: 20em; } .actionSheet-focusscale { contain: style; } .actionsheet-centered { text-align: center; -webkit-align-items: center; align-items: center; } .actionSheetMenuItem { font-weight: inherit; box-shadow: none; -webkit-flex-shrink: 0; flex-shrink: 0; } .actionSheetMenuItem-iconright .listItem-content, .actionSheetMenuItem-iconright.actionSheetMenuItem-tv { -webkit-flex-direction: row-reverse; flex-direction: row-reverse; } .actionSheetMenuItem-focusscale:focus { -webkit-transform: scale(1.08) !important; transform: scale(1.08) !important; } .actionSheetMenuItem-nofocusscale:focus { -webkit-transform: none !important; transform: none !important; } .actionSheetMenuItem:last-child .listItem-border { margin-bottom: 0 !important; } .actionSheetMenuItem:last-child .listItem-border::after { display: none !important; } .actionsheetListItemBody { padding-top: 0.72em !important; padding-bottom: 0.72em !important; -webkit-padding-start: 0.6em !important; padding-inline-start: 0.6em !important; -webkit-padding-end: 1em !important; padding-inline-end: 1em !important; min-height: initial !important; } .actionsheetListItemBody:active { color: hsl( var(--theme-primary-color-hue), var(--theme-primary-color-saturation), var(--theme-primary-color-lightness) ) !important; } .actionsheetListItemBody-multiple { min-height: initial !important; padding-top: 0.6em !important; padding-bottom: 0.6em !important; } .actionsheetListItemBody-iconright { -webkit-padding-start: 1em !important; padding-inline-start: 1em !important; -webkit-padding-end: 2em !important; padding-inline-end: 2em !important; min-width: 8em; } .actionSheetScroller-padded .actionsheetListItemBody-iconright { -webkit-padding-start: 0.25em !important; padding-inline-start: 0.25em !important; -webkit-padding-end: 1em !important; padding-inline-end: 1em !important; } .actionSheetItemText { vertical-align: middle; -webkit-flex-grow: 1; flex-grow: 1; -webkit-justify-content: flex-start; justify-content: flex-start; } .actionSheetItemAsideText { font-size: 90%; display: -webkit-flex; display: flex; -webkit-justify-content: flex-end; justify-content: flex-end; -webkit-flex-shrink: 0; flex-shrink: 0; -webkit-margin-start: 5ch; margin-inline-start: 5ch; -webkit-margin-end: 0.5em; margin-inline-end: 0.5em; } .actionSheetItemAsideIcon { -webkit-margin-end: 1em; margin-inline-end: 1em; font-size: 160%; } .actionSheetScroller { margin-bottom: 0 !important; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; width: 100%; box-sizing: border-box; } .actionSheetScroller-padded { padding: 0.5em 1.1em; } @media not all and (pointer: fine) { .actionSheetScroller-padded { padding: 0.5em 0; } .actionSheetScroller-padded .listItem-content { -webkit-padding-start: 1em !important; padding-inline-start: 1em !important; -webkit-padding-end: 1em !important; padding-inline-end: 1em !important; } .actionSheetScroller-padded .actionSheetMenuItem-noicon .listItem-content { -webkit-padding-start: 0.5em !important; padding-inline-start: 0.5em !important; -webkit-padding-end: 0.5em !important; padding-inline-end: 0.5em !important; } } .actionSheetScroller-fullscreen { max-height: 74%; max-width: 64%; width: auto; } .actionSheetScroller-fullscreen-virtual { max-width: initial; width: 60ch; width: min(64%, 60ch); } .actionSheetScroller-focusscale { margin: -0.5em -1em; padding: 0.5em 1em; box-sizing: content-box; } .actionsheetScrollSlider { container-type: initial !important; container-name: initial !important; } .actionsheetScrollSlider-bottompadded { padding-bottom: 0.35em; } .btnCloseActionSheet-bottom-tv { width: 84% !important; margin: 1.5em 0 0 !important; } @media all and (pointer: fine) { .btnCloseActionSheet-multiple:not(.btnCloseActionSheet-bottom-tv) { display: none !important; } } .actionsheet-scrollSlider-multiple { padding: 0.5em 0.25em; } .actionsheet-scrollSlider-multiple-tv { padding: 0.5em 1em; } .actionSheetTitle { padding: 0 0.8em; -webkit-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; flex-shrink: 0; text-align: center; } @media all and (min-width: 50em) and (min-height: 50em) { .actionSheetTitle-hideNonFullscreen { display: none !important; } } @media all and (min-width: 37em) and (min-height: 37em) { .btnCloseActionSheet-hideNonFullscreen { display: none !important; } } .actionSheetText { padding: 0 1.15em; -webkit-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; flex-shrink: 0; } .actionSheetBottomText { padding: 1em; -webkit-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; flex-shrink: 0; text-align: start; font-size: 90%; max-width: 60em; } .actionSheetItemImageContainer { content-visibility: initial !important; contain: style !important; } .actionSheetItemImageContainer-transparent { background: 0 0 !important; } .actionSheetItemImageContainer-customsize { height: 2em !important; aspect-ratio: initial !important; } .actionSheetItemImageContainer-customwidth:not(.d) { width: 3.99em !important; } .actionsheetMenuItemIcon { margin-top: 0 !important; margin-bottom: 0 !important; -webkit-margin-start: 0 !important; margin-inline-start: 0 !important; -webkit-margin-end: 0 !important; margin-inline-end: 0 !important; padding: 0 !important; } @media all and (pointer: fine) { .actionSheet-smallfont { font-size: 91% !important; } } .actionsheetItemPreviewContent { padding-top: 0.5em; padding-bottom: 0.5em; -webkit-padding-start: 1em; padding-inline-start: 1em; -webkit-padding-end: 2.1em; padding-inline-end: 2.1em; margin: 0 -1em; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: center; justify-content: center; font-size: 92%; -webkit-flex-grow: 1; flex-grow: 1; text-align: start; max-width: 15em; } @media not all and (min-height: 37em), not all and (min-width: 25em) { .actionsheetItemPreviewContent { max-width: initial; } .actionSheet-automobile { position: initial !important; top: initial !important; left: inherit !important; inset-inline-start: inherit !important; inset-inline-end: initial !important; width: 80% !important; margin: 0 !important; max-height: 72% !important; min-width: initial !important; height: auto !important; } } .btnCloseActionSheet-tv { position: fixed; top: 0.75em; left: 0.5em; inset-inline-start: 0.5em; inset-inline-end: initial !important; } .btnCloseActionSheet-default { margin: 1em 0 !important; width: auto !important; -webkit-flex-grow: 1; flex-grow: 1; -webkit-flex-shrink: 0; flex-shrink: 0; } .actionSheet-bottom { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; padding: 0 1.5em; } @media (hover: hover) and (pointer: fine) { .actionSheetMenuItem-hiddenfinepointer { display: none !important; } } .actionsheetItemPreview { padding-top: 0.5em; } .actionsheetItemPreviewImage-bg { margin-top: 0.5em; margin-bottom: 0.5em; -webkit-margin-start: 1.1em; margin-inline-start: 1.1em; -webkit-margin-end: 1em; margin-inline-end: 1em; height: 4.8em; border-radius: 0.42em; background-position: center center; background-size: contain; background-repeat: no-repeat; -webkit-flex-shrink: 0; flex-shrink: 0; -webkit-align-self: center; align-self: center; } .actionsheetItemPreviewImage-bg-backdrop { height: 2.7em; width: 4.8em; } .actionsheetItemPreviewImage-bg-fourThree { height: 3.6em; width: 4.8em; } .actionsheetItemPreviewImage-bg-portrait { width: 3.2em; } .actionsheetItemPreviewImage-bg-square { width: 4.8em; } @supports (aspect-ratio: 2 / 3) { .actionsheetItemPreviewImage-bg-backdrop { width: auto; } .actionsheetItemPreviewImage-bg-portrait { width: auto; } .actionsheetItemPreviewImage-bg-square { width: auto; } .actionsheetItemPreviewImage-bg-fourThree { width: auto; } } .actionsheetItemPreviewImage-iconcontainer { margin-top: 0.5em; margin-bottom: 0.5em; -webkit-margin-start: 1.1em; margin-inline-start: 1.1em; -webkit-margin-end: 0.9em; margin-inline-end: 0.9em; padding: 0.7em; border-radius: 0.42em; background: rgba(120, 120, 120, 0.3); -webkit-flex-shrink: 0; flex-shrink: 0; } .actionsheetItemPreviewImage-icon { height: 1em; width: 1em; font-size: 2.4em; } .actionsheetItemPreviewText { overflow: hidden; text-overflow: ellipsis; margin: 0 -1em !important; padding: 0 1em !important; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .actionsheetItemPreviewText-main { -webkit-flex-wrap: nowrap; flex-wrap: nowrap; } .actionsheetPreviewTextItem { max-width: 100%; max-width: min(100%, 60ch); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .actionsheetItemPreviewText:focus-within { overflow: visible; } .actionsheetItemPreviewText:not(.secondaryText) { font-weight: 600; } .actionsheetItemPreviewImage-round { border-radius: 100em; } .icon_circle_strike { position: relative; border: 0.12em solid currentcolor; border-radius: 100em; font-size: 140% !important; } .icon_circle_strike::after { position: absolute; left: 0; right: 0; inset-inline-start: 0; inset-inline-end: 0; content: " "; width: 200%; height: 0.14em; background: currentcolor; -webkit-transform: rotateZ(40deg); transform: rotateZ(40deg); -webkit-transform-origin: left top; transform-origin: left top; }