Favoreats
Favoreats LLC
GET — On the App Store
INGREDIENTS
1 can
use of this source code is governed by a license that be
1 serving
found in the license file
1 serving
don't use the main frame div when the error is in a subframe
1 serving
don't use the subframe error div when the error is in a main frame
1 ml
sub-frame-error {
1 serving
word-wrap: break-word
1 serving
can't access chrome://theme/idr_error_network_generic from an untrusted
1 serving
renderer process
600
color: var
1 serving
single-suggestion {
1 serving
use-popup-container#error-information-popup-container
1 serving
use-popup-container#error-information-popup-container
1 container
use-popup #error-information-popup-container #suggestions-list ul {
1 serving
use-popup-container#error-information-popup-container
1 container
use-popup #error-information-popup-container div.error-code {
1 container
use-popup #error-information-popup-container #suggestions-list p {
244
color: rgb
1 serving
sub-frame-error-details {
1 serving
color: #8f8f8f
1 serving
overflow-wrap: break-word
696969
color
1 serving
bottom: 24px
1 serving
color: #fff
777
color
1 serving
decrease padding at low sizes
1 serving
color: #bbb
1 serving
border: 1px solid
700
color: var
244
color: rgb
1 serving
and
1 serving
is a little greater than the maximum height the list will have
1 serving
when the actual height is smaller then the animation is not as smooth
1 serving
based on the same screen size based strategy used
36
color: rgb
224
border: 1px solid rgb
104
color: rgb
1 serving
overflow-wrap: break-word
1 serving
button when the offline content list is expanded/shown
1 serving
controls the animation of the launch-downloads-home action button when the
300
border: 1px solid var
700
color: var
1 serving
sub-frame-error {
1 serving
sub-frame-error:hover {
1 serving
sub-frame-error .icon-generic {
1 serving
sub-frame-error-details {
1 serving
sub-frame-error:hover #sub-frame-error-details {
1 serving
see if overflow: no-display works better
1 serving
sub-frame-error-details {
1 serving
sub-frame-error .icon-generic {
1 serving
download-button shows both icon and text
255
color: rgb
1 serving
clear: both
1 serving
display: block
1 ml
ht [dir='rtl'] .runner-container
1
transition: filter .5s cubic-bezier
1 serving
will-change: filter
1 serving
filter: invert
1 container
offline .runner {
1 serving
top: 35px
1 serving
offline .runner-container:focus {
1 serving
offline .runner-container:focus-visible {
300
outline: 3px solid var
1 serving
offline .runner-canvas {
1 serving
top: 60px
1 serving
display: block
1
transition: color .5s cubic-bezier
1 serving
display: block
1
transition: all 00ms cubic-bezier
1 serving
top
213
outline: 1px solid rgb
1 serving
media and
1 serving
media and {
1 container
offline .runner {
1 serving
top: 8px
1 serving
media and {
1 serving
media and {
1 container
offline .runner {
1 serving
top: 10px
1 serving
button {
1 serving
button {
1 serving
arcade-mode .runner-container
1 serving
arcade-mode .runner-canvas {
1 container
arcade-mode .runner {
1 serving
transform-origin: top center
1 serving
filter: invert
1 serving
offline .runner-canvas {
1 serving
filter: invert
1 serving
filter: invert
1 serving
color: #fff
3/5
filter: invert
100
color: var
2013
copyright the chromium authors
1 ml
ht [subframe] #main-frame-error {
1 serving
display: none
1 serving
}
1 serving
display: none
1 serving
}
1
h {
-1 ? SOLID margin-top: 0; margin-top 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1
h span {
500
1 serving
}
1 serving
{
1 serving
text-decoration: none
1 serving
}
1 serving
icon {
1 serving
webkit-user-select: none
1 serving
display: inline-block
1 serving
}
1 serving
icon-generic {
1 serving
content: -webkit-image-set
1 serving
}
1 serving
icon-info {
1 serving
content: -webkit-image-set
1 serving
}
1 serving
icon-offline {
1 serving
content: -webkit-image-set
1 serving
position: relative
1 serving
}
1 serving
icon-disabled {
1 serving
content: -webkit-image-set
1 serving
width: 112px
1 serving
}
1 serving
hidden {
1 serving
display: none
1 serving
}
1 serving
suggestions-list a {
1 serving
}
1 serving
suggestions-list p {
-1 ? SOLID margin-block-end: 0; margin-block-end 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
suggestions-list ul {
-1 ? SOLID margin-top: 0; margin-top 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
list-style-type: none
-1 ? SOLID padding-inline-start: 0; padding-inline-start 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
error-information-button {
1 serving
height: 24px
1 serving
vertical-align: -.15em
1 serving
width: 24px
1 serving
}
1 serving
error-information-popup {
1 serving
align-items: center
1 serving
background-color: var)
1 serving
display: flex
1 serving
height
-1 ? SOLID left: 0; left 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
position: fixed
-1 ? SOLID top: 0; top 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
width
100
1 serving
}
1 serving
error-information-popup-content > p {
1 serving
margin-bottom: 11px
1 serving
margin-inline-start: 20px
1 serving
}
1 serving
margin-inline-start: 15px
1 serving
}
1 box
error-information-popup {
1 serving
background-color: var)
1 serving
left
1 serving
padding-bottom: 15px
1 serving
padding-top: 15px
1 serving
position: fixed
1 serving
width
101
1 serving
}
1 serving
margin-inline-start: 20px
1 serving
}
1 serving
margin-inline-start: 20px
1 serving
}
1 container
not
1 serving
error-information-popup-close {
1 serving
display: none
1 serving
}
1 serving
error-information-popup-close {
-1 ? SOLID margin-bottom: 0; margin-bottom 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
margin-inline-end: 35px
1 serving
margin-top: 15px
1 serving
text-align: end
1 serving
}
1 serving
link-button {
1 serving
display: inline-block
1 serving
font-weight: bold
1 serving
text-transform: uppercase
1 serving
}
1 serving
not done on mobile
text-shadow: 0 1px 0 rgba
1 serving
}
1 serving
[jscontent=hostname]
1 serving
[jscontent=failedurl] {
1 serving
}
1 serving
secondary-button {
1 serving
background: #d9d9d9
1 serving
margin-inline-end: 16px
1 serving
}
1 serving
snackbar {
323232
background
1 serving
border-radius: 2px
1 serving
box-sizing: border-box
font-size: 87em
1 serving
left: 24px
1 serving
max-width: 568px
1 serving
min-width: 288px
-1 ? SOLID opacity: 0; opacity 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
padding: 16px 24px 12px
1 serving
position: fixed
1 serving
transform: translatey)
1 serving
will-change: opacity
999
1 serving
}
1 serving
snackbar-show {
show-snackbar 250ms cubic-bezier forwards
hide-snackbar 250ms cubic-bezier forwards 5s
1 serving
}
1 serving
webkit-keyframes show-snackbar {
1 serving
{
1
1 serving
transform: translatey
1 serving
}
1 serving
}
1 serving
webkit-keyframes hide-snackbar {
1 serving
{
1
1 serving
transform: translatey
1 serving
}
1 serving
{
-1 ? SOLID opacity: 0; opacity 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
transform: translatey)
1 serving
}
1 serving
}
1 serving
suggestions {
1 serving
margin-top: 18px
1 serving
}
1 serving
suggestion-header {
1 serving
font-weight: bold
1 serving
margin-bottom: 4px
1 serving
}
1 serving
suggestion-body {
1 serving
}
1 serving
media
1
h {
margin: 15px
1 serving
}
1 serving
suggestions {
1 serving
margin-top: 10px
1 serving
}
1 serving
suggestion-header {
-1 ? SOLID margin-bottom: 0; margin-bottom 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
}
1 serving
download-link
1 serving
download-link-clicked {
1 serving
margin-bottom: 30px
1 serving
margin-top: 30px
1 serving
}
1 serving
download-link-clicked {
1 serving
}
1 serving
download-link::before
1 serving
download-link-clicked::before {
1 serving
display: inline-block
1 serving
margin-inline-end: 4px
1 serving
vertical-align: -webkit-baseline-middle
1 serving
}
1 serving
download-link-clicked::before {
-1 ? SOLID opacity: 0; opacity 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
-1 ? SOLID width: 0; width 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
offline-content-list-visibility-card {
1 serving
border-radius: 8px
1 serving
display: flex
font-size: 8em
1 serving
justify-content: space-between
1
1 serving
}
1 serving
offline-content-list.list-hidden #offline-content-list-visibility-card {
224
border-color: rgb
1 serving
}
1 serving
offline-content-list-visibility-card > div {
1 serving
padding: 1em
1 serving
}
1 serving
offline-content-list-title {
1 serving
}
1 serving
offline-content-list-show-text
1 serving
offline-content-list-hide-text {
1 serving
}
1 serving
hides the "hide" text div when the offline content list is collapsed/hidden
1 serving
is expanded/shown
1 serving
offline-content-list.list-hidden #offline-content-list-hide-text
offline-content-list:not #offline-content-list-show-text {
1 serving
display: none
1 serving
}
1 serving
controls the animation of the offline content list when it is expanded/shown
1 serving
offline-content-suggestions {
1 serving
max-height has to be set
1 serving
max-height: 27em
1 serving
transition: max-height 200ms ease-in
1 serving
opacity 200ms 200ms linear
1 serving
}
1 serving
controls the animation of the offline content list when it is
1 serving
collapsed/hidden
1 serving
offline-content-list.list-hidden #offline-content-suggestions {
-1 ? SOLID max-height: 0; max-height 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
-1 ? SOLID opacity: 0; opacity 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
transition: opacity 200ms linear
1 serving
max-height 200ms 200ms ease-out
1 serving
visibility: hidden
1 serving
}
1 serving
offline-content-list {
1 serving
margin-inline-start: -5%
1 serving
width
1 serving
}
1 serving
the selectors below adjust the "overflow" of the suggestion cards contents
1 serving
is applied by the `interstitial-wrapper` class
1 serving
media {
1 serving
offline-content-list {
2
margin-inline-start
1 serving
width
1 serving
}
1 serving
}
1 serving
media
1 serving
{
1 serving
offline-content-list {
1 serving
margin-inline-start: -12px
1 serving
width: calc)
1 serving
}
1 serving
}
1 serving
suggestion-with-image .offline-content-suggestion-thumbnail {
8
flex-basis: 2em
-1 ? SOLID flex-shrink: 0; flex-shrink 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
suggestion-with-image .offline-content-suggestion-thumbnail > img {
1 serving
height
1 serving
width
1 serving
}
suggestion-with-image #offline-content-list:not
1 serving
offline-content-suggestion-thumbnail > img {
1 serving
border-bottom-right-radius: 7px
1 serving
border-top-right-radius: 7px
1 serving
}
1 serving
suggestion-with-image #offline-content-list.is-rtl
1 serving
offline-content-suggestion-thumbnail > img {
1 serving
border-bottom-left-radius: 7px
1 serving
border-top-left-radius: 7px
1 serving
}
1 serving
suggestion-with-icon .offline-content-suggestion-thumbnail {
1 serving
align-items: center
1 serving
display: flex
1 serving
justify-content: center
4
min-height: 2em
4
min-width: 2em
1 serving
}
1 serving
suggestion-with-icon .offline-content-suggestion-thumbnail > div {
1 serving
align-items: center
244
background-color: rgb
1 serving
border-radius
1 serving
display: flex
2
height: 3em
1 serving
justify-content: center
2
width: 3em
1 serving
}
1 serving
suggestion-with-icon .offline-content-suggestion-thumbnail > div > img {
1
height: 45em
1
width: 45em
1 serving
}
1 serving
offline-content-suggestion-favicon {
1 serving
height: 1em
margin-inline-end: 4em
1
width: 4em
1 serving
}
1 serving
offline-content-suggestion-favicon > img {
1
height: 4em
1
width: 4em
1 serving
}
1 serving
no-favicon .offline-content-suggestion-favicon {
1 serving
display: none
1 serving
}
1 serving
image-video {
1 serving
}
1 serving
image-music-note {
1 serving
}
1 serving
image-earth {
1 serving
}
1 serving
image-file {
1 serving
}
1 serving
offline-content-suggestion-texts {
1 serving
display: flex
1 serving
flex-direction: column
1 serving
justify-content: space-between
1 3/10
padding: 9em
1 serving
width
1 serving
}
1 serving
offline-content-suggestion-title {
1 serving
webkit-box-orient: vertical
3
1 serving
display: -webkit-box
1
font-size: 1em
1 serving
overflow: hidden
1 serving
text-overflow: ellipsis
1 serving
}
1 serving
div.offline-content-suggestion {
1 serving
align-items: stretch
1 serving
border-radius: 8px
1 serving
display: flex
1 serving
justify-content: space-between
margin-bottom: 8em
1 serving
}
1 serving
suggestion-with-image {
1 serving
flex-direction: row
8
height: 2em
8
max-height: 2em
1 serving
}
1 serving
suggestion-with-icon {
1 serving
flex-direction: row-reverse
4
height: 2em
4
max-height: 2em
1 serving
}
1 serving
suggestion-with-icon .offline-content-suggestion-title {
1
1 serving
word-break: break-all
1 serving
}
1 serving
suggestion-with-icon .offline-content-suggestion-texts {
-1 ? SOLID padding-inline-start: 0; padding-inline-start 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
offline-content-suggestion-attribution-freshness {
1 serving
display: flex
font-size: 8em
1
line-height: 7em
1 serving
}
1 serving
offline-content-suggestion-attribution {
1 serving
webkit-box-orient: vertical
1
1 serving
display: -webkit-box
1
margin-inline-end: 3em
1 serving
overflow: hidden
1 serving
text-overflow: ellipsis
1 serving
word-break: break-all
1 serving
}
1 serving
no-attribution .offline-content-suggestion-attribution {
1 serving
display: none
1 serving
}
1 serving
offline-content-suggestion-freshness::before {
1 serving
content
1 serving
display: inline-block
-1 ? SOLID flex-shrink: 0; flex-shrink 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
margin-inline-end: 1em
margin-inline-start: 1em
1 serving
}
1 serving
no-attribution .offline-content-suggestion-freshness::before {
1 serving
display: none
1 serving
}
1 serving
offline-content-suggestion-freshness {
-1 ? SOLID flex-shrink: 0; flex-shrink 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
suggestion-with-image .offline-content-suggestion-pin-spacer {
100
1
1 serving
}
1 serving
suggestion-with-image .offline-content-suggestion-pin {
-1 ? SOLID flex-shrink: 0; flex-shrink 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1
height: 4em
margin-inline-start: 4em
1
width: 4em
1 serving
}
1 serving
controls the animation of the launch-downloads-home action
1 serving
offline-content-list-action {
1 serving
text-align: center
1 serving
transition: visibility 0s 200ms
1 serving
}
1 serving
offline content list is collapsed/hidden
1 serving
offline-content-list.list-hidden #offline-content-list-action {
-1 ? SOLID opacity: 0; opacity 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
transition: opacity 200ms linear
1 serving
visibility: hidden
1 serving
}
1 serving
cancel-save-page-button {
1 serving
background-position: right 27px center
1 serving
background-repeat: no-repeat
1 serving
border-radius: 5px
1 serving
margin-bottom: 26px
1 serving
padding-bottom: 16px
1 serving
padding-inline-end: 88px
1 serving
padding-inline-start: 16px
1 serving
padding-top: 16px
1 serving
text-align: start
1 serving
}
1 ml
ht [dir='rtl'] #cancel-save-page-button {
1 serving
background-position: left 27px center
1 serving
}
1 serving
save-page-for-later-button {
1 serving
display: flex
1 serving
justify-content: start
1 serving
}
1 serving
save-page-for-later-button a::before {
1 serving
display: inline-block
1 serving
margin-inline-end: 4px
1 serving
vertical-align: -webkit-baseline-middle
1 serving
}
1 serving
hidden#save-page-for-later-button {
1 serving
display: none
1 serving
}
1 serving
don't allow overflow when in a subframe
1 ml
ht [subframe] body {
1 serving
overflow: hidden
1 serving
}
1 serving
webkit-align-items: center
1 serving
webkit-flex-flow: column
1 serving
webkit-justify-content: center
1 serving
background-color: #ddd
1 serving
display: -webkit-flex
1 serving
height
-1 ? SOLID left: 0; left 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
position: absolute
1 serving
text-align: center
-1 ? SOLID top: 0; top 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
transition: background-color 200ms ease-in-out
1 serving
width
1 serving
}
1 serving
background-color: #eee
1 serving
}
margin: 16px
1 serving
}
servings
margin: 10px
1 serving
text-align: center
1 serving
visibility: hidden
1 serving
}
1 serving
show details only when hovering
1 serving
visibility: visible
1 serving
}
1 serving
if the iframe is too
1 serving
media
1 serving
display: none
1 serving
}
1 serving
}
1 serving
adjust icon
1 serving
media {
1 serving
height: auto
-1 ? SOLID margin: 0; margin 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
-1 ? SOLID padding-top: 0; padding-top 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
width: 25px
1 serving
}
1 serving
}
1 serving
details-button is special; it's a element that looks like a link
1 serving
details-button {
1 serving
box-shadow: none
-1 ? SOLID min-width: 0; min-width 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
styles
1 serving
suggested-left > #control-buttons
1 serving
suggested-right > #details-button {
1 serving
float: left
1 serving
}
1 serving
suggested-right > #control-buttons
1 serving
suggested-left > #details-button {
1 serving
float: right
1 serving
}
1 serving
suggested-left .secondary-button {
-1 ? SOLID margin-inline-end: 0; margin-inline-end 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
margin-inline-start: 16px
1 serving
}
1 serving
details-button.singular {
1 serving
float: none
1 serving
}
1 serving
download-button {
1 serving
padding-bottom: 4px
1 serving
padding-top: 4px
1 serving
position: relative
1 serving
}
1 serving
download-button::before {
1 serving
background: -webkit-image-set
1 serving
url) 1x
1 serving
no-repeat
1 serving
content
1 serving
display: inline-block
1 serving
height: 24px
1 serving
margin-inline-end: 4px
1 serving
margin-inline-start: -4px
1 serving
vertical-align: middle
1 serving
width: 24px
1 serving
}
1 serving
download-button:disabled {
249
background: rgb
1 serving
}
1 serving
buttons::after {
1 serving
content
1 serving
width
1 serving
}
1 serving
offline page
1 ml
ht [dir='rtl'].offline .icon-offline {
1
transform: scalex
1 serving
}
1 serving
offline {
1
background-color .5s cubic-bezier
1 serving
}
1 serving
offline body {
1
transition: background-color .5s cubic-bezier
1 serving
}
1 serving
offline #main-message > p {
1 serving
display: none
1 serving
}
1 serving
offline.inverted {
1 serving
background-color: #fff
1 serving
}
1 serving
offline.inverted body {
1 serving
background-color: #fff
1 serving
}
1 serving
offline .interstitial-wrapper {
1 serving
color: var)
1 serving
font-size: 1em
1 5/9
margin: auto
1 serving
max-width: 600px
1 serving
padding-top: 100px
1 serving
position: relative
1 serving
width
1 serving
}
1 serving
direction: ltr
1 serving
height: 150px
1 serving
max-width: 600px
1 serving
overflow: hidden
1 serving
position: absolute
1 serving
width: 44px
1 serving
}
1 serving
outline: none
1 serving
}
1 serving
}
1 serving
height: 150px
1 serving
max-width: 600px
1
1 serving
overflow: hidden
1 serving
position: absolute
-1 ? SOLID top: 0; top 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
10
1 serving
}
1 serving
offline .controller {
1 serving
height: 100vh
-1 ? SOLID left: 0; left 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
position: absolute
-1 ? SOLID top: 0; top 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
width: 100vw
9
1 serving
}
1 serving
offline-resources {
1 serving
display: none
1 serving
}
1 serving
offline-instruction {
1 serving
image-rendering: pixelated
-1 ? SOLID left: 0; left 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
margin: auto
1 serving
position: absolute
-1 ? SOLID right: 0; right 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
width: fit-content
1 serving
}
1 serving
offline-runner-live-region {
-1 ? SOLID bottom: 0; bottom 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
clip-path: polygon
1 serving
color: var)
1 serving
font-size: xx-small
1 serving
overflow: hidden
1 serving
position: absolute
1 serving
text-align: center
1 serving
user-select: none
1 serving
}
1 serving
custom toggle
1 serving
slow-speed-option {
1 serving
align-items: center
50
background: var
1 serving
border-radius: 24px/50%
-1 ? SOLID bottom: 0; bottom 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
color: var)
1 serving
display: inline-flex
1 serving
font-size: 1em
-1 ? SOLID left: 0; left 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1
line-height: 1em
1 serving
margin: 5px auto
1 serving
padding: 2px 12px 3px 20px
1 serving
position: absolute
-1 ? SOLID right: 0; right 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
width: max-content
999
1 serving
}
1 serving
slow-speed-option.hidden {
1 serving
display: none
1 serving
}
1 serving
slow-speed-option [type=checkbox] {
-1 ? SOLID opacity: 0; opacity 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
pointer-events: none
1 serving
position: absolute
1 serving
}
1 serving
slow-speed-option .slow-speed-toggle {
1 serving
cursor: pointer
1 serving
margin-inline-start: 8px
1 serving
padding: 8px 4px
1 serving
position: relative
1 serving
}
1 serving
slow-speed-option [type=checkbox]:disabled - .slow-speed-toggle {
1 serving
cursor: default
1 serving
}
1 serving
slow-speed-option-label [type=checkbox] {
-1 ? SOLID opacity: 0; opacity 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
pointer-events: none
1 serving
position: absolute
1 serving
}
1 serving
slow-speed-option .slow-speed-toggle::before
1 serving
slow-speed-option .slow-speed-toggle::after {
1 serving
content
servings
margin: 3px
1 serving
}
1 serving
slow-speed-option .slow-speed-toggle::before {
198
background: rgb
border-radius: 65em
height: 9em
1 serving
width: 2em
1 serving
}
1 serving
slow-speed-option .slow-speed-toggle::after {
1 serving
background: #fff
1 serving
border-radius
box-shadow: 1px 3px rgb
1
height: 2em
1 serving
position: absolute
1 serving
transform: translate)
1
width: 1em
1 serving
}
1 serving
slow-speed-option [type=checkbox]:focus
box-shadow: 0 0 8px rgb
1 serving
}
1 serving
slow-speed-option [type=checkbox]:checked
600
background: var
1/2
1 serving
}
1 serving
slow-speed-option [type=checkbox]:checked
600
background: var
1 serving
transform: translate)
1 serving
}
1 serving
slow-speed-option [type=checkbox]:checked:disabled
1 serving
slow-speed-toggle::before {
198
background: rgb
1 serving
}
1 serving
slow-speed-option [type=checkbox]:checked:disabled
1 serving
slow-speed-toggle::after {
50
background: var
1 serving
}
1 serving
media {
1 serving
download-button {
1 serving
padding-bottom: 12px
1 serving
padding-top: 12px
1 serving
}
1 serving
suggested-left > #control-buttons
1 serving
suggested-right > #control-buttons {
1 serving
float: none
1 serving
}
1 serving
snackbar {
-1 ? SOLID border-radius: 0; border-radius 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
-1 ? SOLID bottom: 0; bottom 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
-1 ? SOLID left: 0; left 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
width
1 serving
}
1 serving
}
1 serving
media {
1
h {
margin: 15px
1 serving
}
1 serving
icon-offline {
margin: 1px
1 serving
}
1 serving
interstitial-wrapper {
1 serving
margin-top
1 serving
}
1 serving
nav-wrapper {
1 serving
margin-top: 30px
1 serving
}
1 serving
}
1 serving
orientation:landscape {
1 serving
interstitial-wrapper {
1 serving
margin-bottom: 100px
1 serving
}
1 serving
}
1 serving
offline .interstitial-wrapper {
1 serving
padding-top: 60px
1 serving
}
1 serving
}
1 serving
}
1 serving
offline .interstitial-wrapper {
1 serving
margin-bottom: 90px
1 serving
}
1 serving
icon-offline {
1 serving
margin-bottom: 20px
1 serving
}
1 serving
}
1 serving
icon-offline {
-1 ? SOLID margin-bottom: 0; margin-bottom 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
}
1 serving
}
1 serving
media {
1 serving
padding-inline-end: 12px
1 serving
padding-inline-start: 12px
1 serving
}
1 serving
interstitial-wrapper {
1 serving
overflow: inherit
servings
padding: 8px
1 serving
}
1 serving
}
1 serving
media {
1 serving
width: auto
1 serving
}
1 serving
}
1 serving
arcade-mode
1 serving
image-rendering: pixelated
1 serving
max-width
1 serving
overflow: hidden
1 serving
}
1 serving
arcade-mode #buttons
1 serving
arcade-mode #main-content {
-1 ? SOLID opacity: 0; opacity 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
overflow: hidden
1 serving
}
1 serving
arcade-mode .interstitial-wrapper {
1 serving
height: 100vh
1 serving
max-width
1 serving
overflow: hidden
1 serving
}
-1 ? SOLID left: 0; left 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
margin: auto
-1 ? SOLID right: 0; right 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
transition: transform 250ms cubic-bezier 400ms
2
1 serving
}
1 serving
media {
1 serving
icon {
1 serving
}
1 serving
}
1 serving
offline.inverted {
1 serving
background-color: var)
1 serving
}
1 serving
offline.inverted body {
1 serving
background-color: #fff
1 serving
}
1 serving
offline.inverted .offline-runner-live-region {
1 serving
}
1 serving
suggestions-list a {
1 serving
color: var)
1 serving
}
1 serving
error-information-button {
1 serving
}
1 serving
slow-speed-option {
800
background: var
1 serving
}
1 serving
slow-speed-option .slow-speed-toggle::before
1 serving
slow-speed-option [type=checkbox]:checked:disabled
1 serving
slow-speed-toggle::before {
198
background: rgb
1 serving
}
1 serving
slow-speed-option [type=checkbox]:checked
1 serving
slow-speed-option [type=checkbox]:checked
300
background: var
1 serving
}
1 serving
}