Code view:

A painting is a person's account of this edit as text, recorded independently of the node mapping - a rendering often has several equally defensible answers where the mapping has one. Deletions and insertions carry no position on the opposite side in a painting, so that panel draws no caret for them.

Before

…lines 1–15 unchanged (15 lines)
16
17 .bg-secondary {
18 --background-color: #F4F4F4;
19 }
20
21}
22
23@keyframes fadeIn {
24 from {
25 opacity: 0;
26 transform: translateY(10px) scale(.98);
27 }
28 to {
…lines 29–222 unchanged (194 lines)

After

…lines 1–16 unchanged (16 lines)
17 .bg-secondary {
18 --background-color: #F4F4F4;
19 }
20
21}
22
23* {
24 touch-action: pan-x pan-y;
25}
26
27@keyframes fadeIn {
28 from {
29 opacity: 0;
30 transform: translateY(10px) scale(.98);
31 }
…lines 32–226 unchanged (195 lines)

Before

ERROR
selectors
pseudo_class_selector
: ":"
class_name
identifier "root"
{ "{"
rule_set (+23 nodes collapsed)
ERROR
; ";"
- "-"
- "-"
ERROR "secondary"
- "-"
ERROR "active-b"
or "or"
ERROR "der"
: ":"
rule_set
selectors
id_selector
# "#"
id_name ""
block
{ "{"
ERROR
ERROR "$o"
- "-"
ERROR "action"
} "}"
ERROR (+22 nodes collapsed)
selectors
id_selector
# "#"
id_name "e7e9ed"
; ";"
/ "/"
/ "/"
ERROR "D"
class_name "is"
ERROR "able zoom"
to "to"
ERROR "uch"
- "-"
ERROR "action"
: ":"
ERROR "pan"
- "-"
ERROR "x pan"
- "-"
ERROR "y"
; ";"
ERROR "height"
: ":"
ERROR "%"
; ";"
/ "/"
/ "/"
ERROR "Target"
ERROR "K devices"
@media "@media"
# "#"
{ "{"
ERROR "screen"
and "and"
( "("
ERROR "min"
- "-"
ERROR "width"
: ":"
ERROR "px"
) ")"
, ","
( "("
ERROR "min"
- "-"
ERROR "height"
: ":"
ERROR "px"
) ")"
} "}"
{ "{"
- "-"
- "-"
ERROR "root"
- "-"
ERROR "font"
- "-"
ERROR "size"
: ":"
# "#"
{ "{"
ERROR "$o"
- "-"
ERROR "so"
- "-"
ERROR "font"
- "-"
ERROR "siz"
ERROR "k"
} "}"
; ";"
} "}"
. "."
ERROR "bg"
- "-"
ERROR "secondary"
{ "{"
- "-"
- "-"
ERROR "kground"
- "-"
ERROR "col"
or "or"
: ":"
# "#"
; ";"
} "}"
} "}"
@keyframes "@keyframes"
ERROR "f"
ERROR "In"
{ "{"
from "from"
{ "{"
ERROR "opacity"
: ":"
; ";"
ERROR "transf"
or "or"
ERROR "m"
: ":"
ERROR "translateY"
( "("
ERROR "px"
) ")"
ERROR "scale"
( "("
) ")"
; ";"
} "}"
to "to"
{ "{"
ERROR "opacity"
: ":"
; ";"
ERROR "transf"
or "or"
ERROR "m"
: ":"
ERROR "translateY"
( "("
) ")"
ERROR "scale"
( "("
) ")"
; ";"
} "}"
} "}"
@keyframes "@keyframes"
ERROR "selfOrderModalScale"
{ "{"
from "from"
{ "{"
ERROR "transf"
or "or"
ERROR "m"
: ":"
ERROR "scale"
( "("
) ")"
; ";"
} "}"
to "to"
{ "{"
ERROR "transf"
or "or"
ERROR "m"
: ":"
ERROR "scale"
( "("
) ")"
; ";"
} "}"
} "}"
ERROR "html"
, ","
ERROR "body"
{ "{"
ERROR "height"
: ":"
ERROR "%"
; ";"
ERROR "overflow"
: ":"
ERROR "hi"
ERROR "n"
; ";"
ERROR "overscroll"
- "-"
ERROR "behavi"
or "or"
: ":"
ERROR "none"
; ";"
/ "/"
/ "/"
ERROR "d"
class_name "is"
ERROR "able swipe"
to "to"
ERROR "go "
ERROR "k"
} "}"
ERROR "body"
{ "{"
ERROR "d"
class_name "is"
ERROR "play"
: ":"
ERROR "flex"
; ";"
ERROR "flex"
- "-"
ERROR "direction"
: ":"
ERROR "column"
; ";"
} "}"
ERROR "small"
{ "{"
ERROR "font"
- "-"
ERROR "size"
: ":"
ERROR "em"
; ";"
} "}"
ERROR "ul"
, ","
ERROR "ol"
{ "{"
ERROR "p"
ERROR "ing"
: ":"
; ";"
ERROR "margin"
: ":"
; ";"
} "}"
ERROR "li"
{ "{"
ERROR "l"
class_name "is"
ERROR "t"
- "-"
ERROR "style-type"
: ":"
ERROR "none"
; ";"
} "}"
. "."
to "to"
ERROR "uch"
- "-"
ERROR "device"
* "*"
{ "{"
ERROR "curs"
or "or"
: ":"
ERROR "none"
important "!important"
; ";"
} "}"
. "."
ERROR "modal"
- "-"
ERROR "content"
{ "{"
ERROR "text"
- "-"
ERROR "wrap"
: ":"
ERROR "pretty"
; ";"
} "}"
. "."
ERROR "numpad"
- "-"
ERROR "but"
to "to"
ERROR "n"
: ":"
ERROR "d"
class_name "is"
ERROR "abled"
{ "{"
ERROR "background"
- "-"
ERROR "col"
or "or"
: ":"
ERROR "$o"
- "-"
ERROR "gray"
; ";"
} "}"
. "."
ERROR "f"
or "or"
ERROR "m"
- "-"
ERROR "control"
: ":"
ERROR "focus"
{ "{"
ERROR "b"
or "or"
ERROR "der"
- "-"
ERROR "col"
or "or"
: ":"
ERROR "var"
( "("
- "-"
- "-"
ERROR "primary"
) ")"
important "!important"
; ";"
} "}"
at_keyword "@include"
ERROR "media"
- "-"
ERROR "breakpoint"
- "-"
ERROR "down"
( "("
ERROR "sm"
) ")"
{ "{"
. "."
ERROR "o_self_footer"
{ "{"
. "."
ERROR "btn"
- "-"
ERROR "lg"
, ","
. "."
ERROR "btn"
- "-"
ERROR "group"
- "-"
ERROR "lg"
> ">"
. "."
ERROR "btn"
{ "{"
ERROR "p"
ERROR "ing"
: ":"
ERROR "$input"
- "-"
ERROR "btn"
- "-"
ERROR "p"
ERROR "ing"
- "-"
ERROR "y $input"
- "-"
ERROR "btn"
- "-"
ERROR "p"
ERROR "ing"
- "-"
ERROR "x"
important "!important"
; ";"
ERROR "font"
- "-"
ERROR "size"
: ":"
ERROR "rem"
; ";"
} "}"
} "}"
} "}"
. "."
ERROR "o"
- "-"
ERROR "so"
- "-"
ERROR "tabular"
- "-"
ERROR "nums"
{ "{"
ERROR "font"
- "-"
ERROR "variant"
: ":"
ERROR "tabular"
- "-"
ERROR "nums"
; ";"
} "}"
. "."
ERROR "o_self_"
{ "{"
ERROR "animation"
: ":"
ERROR "f"
ERROR "In"
ERROR "ms cubic"
- "-"
ERROR "bezier"
( "("
, ","
, ","
, ","
) ")"
; ";"
} "}"
. "."
ERROR "numpad"
- "-"
ERROR "but"
to "to"
ERROR "n"
. "."
ERROR "active"
, ","
. "."
ERROR "numpad"
- "-"
ERROR "but"
to "to"
ERROR "n"
: ":"
ERROR "active"
{ "{"
- "-"
- "-"
ERROR "btn"
- "-"
ERROR "active-bg"
: ":"
# "#"
{ "{"
ERROR "$o"
- "-"
ERROR "gray"
} "}"
; ";"
} "}"
. "."
ERROR "o_so_product_details"
{ "{"
. "."
ERROR "o_so_product_details_image"
{ "{"
ERROR "max"
- "-"
ERROR "width"
: ":"
ERROR "clamp"
( "("
ERROR "rem"
, ","
ERROR "%"
, ","
ERROR "o"
- "-"
to "to"
- "-"
ERROR "rem"
( "("
) ")"
) ")"
; ";"
} "}"
. "."
ERROR "o_so_product_details_description"
{ "{"
ERROR "max"
- "-"
ERROR "width"
: ":"
ERROR "o"
- "-"
to "to"
- "-"
ERROR "rem"
( "("
) ")"
; ";"
} "}"
} "}"
. "."
ERROR "o_self_shadow_"
to "to"
ERROR "p"
{ "{"
ERROR "position"
: ":"
ERROR "relative"
; ";"
nesting_selector "&"
:: "::"
ERROR "after"
{ "{"
ERROR "content"
: ":"
" "\""
" "\""
; ";"
ERROR "z"
- "-"
ERROR "index"
: ":"
; ";"
ERROR "position"
: ":"
ERROR "absolute"
; ";"
ERROR "bot"
to "to"
ERROR "m"
: ":"
ERROR "px"
; ";"
ERROR "left"
: ":"
; ";"
ERROR "height"
: ":"
ERROR "px"
; ";"
ERROR "width"
: ":"
ERROR "%"
; ";"
ERROR "background"
: ":"
ERROR "linear"
- "-"
ERROR "gradient"
( "("
to "to"
ERROR "bot"
to "to"
ERROR "m"
, ","
ERROR "rgba"
( "("
, ","
, ","
, ","
) ")"
, ","
ERROR "transparent"
) ")"
; ";"
} "}"
} "}"
. "."
ERROR "o_self_shadow_bot"
to "to"
ERROR "m"
{ "{"
ERROR "position"
: ":"
ERROR "relative"
; ";"
nesting_selector "&"
:: "::"
ERROR "after"
{ "{"
ERROR "content"
: ":"
" "\""
" "\""
; ";"
ERROR "z"
- "-"
ERROR "index"
: ":"
; ";"
ERROR "position"
: ":"
ERROR "absolute"
; ";"
to "to"
ERROR "p"
: ":"
ERROR "px"
; ";"
ERROR "left"
: ":"
; ";"
ERROR "height"
: ":"
ERROR "px"
; ";"
ERROR "width"
: ":"
ERROR "%"
; ";"
ERROR "background"
: ":"
ERROR "linear"
- "-"
ERROR "gradient"
( "("
to "to"
ERROR "bot"
to "to"
ERROR "m"
, ","
ERROR "transparent"
, ","
ERROR "rgba"
( "("
, ","
, ","
, ","
) ")"
) ")"
; ";"
} "}"
} "}"
at_keyword "@include"
ERROR "media"
- "-"
ERROR "breakpoint"
- "-"
ERROR "up"
( "("
ERROR "lg"
) ")"
{ "{"
. "."
ERROR "o_self_container"
{ "{"
ERROR "max"
- "-"
ERROR "width"
: ":"
ERROR "px"
important "!important"
; ";"
} "}"
} "}"
at_keyword "@include"
ERROR "o"
- "-"
ERROR "kiosk"
{ "{"
at_keyword "@include"
ERROR "generate-kiosk"
- "-"
ERROR "utilities"
( "("
ERROR "kiosk"
) ")"
; ";"
} "}"
at_keyword "@include"
ERROR "o"
- "-"
ERROR "kiosk"
- "-"
ERROR "p"
or "or"
ERROR "trait"
{ "{"
nesting_selector "&"
: ":"
ERROR "root"
{ "{"
- "-"
- "-"
ERROR "root"
- "-"
ERROR "font"
- "-"
ERROR "size"
: ":"
# "#"
{ "{"
ERROR "$o"
- "-"
ERROR "so"
- "-"
ERROR "font"
- "-"
ERROR "size-kiosk"
} "}"
; ";"
} "}"
. "."
ERROR "o_self_container"
{ "{"
ERROR "width"
: ":"
ERROR "%"
important "!important"
; ";"
ERROR "max"
- "-"
ERROR "width"
: ":"
ERROR "px"
important "!important"
; ";"
ERROR "p"
ERROR "ing"
- "-"
ERROR "left"
: ":"
ERROR "rem"
important "!important"
; ";"
ERROR "p"
ERROR "ing"
- "-"
ERROR "right"
: ":"
ERROR "rem"
important "!important"
; ";"
} "}"
. "."
ERROR "kiosk"
- "-"
ERROR "p"
- "-"
ERROR "btn"
- "-"
ERROR "lg"
{ "{"
ERROR "p"
ERROR "ing"
: ":"
ERROR "$input"
- "-"
ERROR "btn"
- "-"
ERROR "p"
ERROR "ing"
- "-"
ERROR "y"
- "-"
ERROR "lg $input"
- "-"
ERROR "btn"
- "-"
ERROR "p"
ERROR "ing"
- "-"
ERROR "x"
- "-"
ERROR "lg"
important "!important"
; ";"
ERROR "font"
- "-"
ERROR "size"
: ":"
ERROR "rem"
; ";"
} "}"
at_keyword "@include"
ERROR "generate-kiosk"
- "-"
ERROR "utilities"
( "("
ERROR "kiosk"
- "-"
ERROR "p"
) ")"
; ";"
} "}"
at_keyword "@include"
ERROR "o"
- "-"
ERROR "kiosk"
- "-"
ERROR "l"
and "and"
ERROR "scape"
{ "{"
at_keyword "@include"
ERROR "generate-kiosk"
- "-"
ERROR "utilities"
( "("
ERROR "kiosk"
- "-"
ERROR "l"
) ")"
; ";"
} "}"
ERROR "$shadow"
- "-"
ERROR "sizes"
: ":"
ERROR "sm"
, ","
ERROR "md"
, ","
ERROR "lg"
, ","
ERROR "xl"
; ";"
at_keyword "@each"
ERROR "$breakpoint"
, ","
ERROR "$value in $grid"
- "-"
ERROR "breakpoints"
{ "{"
at_keyword "@include"
ERROR "media"
- "-"
ERROR "breakpoint"
- "-"
ERROR "up"
( "("
ERROR "$breakpoint"
) ")"
{ "{"
. "."
ERROR "shadow"
- "-"
# "#"
{ "{"
ERROR "$breakpoint"
} "}"
- "-"
ERROR "none"
{ "{"
ERROR "box"
- "-"
ERROR "shadow"
: ":"
ERROR "none"
important "!important"
; ";"
} "}"
at_keyword "@each"
ERROR "$size in $shadow"
- "-"
ERROR "sizes"
{ "{"
. "."
ERROR "shadow"
- "-"
# "#"
{ "{"
ERROR "$breakpoint"
} "}"
- "-"
# "#"
{ "{"
ERROR "$size"
} "}"
{ "{"
ERROR "box"
- "-"
ERROR "shadow"
: ":"
ERROR "var"
( "("
- "-"
- "-"
ERROR "box"
- "-"
ERROR "shadow"
- "-"
# "#"
{ "{"
ERROR "$size"
} "}"
) ")"
important "!important"
; ";"
} "}"
} "}"
} "}"
} "}"
. "."
ERROR "btn"
{ "{"
ERROR "b"
or "or"
ERROR "der"
- "-"
ERROR "radius"
: ":"
ERROR "$b"
or "or"
ERROR "der"
- "-"
ERROR "radius"
- "-"
ERROR "xl"
; ";"
} "}"
. "."
ERROR "modal"
- "-"
ERROR "content"
{ "{"
ERROR "b"
or "or"
ERROR "der"
- "-"
ERROR "radius"
: ":"
ERROR "$b"
or "or"
ERROR "der"
- "-"
ERROR "radius"
- "-"
ERROR "xl"
; ";"
} "}"
at_keyword "@include"
ERROR "media"
- "-"
ERROR "breakpoint"
- "-"
ERROR "down"
( "("
ERROR "sm"
) ")"
{ "{"
. "."
ERROR "btn"
{ "{"
ERROR "b"
or "or"
ERROR "der"
- "-"
ERROR "radius"
: ":"
ERROR "$b"
or "or"
ERROR "der"
- "-"
ERROR "radius"
- "-"
ERROR "lg"
; ";"
} "}"
. "."
ERROR "modal"
- "-"
ERROR "content"
{ "{"
ERROR "b"
or "or"
ERROR "der"
- "-"
ERROR "radius"
: ":"
ERROR "$b"
or "or"
ERROR "der"
- "-"
ERROR "radius"
- "-"
ERROR "lg"
; ";"
} "}"
} "}"
. "."
ERROR "modal"
- "-"
ERROR "dialog"
{ "{"
ERROR "transf"
or "or"
ERROR "m"
: ":"
ERROR "scale"
( "("
) ")"
; ";"
ERROR "animation"
: ":"
ERROR "selfOrderModalScale"
ERROR "ms ease"
- "-"
ERROR "out f"
or "or"
ERROR "wards"
; ";"
} "}"
. "."
ERROR "pos"
- "-"
ERROR "r"
ERROR "ipt"
. "."
ERROR "info"
- "-"
ERROR "l"
class_name "is"
ERROR "t"
{ "{"
ERROR "p"
ERROR "ing"
- "-"
ERROR "left"
: ":"
ERROR "rem"
; ";"
} "}"
. "."
ERROR "b"
or "or"
ERROR "der"
- "-"
ERROR "light"
{ "{"
ERROR "b"
or "or"
ERROR "der"
- "-"
ERROR "col"
or "or"
: ":"
ERROR "var"
( "("
- "-"
- "-"
ERROR "b"
or "or"
ERROR "der"
- "-"
ERROR "light"
- "-"
ERROR "col"
or "or"
) ")"
important "!important"
; ";"
} "}"

After

ERROR
selectors
pseudo_class_selector
: ":"
class_name
identifier "root"
{ "{"
rule_set (+23 nodes collapsed)
ERROR
; ";"
- "-"
- "-"
ERROR "secondary"
- "-"
ERROR "active-b"
or "or"
ERROR "der"
: ":"
rule_set
selectors
id_selector
# "#"
id_name ""
block
{ "{"
ERROR
ERROR "$o"
- "-"
ERROR "action"
} "}"
ERROR (+22 nodes collapsed)
selectors
id_selector
# "#"
id_name "e7e9ed"
; ";"
/ "/"
/ "/"
ERROR "D"
class_name "is"
ERROR "able zoom"
to "to"
ERROR "uch"
- "-"
ERROR "action"
: ":"
ERROR "pan"
- "-"
ERROR "x pan"
- "-"
ERROR "y"
; ";"
ERROR "height"
: ":"
ERROR "%"
; ";"
/ "/"
/ "/"
ERROR "Target"
ERROR "K devices"
@media "@media"
# "#"
{ "{"
ERROR "screen"
and "and"
( "("
ERROR "min"
- "-"
ERROR "width"
: ":"
ERROR "px"
) ")"
, ","
( "("
ERROR "min"
- "-"
ERROR "height"
: ":"
ERROR "px"
) ")"
} "}"
{ "{"
- "-"
- "-"
ERROR "root"
- "-"
ERROR "font"
- "-"
ERROR "size"
: ":"
# "#"
{ "{"
ERROR "$o"
- "-"
ERROR "so"
- "-"
ERROR "font"
- "-"
ERROR "siz"
ERROR "k"
} "}"
; ";"
} "}"
. "."
ERROR "bg"
- "-"
ERROR "secondary"
{ "{"
- "-"
- "-"
ERROR "kground"
- "-"
ERROR "col"
or "or"
: ":"
# "#"
; ";"
} "}"
} "}"
* "*"
{ "{"
to "to"
ERROR "uch"
- "-"
ERROR "action"
: ":"
ERROR "pan"
- "-"
ERROR "x pan"
- "-"
ERROR "y"
; ";"
} "}"
@keyframes "@keyframes"
ERROR "f"
ERROR "In"
{ "{"
from "from"
{ "{"
ERROR "opacity"
: ":"
; ";"
ERROR "transf"
or "or"
ERROR "m"
: ":"
ERROR "translateY"
( "("
ERROR "px"
) ")"
ERROR "scale"
( "("
) ")"
; ";"
} "}"
to "to"
{ "{"
ERROR "opacity"
: ":"
; ";"
ERROR "transf"
or "or"
ERROR "m"
: ":"
ERROR "translateY"
( "("
) ")"
ERROR "scale"
( "("
) ")"
; ";"
} "}"
} "}"
@keyframes "@keyframes"
ERROR "selfOrderModalScale"
{ "{"
from "from"
{ "{"
ERROR "transf"
or "or"
ERROR "m"
: ":"
ERROR "scale"
( "("
) ")"
; ";"
} "}"
to "to"
{ "{"
ERROR "transf"
or "or"
ERROR "m"
: ":"
ERROR "scale"
( "("
) ")"
; ";"
} "}"
} "}"
ERROR "html"
, ","
ERROR "body"
{ "{"
ERROR "height"
: ":"
ERROR "%"
; ";"
ERROR "overflow"
: ":"
ERROR "hi"
ERROR "n"
; ";"
ERROR "overscroll"
- "-"
ERROR "behavi"
or "or"
: ":"
ERROR "none"
; ";"
/ "/"
/ "/"
ERROR "d"
class_name "is"
ERROR "able swipe"
to "to"
ERROR "go "
ERROR "k"
} "}"
ERROR "body"
{ "{"
ERROR "d"
class_name "is"
ERROR "play"
: ":"
ERROR "flex"
; ";"
ERROR "flex"
- "-"
ERROR "direction"
: ":"
ERROR "column"
; ";"
} "}"
ERROR "small"
{ "{"
ERROR "font"
- "-"
ERROR "size"
: ":"
ERROR "em"
; ";"
} "}"
ERROR "ul"
, ","
ERROR "ol"
{ "{"
ERROR "p"
ERROR "ing"
: ":"
; ";"
ERROR "margin"
: ":"
; ";"
} "}"
ERROR "li"
{ "{"
ERROR "l"
class_name "is"
ERROR "t"
- "-"
ERROR "style-type"
: ":"
ERROR "none"
; ";"
} "}"
. "."
to "to"
ERROR "uch"
- "-"
ERROR "device"
* "*"
{ "{"
ERROR "curs"
or "or"
: ":"
ERROR "none"
important "!important"
; ";"
} "}"
. "."
ERROR "modal"
- "-"
ERROR "content"
{ "{"
ERROR "text"
- "-"
ERROR "wrap"
: ":"
ERROR "pretty"
; ";"
} "}"
. "."
ERROR "numpad"
- "-"
ERROR "but"
to "to"
ERROR "n"
: ":"
ERROR "d"
class_name "is"
ERROR "abled"
{ "{"
ERROR "background"
- "-"
ERROR "col"
or "or"
: ":"
ERROR "$o"
- "-"
ERROR "gray"
; ";"
} "}"
. "."
ERROR "f"
or "or"
ERROR "m"
- "-"
ERROR "control"
: ":"
ERROR "focus"
{ "{"
ERROR "b"
or "or"
ERROR "der"
- "-"
ERROR "col"
or "or"
: ":"
ERROR "var"
( "("
- "-"
- "-"
ERROR "primary"
) ")"
important "!important"
; ";"
} "}"
at_keyword "@include"
ERROR "media"
- "-"
ERROR "breakpoint"
- "-"
ERROR "down"
( "("
ERROR "sm"
) ")"
{ "{"
. "."
ERROR "o_self_footer"
{ "{"
. "."
ERROR "btn"
- "-"
ERROR "lg"
, ","
. "."
ERROR "btn"
- "-"
ERROR "group"
- "-"
ERROR "lg"
> ">"
. "."
ERROR "btn"
{ "{"
ERROR "p"
ERROR "ing"
: ":"
ERROR "$input"
- "-"
ERROR "btn"
- "-"
ERROR "p"
ERROR "ing"
- "-"
ERROR "y $input"
- "-"
ERROR "btn"
- "-"
ERROR "p"
ERROR "ing"
- "-"
ERROR "x"
important "!important"
; ";"
ERROR "font"
- "-"
ERROR "size"
: ":"
ERROR "rem"
; ";"
} "}"
} "}"
} "}"
. "."
ERROR "o"
- "-"
ERROR "so"
- "-"
ERROR "tabular"
- "-"
ERROR "nums"
{ "{"
ERROR "font"
- "-"
ERROR "variant"
: ":"
ERROR "tabular"
- "-"
ERROR "nums"
; ";"
} "}"
. "."
ERROR "o_self_"
{ "{"
ERROR "animation"
: ":"
ERROR "f"
ERROR "In"
ERROR "ms cubic"
- "-"
ERROR "bezier"
( "("
, ","
, ","
, ","
) ")"
; ";"
} "}"
. "."
ERROR "numpad"
- "-"
ERROR "but"
to "to"
ERROR "n"
. "."
ERROR "active"
, ","
. "."
ERROR "numpad"
- "-"
ERROR "but"
to "to"
ERROR "n"
: ":"
ERROR "active"
{ "{"
- "-"
- "-"
ERROR "btn"
- "-"
ERROR "active-bg"
: ":"
# "#"
{ "{"
ERROR "$o"
- "-"
ERROR "gray"
} "}"
; ";"
} "}"
. "."
ERROR "o_so_product_details"
{ "{"
. "."
ERROR "o_so_product_details_image"
{ "{"
ERROR "max"
- "-"
ERROR "width"
: ":"
ERROR "clamp"
( "("
ERROR "rem"
, ","
ERROR "%"
, ","
ERROR "o"
- "-"
to "to"
- "-"
ERROR "rem"
( "("
) ")"
) ")"
; ";"
} "}"
. "."
ERROR "o_so_product_details_description"
{ "{"
ERROR "max"
- "-"
ERROR "width"
: ":"
ERROR "o"
- "-"
to "to"
- "-"
ERROR "rem"
( "("
) ")"
; ";"
} "}"
} "}"
. "."
ERROR "o_self_shadow_"
to "to"
ERROR "p"
{ "{"
ERROR "position"
: ":"
ERROR "relative"
; ";"
nesting_selector "&"
:: "::"
ERROR "after"
{ "{"
ERROR "content"
: ":"
" "\""
" "\""
; ";"
ERROR "z"
- "-"
ERROR "index"
: ":"
; ";"
ERROR "position"
: ":"
ERROR "absolute"
; ";"
ERROR "bot"
to "to"
ERROR "m"
: ":"
ERROR "px"
; ";"
ERROR "left"
: ":"
; ";"
ERROR "height"
: ":"
ERROR "px"
; ";"
ERROR "width"
: ":"
ERROR "%"
; ";"
ERROR "background"
: ":"
ERROR "linear"
- "-"
ERROR "gradient"
( "("
to "to"
ERROR "bot"
to "to"
ERROR "m"
, ","
ERROR "rgba"
( "("
, ","
, ","
, ","
) ")"
, ","
ERROR "transparent"
) ")"
; ";"
} "}"
} "}"
. "."
ERROR "o_self_shadow_bot"
to "to"
ERROR "m"
{ "{"
ERROR "position"
: ":"
ERROR "relative"
; ";"
nesting_selector "&"
:: "::"
ERROR "after"
{ "{"
ERROR "content"
: ":"
" "\""
" "\""
; ";"
ERROR "z"
- "-"
ERROR "index"
: ":"
; ";"
ERROR "position"
: ":"
ERROR "absolute"
; ";"
to "to"
ERROR "p"
: ":"
ERROR "px"
; ";"
ERROR "left"
: ":"
; ";"
ERROR "height"
: ":"
ERROR "px"
; ";"
ERROR "width"
: ":"
ERROR "%"
; ";"
ERROR "background"
: ":"
ERROR "linear"
- "-"
ERROR "gradient"
( "("
to "to"
ERROR "bot"
to "to"
ERROR "m"
, ","
ERROR "transparent"
, ","
ERROR "rgba"
( "("
, ","
, ","
, ","
) ")"
) ")"
; ";"
} "}"
} "}"
at_keyword "@include"
ERROR "media"
- "-"
ERROR "breakpoint"
- "-"
ERROR "up"
( "("
ERROR "lg"
) ")"
{ "{"
. "."
ERROR "o_self_container"
{ "{"
ERROR "max"
- "-"
ERROR "width"
: ":"
ERROR "px"
important "!important"
; ";"
} "}"
} "}"
at_keyword "@include"
ERROR "o"
- "-"
ERROR "kiosk"
{ "{"
at_keyword "@include"
ERROR "generate-kiosk"
- "-"
ERROR "utilities"
( "("
ERROR "kiosk"
) ")"
; ";"
} "}"
at_keyword "@include"
ERROR "o"
- "-"
ERROR "kiosk"
- "-"
ERROR "p"
or "or"
ERROR "trait"
{ "{"
nesting_selector "&"
: ":"
ERROR "root"
{ "{"
- "-"
- "-"
ERROR "root"
- "-"
ERROR "font"
- "-"
ERROR "size"
: ":"
# "#"
{ "{"
ERROR "$o"
- "-"
ERROR "so"
- "-"
ERROR "font"
- "-"
ERROR "size-kiosk"
} "}"
; ";"
} "}"
. "."
ERROR "o_self_container"
{ "{"
ERROR "width"
: ":"
ERROR "%"
important "!important"
; ";"
ERROR "max"
- "-"
ERROR "width"
: ":"
ERROR "px"
important "!important"
; ";"
ERROR "p"
ERROR "ing"
- "-"
ERROR "left"
: ":"
ERROR "rem"
important "!important"
; ";"
ERROR "p"
ERROR "ing"
- "-"
ERROR "right"
: ":"
ERROR "rem"
important "!important"
; ";"
} "}"
. "."
ERROR "kiosk"
- "-"
ERROR "p"
- "-"
ERROR "btn"
- "-"
ERROR "lg"
{ "{"
ERROR "p"
ERROR "ing"
: ":"
ERROR "$input"
- "-"
ERROR "btn"
- "-"
ERROR "p"
ERROR "ing"
- "-"
ERROR "y"
- "-"
ERROR "lg $input"
- "-"
ERROR "btn"
- "-"
ERROR "p"
ERROR "ing"
- "-"
ERROR "x"
- "-"
ERROR "lg"
important "!important"
; ";"
ERROR "font"
- "-"
ERROR "size"
: ":"
ERROR "rem"
; ";"
} "}"
at_keyword "@include"
ERROR "generate-kiosk"
- "-"
ERROR "utilities"
( "("
ERROR "kiosk"
- "-"
ERROR "p"
) ")"
; ";"
} "}"
at_keyword "@include"
ERROR "o"
- "-"
ERROR "kiosk"
- "-"
ERROR "l"
and "and"
ERROR "scape"
{ "{"
at_keyword "@include"
ERROR "generate-kiosk"
- "-"
ERROR "utilities"
( "("
ERROR "kiosk"
- "-"
ERROR "l"
) ")"
; ";"
} "}"
ERROR "$shadow"
- "-"
ERROR "sizes"
: ":"
ERROR "sm"
, ","
ERROR "md"
, ","
ERROR "lg"
, ","
ERROR "xl"
; ";"
at_keyword "@each"
ERROR "$breakpoint"
, ","
ERROR "$value in $grid"
- "-"
ERROR "breakpoints"
{ "{"
at_keyword "@include"
ERROR "media"
- "-"
ERROR "breakpoint"
- "-"
ERROR "up"
( "("
ERROR "$breakpoint"
) ")"
{ "{"
. "."
ERROR "shadow"
- "-"
# "#"
{ "{"
ERROR "$breakpoint"
} "}"
- "-"
ERROR "none"
{ "{"
ERROR "box"
- "-"
ERROR "shadow"
: ":"
ERROR "none"
important "!important"
; ";"
} "}"
at_keyword "@each"
ERROR "$size in $shadow"
- "-"
ERROR "sizes"
{ "{"
. "."
ERROR "shadow"
- "-"
# "#"
{ "{"
ERROR "$breakpoint"
} "}"
- "-"
# "#"
{ "{"
ERROR "$size"
} "}"
{ "{"
ERROR "box"
- "-"
ERROR "shadow"
: ":"
ERROR "var"
( "("
- "-"
- "-"
ERROR "box"
- "-"
ERROR "shadow"
- "-"
# "#"
{ "{"
ERROR "$size"
} "}"
) ")"
important "!important"
; ";"
} "}"
} "}"
} "}"
} "}"
. "."
ERROR "btn"
{ "{"
ERROR "b"
or "or"
ERROR "der"
- "-"
ERROR "radius"
: ":"
ERROR "$b"
or "or"
ERROR "der"
- "-"
ERROR "radius"
- "-"
ERROR "xl"
; ";"
} "}"
. "."
ERROR "modal"
- "-"
ERROR "content"
{ "{"
ERROR "b"
or "or"
ERROR "der"
- "-"
ERROR "radius"
: ":"
ERROR "$b"
or "or"
ERROR "der"
- "-"
ERROR "radius"
- "-"
ERROR "xl"
; ";"
} "}"
at_keyword "@include"
ERROR "media"
- "-"
ERROR "breakpoint"
- "-"
ERROR "down"
( "("
ERROR "sm"
) ")"
{ "{"
. "."
ERROR "btn"
{ "{"
ERROR "b"
or "or"
ERROR "der"
- "-"
ERROR "radius"
: ":"
ERROR "$b"
or "or"
ERROR "der"
- "-"
ERROR "radius"
- "-"
ERROR "lg"
; ";"
} "}"
. "."
ERROR "modal"
- "-"
ERROR "content"
{ "{"
ERROR "b"
or "or"
ERROR "der"
- "-"
ERROR "radius"
: ":"
ERROR "$b"
or "or"
ERROR "der"
- "-"
ERROR "radius"
- "-"
ERROR "lg"
; ";"
} "}"
} "}"
. "."
ERROR "modal"
- "-"
ERROR "dialog"
{ "{"
ERROR "transf"
or "or"
ERROR "m"
: ":"
ERROR "scale"
( "("
) ")"
; ";"
ERROR "animation"
: ":"
ERROR "selfOrderModalScale"
ERROR "ms ease"
- "-"
ERROR "out f"
or "or"
ERROR "wards"
; ";"
} "}"
. "."
ERROR "pos"
- "-"
ERROR "r"
ERROR "ipt"
. "."
ERROR "info"
- "-"
ERROR "l"
class_name "is"
ERROR "t"
{ "{"
ERROR "p"
ERROR "ing"
- "-"
ERROR "left"
: ":"
ERROR "rem"
; ";"
} "}"
. "."
ERROR "b"
or "or"
ERROR "der"
- "-"
ERROR "light"
{ "{"
ERROR "b"
or "or"
ERROR "der"
- "-"
ERROR "col"
or "or"
: ":"
ERROR "var"
( "("
- "-"
- "-"
ERROR "b"
or "or"
ERROR "der"
- "-"
ERROR "light"
- "-"
ERROR "col"
or "or"
) ")"
important "!important"
; ";"
} "}"