1.15.1 Parameters

Parameter: rotate ¶

Default value:

(#<rule selector: ".rotate-0" declarations: (#<declaration property: rotate value: "0deg">)> #<rule selector: ".rotate-1" declarations: (#<declaration property: rotate value: "1deg">)> #<rule selector: ".rotate-2" declarations: (#<declaration property: rotate value: "2deg">)> #<rule selector: ".rotate-3" declarations: (#<declaration property: rotate value: "3deg">)> #<rule selector: ".rotate-6" declarations: (#<declaration property: rotate value: "6deg">)> #<rule selector: ".rotate-12" declarations: (#<declaration property: rotate value: "12deg">)> #<rule selector: ".rotate-45" declarations: (#<declaration property: rotate value: "45deg">)> #<rule selector: ".rotate-90" declarations: (#<declaration property: rotate value: "90deg">)> #<rule selector: ".rotate-180" declarations: (#<declaration property: rotate value: "180deg">)> #<rule selector: ".-rotate-1" declarations: (#<declaration property: rotate value: "-1deg">)> #<rule selector: ".-rotate-2" declarations: (#<declaration property: rotate value: "-2deg">)> #<rule selector: ".-rotate-3" declarations: (#<declaration property: rotate value: "-3deg">)> #<rule selector: ".-rotate-6" declarations: (#<declaration property: rotate value: "-6deg">)> #<rule selector: ".-rotate-12" declarations: (#<declaration property: rotate value: "-12deg">)> #<rule selector: ".-rotate-45" declarations: (#<declaration property: rotate value: "-45deg">)> #<rule selector: ".-rotate-90" declarations: (#<declaration property: rotate value: "-90deg">)> #<rule selector: ".-rotate-180" declarations: (#<declaration property: rotate value: "-180deg">)>)

Parameter: scale ¶

Default value:

(#<rule selector: ".scale-0" declarations: (#<declaration property: scale value: "0.0">)> #<rule selector: ".scale-50" declarations: (#<declaration property: scale value: "0.5">)> #<rule selector: ".scale-75" declarations: (#<declaration property: scale value: "0.75">)> #<rule selector: ".scale-90" declarations: (#<declaration property: scale value: "0.9">)> #<rule selector: ".scale-95" declarations: (#<declaration property: scale value: "0.95">)> #<rule selector: ".scale-100" declarations: (#<declaration property: scale value: "1.0">)> #<rule selector: ".scale-105" declarations: (#<declaration property: scale value: "1.05">)> #<rule selector: ".scale-110" declarations: (#<declaration property: scale value: "1.1">)> #<rule selector: ".scale-125" declarations: (#<declaration property: scale value: "1.25">)> #<rule selector: ".scale-150" declarations: (#<declaration property: scale value: "1.5">)> #<rule selector: ".scale-x-0" declarations: (#<declaration property: scale value: "0.0 1">)> #<rule selector: ".scale-x-50" declarations: (#<declaration property: scale value: "0.5 1">)> #<rule selector: ".scale-x-75" declarations: (#<declaration property: scale value: "0.75 1">)> #<rule selector: ".scale-x-90" declarations: (#<declaration property: scale value: "0.9 1">)> #<rule selector: ".scale-x-95" declarations: (#<declaration property: scale value: "0.95 1">)> #<rule selector: ".scale-x-100" declarations: (#<declaration property: scale value: "1.0 1">)> #<rule selector: ".scale-x-105" declarations: (#<declaration property: scale value: "1.05 1">)> #<rule selector: ".scale-x-110" declarations: (#<declaration property: scale value: "1.1 1">)> #<rule selector: ".scale-x-125" declarations: (#<declaration property: scale value: "1.25 1">)> #<rule selector: ".scale-x-150" declarations: (#<declaration property: scale value: "1.5 1">)> #<rule selector: ".scale-y-0" declarations: (#<declaration property: scale value: "1 0.0">)> #<rule selector: ".scale-y-50" declarations: (#<declaration property: scale value: "1 0.5">)> #<rule selector: ".scale-y-75" declarations: (#<declaration property: scale value: "1 0.75">)> #<rule selector: ".scale-y-90" declarations: (#<declaration property: scale value: "1 0.9">)> #<rule selector: ".scale-y-95" declarations: (#<declaration property: scale value: "1 0.95">)> #<rule selector: ".scale-y-100" declarations: (#<declaration property: scale value: "1 1.0">)> #<rule selector: ".scale-y-105" declarations: (#<declaration property: scale value: "1 1.05">)> #<rule selector: ".scale-y-110" declarations: (#<declaration property: scale value: "1 1.1">)> #<rule selector: ".scale-y-125" declarations: (#<declaration property: scale value: "1 1.25">)> #<rule selector: ".scale-y-150" declarations: (#<declaration property: scale value: "1 1.5">)>)

Parameter: skew ¶

Default value:

(#<rule selector: ".skew-x-0" declarations: (#<declaration property: transform value: "skewX(0deg)">)> #<rule selector: ".skew-x-1" declarations: (#<declaration property: transform value: "skewX(1deg)">)> #<rule selector: ".skew-x-2" declarations: (#<declaration property: transform value: "skewX(2deg)">)> #<rule selector: ".skew-x-3" declarations: (#<declaration property: transform value: "skewX(3deg)">)> #<rule selector: ".skew-x-6" declarations: (#<declaration property: transform value: "skewX(6deg)">)> #<rule selector: ".skew-x-12" declarations: (#<declaration property: transform value: "skewX(12deg)">)> #<rule selector: ".skew-y-0" declarations: (#<declaration property: transform value: "skewY(0deg)">)> #<rule selector: ".skew-y-1" declarations: (#<declaration property: transform value: "skewY(1deg)">)> #<rule selector: ".skew-y-2" declarations: (#<declaration property: transform value: "skewY(2deg)">)> #<rule selector: ".skew-y-3" declarations: (#<declaration property: transform value: "skewY(3deg)">)> #<rule selector: ".skew-y-6" declarations: (#<declaration property: transform value: "skewY(6deg)">)> #<rule selector: ".skew-y-12" declarations: (#<declaration property: transform value: "skewY(12deg)">)> #<rule selector: ".-skew-x-1" declarations: (#<declaration property: transform value: "skewX(-1deg)">)> #<rule selector: ".-skew-x-2" declarations: (#<declaration property: transform value: "skewX(-2deg)">)> #<rule selector: ".-skew-x-3" declarations: (#<declaration property: transform value: "skewX(-3deg)">)> #<rule selector: ".-skew-x-6" declarations: (#<declaration property: transform value: "skewX(-6deg)">)> #<rule selector: ".-skew-x-12" declarations: (#<declaration property: transform value: "skewX(-12deg)">)> #<rule selector: ".-skew-y-1" declarations: (#<declaration property: transform value: "skewY(-1deg)">)> #<rule selector: ".-skew-y-2" declarations: (#<declaration property: transform value: "skewY(-2deg)">)> #<rule selector: ".-skew-y-3" declarations: (#<declaration property: transform value: "skewY(-3deg)">)> #<rule selector: ".-skew-y-6" declarations: (#<declaration property: transform value: "skewY(-6deg)">)> #<rule selector: ".-skew-y-12" declarations: (#<declaration property: transform value: "skewY(-12deg)">)>)

Parameter: transform ¶

Default value:

(#<rule selector: ".transform-none" declarations: (#<declaration property: transform value: none>)> #<rule selector: ".transform-gpu" declarations: (#<declaration property: transform value: "translateZ(0)">)> #<rule selector: ".transform-cpu" declarations: (#<declaration property: transform value: "translateZ(0)">)>)

Parameter: transform-classes ¶

Default value:

((#<rule selector: ".translate-x-0" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "0.00rem">)> #<rule selector: ".translate-x-1" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "0.28rem">)> #<rule selector: ".translate-x-2" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "0.56rem">)> #<rule selector: ".translate-x-3" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "0.84rem">)> #<rule selector: ".translate-x-4" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "1.12rem">)> #<rule selector: ".translate-x-5" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "1.40rem">)> #<rule selector: ".translate-x-6" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "1.68rem">)> #<rule selector: ".translate-x-7" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "1.96rem">)> #<rule selector: ".translate-x-8" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "2.24rem">)> #<rule selector: ".translate-x-9" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "2.52rem">)> #<rule selector: ".translate-x-10" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "2.80rem">)> #<rule selector: ".translate-x-12" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "3.36rem">)> #<rule selector: ".translate-x-14" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "3.92rem">)> #<rule selector: ".translate-x-16" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "4.48rem">)> #<rule selector: ".translate-x-20" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "5.60rem">)> #<rule selector: ".translate-x-24" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "6.72rem">)> #<rule selector: ".translate-x-28" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "7.84rem">)> #<rule selector: ".translate-x-32" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "8.96rem">)> #<rule selector: ".translate-x-48" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "13.44rem">)> #<rule selector: ".translate-x-64" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "17.92rem">)> #<rule selector: ".translate-x-72" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "20.16rem">)> #<rule selector: ".translate-x-90" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "25.20rem">)> #<rule selector: ".translate-x-96" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "26.88rem">)> #<rule selector: ".translate-x-100" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "28.00rem">)> #<rule selector: ".translate-x-128" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "35.84rem">)> #<rule selector: ".translate-x-196" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "54.88rem">)> #<rule selector: ".translate-x-212" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "59.36rem">)> #<rule selector: ".translate-x-256" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "71.68rem">)> #<rule selector: ".translate-x-312" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "87.36rem">)> #<rule selector: ".translate-x-360" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "100.80rem">)> #<rule selector: ".translate-x-420" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "117.60rem">)> #<rule selector: ".translate-x-512" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "143.36rem">)> #<rule selector: ".translate-x-2xs" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "0.28rem">)> #<rule selector: ".translate-x-xs" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "0.56rem">)> #<rule selector: ".translate-x-sm" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "0.84rem">)> #<rule selector: ".translate-x-md" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "1.12rem">)> #<rule selector: ".translate-x-lg" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "1.40rem">)> #<rule selector: ".translate-x-xl" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "1.68rem">)> #<rule selector: ".translate-x-2xl" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "1.96rem">)> #<rule selector: ".translate-x-3xl" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "2.24rem">)> #<rule selector: ".translate-x-4xl" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "2.52rem">)> #<rule selector: ".translate-x-5xl" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "2.80rem">)> #<rule selector: ".translate-x-2\\/3" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "66.6%">)> #<rule selector: ".translate-x-1\\/3" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "33.3%">)> #<rule selector: ".translate-x-1\\/2" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "50%">)> #<rule selector: ".translate-x-3\\/4" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "75%">)> #<rule selector: ".translate-x-1\\/4" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "25%">)> #<rule selector: ".translate-x-4\\/5" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "80%">)> #<rule selector: ".translate-x-3\\/5" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "60%">)> #<rule selector: ".translate-x-2\\/5" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "40%">)> #<rule selector: ".translate-x-1\\/5" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "20%">)> #<rule selector: ".translate-x-5\\/6" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "83.3%">)> #<rule selector: ".translate-x-1\\/6" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "16.6%">)> #<rule selector: ".translate-x-1\\/8" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "12.5%">)> #<rule selector: ".-translate-x-1" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-1.00rem">)> #<rule selector: ".-translate-x-2" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-2.00rem">)> #<rule selector: ".-translate-x-3" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-3.00rem">)> #<rule selector: ".-translate-x-4" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-4.00rem">)> #<rule selector: ".-translate-x-5" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-5.00rem">)> #<rule selector: ".-translate-x-6" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-6.00rem">)> #<rule selector: ".-translate-x-7" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-7.00rem">)> #<rule selector: ".-translate-x-8" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-8.00rem">)> #<rule selector: ".-translate-x-9" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-9.00rem">)> #<rule selector: ".-translate-x-10" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-10.00rem">)> #<rule selector: ".-translate-x-12" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-12.00rem">)> #<rule selector: ".-translate-x-14" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-14.00rem">)> #<rule selector: ".-translate-x-16" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-16.00rem">)> #<rule selector: ".-translate-x-20" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-20.00rem">)> #<rule selector: ".-translate-x-24" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-24.00rem">)> #<rule selector: ".-translate-x-28" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-28.00rem">)> #<rule selector: ".-translate-x-32" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-32.00rem">)> #<rule selector: ".-translate-x-48" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-48.00rem">)> #<rule selector: ".-translate-x-64" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-64.00rem">)> #<rule selector: ".-translate-x-72" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-72.00rem">)> #<rule selector: ".-translate-x-90" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-90.00rem">)> #<rule selector: ".-translate-x-96" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-96.00rem">)> #<rule selector: ".-translate-x-100" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-100.00rem">)> #<rule selector: ".-translate-x-128" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-128.00rem">)> #<rule selector: ".-translate-x-196" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-196.00rem">)> #<rule selector: ".-translate-x-212" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-212.00rem">)> #<rule selector: ".-translate-x-256" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-256.00rem">)> #<rule selector: ".-translate-x-312" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-312.00rem">)> #<rule selector: ".-translate-x-360" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-360.00rem">)> #<rule selector: ".-translate-x-420" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-420.00rem">)> #<rule selector: ".-translate-x-512" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-512.00rem">)> #<rule selector: ".-translate-x-2\\/3" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-66.6%">)> #<rule selector: ".-translate-x-1\\/3" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-33.3%">)> #<rule selector: ".-translate-x-1\\/2" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-50%">)> #<rule selector: ".-translate-x-3\\/4" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-75%">)> #<rule selector: ".-translate-x-1\\/4" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-25%">)> #<rule selector: ".-translate-x-4\\/5" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-80%">)> #<rule selector: ".-translate-x-3\\/5" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-60%">)> #<rule selector: ".-translate-x-2\\/5" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-40%">)> #<rule selector: ".-translate-x-1\\/5" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-20%">)> #<rule selector: ".-translate-x-5\\/6" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-83.3%">)> #<rule selector: ".-translate-x-1\\/6" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-16.6%">)> #<rule selector: ".-translate-x-1\\/8" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-12.5%">)> #<rule selector: ".translate-y-0" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "0.00rem">)> #<rule selector: ".translate-y-1" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "0.28rem">)> #<rule selector: ".translate-y-2" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "0.56rem">)> #<rule selector: ".translate-y-3" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "0.84rem">)> #<rule selector: ".translate-y-4" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "1.12rem">)> #<rule selector: ".translate-y-5" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "1.40rem">)> #<rule selector: ".translate-y-6" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "1.68rem">)> #<rule selector: ".translate-y-7" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "1.96rem">)> #<rule selector: ".translate-y-8" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "2.24rem">)> #<rule selector: ".translate-y-9" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "2.52rem">)> #<rule selector: ".translate-y-10" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "2.80rem">)> #<rule selector: ".translate-y-12" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "3.36rem">)> #<rule selector: ".translate-y-14" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "3.92rem">)> #<rule selector: ".translate-y-16" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "4.48rem">)> #<rule selector: ".translate-y-20" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "5.60rem">)> #<rule selector: ".translate-y-24" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "6.72rem">)> #<rule selector: ".translate-y-28" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "7.84rem">)> #<rule selector: ".translate-y-32" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "8.96rem">)> #<rule selector: ".translate-y-48" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "13.44rem">)> #<rule selector: ".translate-y-64" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "17.92rem">)> #<rule selector: ".translate-y-72" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "20.16rem">)> #<rule selector: ".translate-y-90" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "25.20rem">)> #<rule selector: ".translate-y-96" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "26.88rem">)> #<rule selector: ".translate-y-100" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "28.00rem">)> #<rule selector: ".translate-y-128" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "35.84rem">)> #<rule selector: ".translate-y-196" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "54.88rem">)> #<rule selector: ".translate-y-212" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "59.36rem">)> #<rule selector: ".translate-y-256" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "71.68rem">)> #<rule selector: ".translate-y-312" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "87.36rem">)> #<rule selector: ".translate-y-360" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "100.80rem">)> #<rule selector: ".translate-y-420" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "117.60rem">)> #<rule selector: ".translate-y-512" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "143.36rem">)> #<rule selector: ".translate-y-2xs" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "0.28rem">)> #<rule selector: ".translate-y-xs" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "0.56rem">)> #<rule selector: ".translate-y-sm" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "0.84rem">)> #<rule selector: ".translate-y-md" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "1.12rem">)> #<rule selector: ".translate-y-lg" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "1.40rem">)> #<rule selector: ".translate-y-xl" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "1.68rem">)> #<rule selector: ".translate-y-2xl" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "1.96rem">)> #<rule selector: ".translate-y-3xl" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "2.24rem">)> #<rule selector: ".translate-y-4xl" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "2.52rem">)> #<rule selector: ".translate-y-5xl" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "2.80rem">)> #<rule selector: ".translate-y-2\\/3" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "66.6%">)> #<rule selector: ".translate-y-1\\/3" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "33.3%">)> #<rule selector: ".translate-y-1\\/2" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "50%">)> #<rule selector: ".translate-y-3\\/4" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "75%">)> #<rule selector: ".translate-y-1\\/4" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "25%">)> #<rule selector: ".translate-y-4\\/5" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "80%">)> #<rule selector: ".translate-y-3\\/5" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "60%">)> #<rule selector: ".translate-y-2\\/5" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "40%">)> #<rule selector: ".translate-y-1\\/5" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "20%">)> #<rule selector: ".translate-y-5\\/6" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "83.3%">)> #<rule selector: ".translate-y-1\\/6" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "16.6%">)> #<rule selector: ".translate-y-1\\/8" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "12.5%">)> #<rule selector: ".-translate-y-1" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-1.00rem">)> #<rule selector: ".-translate-y-2" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-2.00rem">)> #<rule selector: ".-translate-y-3" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-3.00rem">)> #<rule selector: ".-translate-y-4" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-4.00rem">)> #<rule selector: ".-translate-y-5" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-5.00rem">)> #<rule selector: ".-translate-y-6" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-6.00rem">)> #<rule selector: ".-translate-y-7" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-7.00rem">)> #<rule selector: ".-translate-y-8" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-8.00rem">)> #<rule selector: ".-translate-y-9" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-9.00rem">)> #<rule selector: ".-translate-y-10" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-10.00rem">)> #<rule selector: ".-translate-y-12" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-12.00rem">)> #<rule selector: ".-translate-y-14" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-14.00rem">)> #<rule selector: ".-translate-y-16" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-16.00rem">)> #<rule selector: ".-translate-y-20" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-20.00rem">)> #<rule selector: ".-translate-y-24" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-24.00rem">)> #<rule selector: ".-translate-y-28" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-28.00rem">)> #<rule selector: ".-translate-y-32" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-32.00rem">)> #<rule selector: ".-translate-y-48" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-48.00rem">)> #<rule selector: ".-translate-y-64" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-64.00rem">)> #<rule selector: ".-translate-y-72" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-72.00rem">)> #<rule selector: ".-translate-y-90" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-90.00rem">)> #<rule selector: ".-translate-y-96" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-96.00rem">)> #<rule selector: ".-translate-y-100" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-100.00rem">)> #<rule selector: ".-translate-y-128" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-128.00rem">)> #<rule selector: ".-translate-y-196" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-196.00rem">)> #<rule selector: ".-translate-y-212" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-212.00rem">)> #<rule selector: ".-translate-y-256" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-256.00rem">)> #<rule selector: ".-translate-y-312" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-312.00rem">)> #<rule selector: ".-translate-y-360" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-360.00rem">)> #<rule selector: ".-translate-y-420" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-420.00rem">)> #<rule selector: ".-translate-y-512" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-512.00rem">)> #<rule selector: ".-translate-y-2\\/3" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-66.6%">)> #<rule selector: ".-translate-y-1\\/3" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-33.3%">)> #<rule selector: ".-translate-y-1\\/2" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-50%">)> #<rule selector: ".-translate-y-3\\/4" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-75%">)> #<rule selector: ".-translate-y-1\\/4" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-25%">)> #<rule selector: ".-translate-y-4\\/5" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-80%">)> #<rule selector: ".-translate-y-3\\/5" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-60%">)> #<rule selector: ".-translate-y-2\\/5" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-40%">)> #<rule selector: ".-translate-y-1\\/5" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-20%">)> #<rule selector: ".-translate-y-5\\/6" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-83.3%">)> #<rule selector: ".-translate-y-1\\/6" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-16.6%">)> #<rule selector: ".-translate-y-1\\/8" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-12.5%">)>) (#<rule selector: ".rotate-0" declarations: (#<declaration property: rotate value: "0deg">)> #<rule selector: ".rotate-1" declarations: (#<declaration property: rotate value: "1deg">)> #<rule selector: ".rotate-2" declarations: (#<declaration property: rotate value: "2deg">)> #<rule selector: ".rotate-3" declarations: (#<declaration property: rotate value: "3deg">)> #<rule selector: ".rotate-6" declarations: (#<declaration property: rotate value: "6deg">)> #<rule selector: ".rotate-12" declarations: (#<declaration property: rotate value: "12deg">)> #<rule selector: ".rotate-45" declarations: (#<declaration property: rotate value: "45deg">)> #<rule selector: ".rotate-90" declarations: (#<declaration property: rotate value: "90deg">)> #<rule selector: ".rotate-180" declarations: (#<declaration property: rotate value: "180deg">)> #<rule selector: ".-rotate-1" declarations: (#<declaration property: rotate value: "-1deg">)> #<rule selector: ".-rotate-2" declarations: (#<declaration property: rotate value: "-2deg">)> #<rule selector: ".-rotate-3" declarations: (#<declaration property: rotate value: "-3deg">)> #<rule selector: ".-rotate-6" declarations: (#<declaration property: rotate value: "-6deg">)> #<rule selector: ".-rotate-12" declarations: (#<declaration property: rotate value: "-12deg">)> #<rule selector: ".-rotate-45" declarations: (#<declaration property: rotate value: "-45deg">)> #<rule selector: ".-rotate-90" declarations: (#<declaration property: rotate value: "-90deg">)> #<rule selector: ".-rotate-180" declarations: (#<declaration property: rotate value: "-180deg">)>) (#<rule selector: ".scale-0" declarations: (#<declaration property: scale value: "0.0">)> #<rule selector: ".scale-50" declarations: (#<declaration property: scale value: "0.5">)> #<rule selector: ".scale-75" declarations: (#<declaration property: scale value: "0.75">)> #<rule selector: ".scale-90" declarations: (#<declaration property: scale value: "0.9">)> #<rule selector: ".scale-95" declarations: (#<declaration property: scale value: "0.95">)> #<rule selector: ".scale-100" declarations: (#<declaration property: scale value: "1.0">)> #<rule selector: ".scale-105" declarations: (#<declaration property: scale value: "1.05">)> #<rule selector: ".scale-110" declarations: (#<declaration property: scale value: "1.1">)> #<rule selector: ".scale-125" declarations: (#<declaration property: scale value: "1.25">)> #<rule selector: ".scale-150" declarations: (#<declaration property: scale value: "1.5">)> #<rule selector: ".scale-x-0" declarations: (#<declaration property: scale value: "0.0 1">)> #<rule selector: ".scale-x-50" declarations: (#<declaration property: scale value: "0.5 1">)> #<rule selector: ".scale-x-75" declarations: (#<declaration property: scale value: "0.75 1">)> #<rule selector: ".scale-x-90" declarations: (#<declaration property: scale value: "0.9 1">)> #<rule selector: ".scale-x-95" declarations: (#<declaration property: scale value: "0.95 1">)> #<rule selector: ".scale-x-100" declarations: (#<declaration property: scale value: "1.0 1">)> #<rule selector: ".scale-x-105" declarations: (#<declaration property: scale value: "1.05 1">)> #<rule selector: ".scale-x-110" declarations: (#<declaration property: scale value: "1.1 1">)> #<rule selector: ".scale-x-125" declarations: (#<declaration property: scale value: "1.25 1">)> #<rule selector: ".scale-x-150" declarations: (#<declaration property: scale value: "1.5 1">)> #<rule selector: ".scale-y-0" declarations: (#<declaration property: scale value: "1 0.0">)> #<rule selector: ".scale-y-50" declarations: (#<declaration property: scale value: "1 0.5">)> #<rule selector: ".scale-y-75" declarations: (#<declaration property: scale value: "1 0.75">)> #<rule selector: ".scale-y-90" declarations: (#<declaration property: scale value: "1 0.9">)> #<rule selector: ".scale-y-95" declarations: (#<declaration property: scale value: "1 0.95">)> #<rule selector: ".scale-y-100" declarations: (#<declaration property: scale value: "1 1.0">)> #<rule selector: ".scale-y-105" declarations: (#<declaration property: scale value: "1 1.05">)> #<rule selector: ".scale-y-110" declarations: (#<declaration property: scale value: "1 1.1">)> #<rule selector: ".scale-y-125" declarations: (#<declaration property: scale value: "1 1.25">)> #<rule selector: ".scale-y-150" declarations: (#<declaration property: scale value: "1 1.5">)>) (#<rule selector: ".skew-x-0" declarations: (#<declaration property: transform value: "skewX(0deg)">)> #<rule selector: ".skew-x-1" declarations: (#<declaration property: transform value: "skewX(1deg)">)> #<rule selector: ".skew-x-2" declarations: (#<declaration property: transform value: "skewX(2deg)">)> #<rule selector: ".skew-x-3" declarations: (#<declaration property: transform value: "skewX(3deg)">)> #<rule selector: ".skew-x-6" declarations: (#<declaration property: transform value: "skewX(6deg)">)> #<rule selector: ".skew-x-12" declarations: (#<declaration property: transform value: "skewX(12deg)">)> #<rule selector: ".skew-y-0" declarations: (#<declaration property: transform value: "skewY(0deg)">)> #<rule selector: ".skew-y-1" declarations: (#<declaration property: transform value: "skewY(1deg)">)> #<rule selector: ".skew-y-2" declarations: (#<declaration property: transform value: "skewY(2deg)">)> #<rule selector: ".skew-y-3" declarations: (#<declaration property: transform value: "skewY(3deg)">)> #<rule selector: ".skew-y-6" declarations: (#<declaration property: transform value: "skewY(6deg)">)> #<rule selector: ".skew-y-12" declarations: (#<declaration property: transform value: "skewY(12deg)">)> #<rule selector: ".-skew-x-1" declarations: (#<declaration property: transform value: "skewX(-1deg)">)> #<rule selector: ".-skew-x-2" declarations: (#<declaration property: transform value: "skewX(-2deg)">)> #<rule selector: ".-skew-x-3" declarations: (#<declaration property: transform value: "skewX(-3deg)">)> #<rule selector: ".-skew-x-6" declarations: (#<declaration property: transform value: "skewX(-6deg)">)> #<rule selector: ".-skew-x-12" declarations: (#<declaration property: transform value: "skewX(-12deg)">)> #<rule selector: ".-skew-y-1" declarations: (#<declaration property: transform value: "skewY(-1deg)">)> #<rule selector: ".-skew-y-2" declarations: (#<declaration property: transform value: "skewY(-2deg)">)> #<rule selector: ".-skew-y-3" declarations: (#<declaration property: transform value: "skewY(-3deg)">)> #<rule selector: ".-skew-y-6" declarations: (#<declaration property: transform value: "skewY(-6deg)">)> #<rule selector: ".-skew-y-12" declarations: (#<declaration property: transform value: "skewY(-12deg)">)>) (#<rule selector: ".transform-none" declarations: (#<declaration property: transform value: none>)> #<rule selector: ".transform-gpu" declarations: (#<declaration property: transform value: "translateZ(0)">)> #<rule selector: ".transform-cpu" declarations: (#<declaration property: transform value: "translateZ(0)">)>) (#<rule selector: ".origin-center" declarations: (#<declaration property: transform-origin value: center>)> #<rule selector: ".origin-top" declarations: (#<declaration property: transform-origin value: top>)> #<rule selector: ".origin-top-right" declarations: (#<declaration property: transform-origin value: "top right">)> #<rule selector: ".origin-right" declarations: (#<declaration property: transform-origin value: right>)> #<rule selector: ".origin-bottom-right" declarations: (#<declaration property: transform-origin value: "bottom right">)> #<rule selector: ".origin-bottom" declarations: (#<declaration property: transform-origin value: bottom>)> #<rule selector: ".origin-bottom-left" declarations: (#<declaration property: transform-origin value: "bottom left">)> #<rule selector: ".origin-left" declarations: (#<declaration property: transform-origin value: left>)> #<rule selector: ".origin-top-left" declarations: (#<declaration property: transform-origin value: "top left">)>) (#<rule selector: ".will-change-auto" declarations: (#<declaration property: will-change value: auto>)> #<rule selector: ".will-change-scroll" declarations: (#<declaration property: will-change value: scroll-position>)> #<rule selector: ".will-change-contents" declarations: (#<declaration property: will-change value: contents>)> #<rule selector: ".will-change-transform" declarations: (#<declaration property: will-change value: transform>)> #<rule selector: ".will-change-opacity" declarations: (#<declaration property: will-change value: opacity>)>))

Parameter: transform-origin ¶

Default value:

(#<rule selector: ".origin-center" declarations: (#<declaration property: transform-origin value: center>)> #<rule selector: ".origin-top" declarations: (#<declaration property: transform-origin value: top>)> #<rule selector: ".origin-top-right" declarations: (#<declaration property: transform-origin value: "top right">)> #<rule selector: ".origin-right" declarations: (#<declaration property: transform-origin value: right>)> #<rule selector: ".origin-bottom-right" declarations: (#<declaration property: transform-origin value: "bottom right">)> #<rule selector: ".origin-bottom" declarations: (#<declaration property: transform-origin value: bottom>)> #<rule selector: ".origin-bottom-left" declarations: (#<declaration property: transform-origin value: "bottom left">)> #<rule selector: ".origin-left" declarations: (#<declaration property: transform-origin value: left>)> #<rule selector: ".origin-top-left" declarations: (#<declaration property: transform-origin value: "top left">)>)

Parameter: translate ¶

Default value:

(#<rule selector: ".translate-x-0" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "0.00rem">)> #<rule selector: ".translate-x-1" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "0.28rem">)> #<rule selector: ".translate-x-2" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "0.56rem">)> #<rule selector: ".translate-x-3" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "0.84rem">)> #<rule selector: ".translate-x-4" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "1.12rem">)> #<rule selector: ".translate-x-5" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "1.40rem">)> #<rule selector: ".translate-x-6" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "1.68rem">)> #<rule selector: ".translate-x-7" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "1.96rem">)> #<rule selector: ".translate-x-8" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "2.24rem">)> #<rule selector: ".translate-x-9" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "2.52rem">)> #<rule selector: ".translate-x-10" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "2.80rem">)> #<rule selector: ".translate-x-12" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "3.36rem">)> #<rule selector: ".translate-x-14" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "3.92rem">)> #<rule selector: ".translate-x-16" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "4.48rem">)> #<rule selector: ".translate-x-20" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "5.60rem">)> #<rule selector: ".translate-x-24" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "6.72rem">)> #<rule selector: ".translate-x-28" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "7.84rem">)> #<rule selector: ".translate-x-32" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "8.96rem">)> #<rule selector: ".translate-x-48" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "13.44rem">)> #<rule selector: ".translate-x-64" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "17.92rem">)> #<rule selector: ".translate-x-72" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "20.16rem">)> #<rule selector: ".translate-x-90" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "25.20rem">)> #<rule selector: ".translate-x-96" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "26.88rem">)> #<rule selector: ".translate-x-100" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "28.00rem">)> #<rule selector: ".translate-x-128" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "35.84rem">)> #<rule selector: ".translate-x-196" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "54.88rem">)> #<rule selector: ".translate-x-212" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "59.36rem">)> #<rule selector: ".translate-x-256" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "71.68rem">)> #<rule selector: ".translate-x-312" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "87.36rem">)> #<rule selector: ".translate-x-360" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "100.80rem">)> #<rule selector: ".translate-x-420" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "117.60rem">)> #<rule selector: ".translate-x-512" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "143.36rem">)> #<rule selector: ".translate-x-2xs" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "0.28rem">)> #<rule selector: ".translate-x-xs" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "0.56rem">)> #<rule selector: ".translate-x-sm" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "0.84rem">)> #<rule selector: ".translate-x-md" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "1.12rem">)> #<rule selector: ".translate-x-lg" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "1.40rem">)> #<rule selector: ".translate-x-xl" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "1.68rem">)> #<rule selector: ".translate-x-2xl" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "1.96rem">)> #<rule selector: ".translate-x-3xl" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "2.24rem">)> #<rule selector: ".translate-x-4xl" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "2.52rem">)> #<rule selector: ".translate-x-5xl" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "2.80rem">)> #<rule selector: ".translate-x-2\\/3" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "66.6%">)> #<rule selector: ".translate-x-1\\/3" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "33.3%">)> #<rule selector: ".translate-x-1\\/2" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "50%">)> #<rule selector: ".translate-x-3\\/4" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "75%">)> #<rule selector: ".translate-x-1\\/4" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "25%">)> #<rule selector: ".translate-x-4\\/5" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "80%">)> #<rule selector: ".translate-x-3\\/5" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "60%">)> #<rule selector: ".translate-x-2\\/5" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "40%">)> #<rule selector: ".translate-x-1\\/5" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "20%">)> #<rule selector: ".translate-x-5\\/6" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "83.3%">)> #<rule selector: ".translate-x-1\\/6" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "16.6%">)> #<rule selector: ".translate-x-1\\/8" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "12.5%">)> #<rule selector: ".-translate-x-1" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-1.00rem">)> #<rule selector: ".-translate-x-2" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-2.00rem">)> #<rule selector: ".-translate-x-3" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-3.00rem">)> #<rule selector: ".-translate-x-4" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-4.00rem">)> #<rule selector: ".-translate-x-5" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-5.00rem">)> #<rule selector: ".-translate-x-6" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-6.00rem">)> #<rule selector: ".-translate-x-7" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-7.00rem">)> #<rule selector: ".-translate-x-8" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-8.00rem">)> #<rule selector: ".-translate-x-9" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-9.00rem">)> #<rule selector: ".-translate-x-10" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-10.00rem">)> #<rule selector: ".-translate-x-12" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-12.00rem">)> #<rule selector: ".-translate-x-14" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-14.00rem">)> #<rule selector: ".-translate-x-16" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-16.00rem">)> #<rule selector: ".-translate-x-20" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-20.00rem">)> #<rule selector: ".-translate-x-24" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-24.00rem">)> #<rule selector: ".-translate-x-28" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-28.00rem">)> #<rule selector: ".-translate-x-32" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-32.00rem">)> #<rule selector: ".-translate-x-48" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-48.00rem">)> #<rule selector: ".-translate-x-64" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-64.00rem">)> #<rule selector: ".-translate-x-72" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-72.00rem">)> #<rule selector: ".-translate-x-90" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-90.00rem">)> #<rule selector: ".-translate-x-96" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-96.00rem">)> #<rule selector: ".-translate-x-100" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-100.00rem">)> #<rule selector: ".-translate-x-128" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-128.00rem">)> #<rule selector: ".-translate-x-196" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-196.00rem">)> #<rule selector: ".-translate-x-212" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-212.00rem">)> #<rule selector: ".-translate-x-256" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-256.00rem">)> #<rule selector: ".-translate-x-312" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-312.00rem">)> #<rule selector: ".-translate-x-360" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-360.00rem">)> #<rule selector: ".-translate-x-420" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-420.00rem">)> #<rule selector: ".-translate-x-512" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-512.00rem">)> #<rule selector: ".-translate-x-2\\/3" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-66.6%">)> #<rule selector: ".-translate-x-1\\/3" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-33.3%">)> #<rule selector: ".-translate-x-1\\/2" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-50%">)> #<rule selector: ".-translate-x-3\\/4" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-75%">)> #<rule selector: ".-translate-x-1\\/4" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-25%">)> #<rule selector: ".-translate-x-4\\/5" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-80%">)> #<rule selector: ".-translate-x-3\\/5" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-60%">)> #<rule selector: ".-translate-x-2\\/5" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-40%">)> #<rule selector: ".-translate-x-1\\/5" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-20%">)> #<rule selector: ".-translate-x-5\\/6" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-83.3%">)> #<rule selector: ".-translate-x-1\\/6" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-16.6%">)> #<rule selector: ".-translate-x-1\\/8" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-tx" value: "-12.5%">)> #<rule selector: ".translate-y-0" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "0.00rem">)> #<rule selector: ".translate-y-1" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "0.28rem">)> #<rule selector: ".translate-y-2" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "0.56rem">)> #<rule selector: ".translate-y-3" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "0.84rem">)> #<rule selector: ".translate-y-4" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "1.12rem">)> #<rule selector: ".translate-y-5" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "1.40rem">)> #<rule selector: ".translate-y-6" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "1.68rem">)> #<rule selector: ".translate-y-7" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "1.96rem">)> #<rule selector: ".translate-y-8" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "2.24rem">)> #<rule selector: ".translate-y-9" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "2.52rem">)> #<rule selector: ".translate-y-10" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "2.80rem">)> #<rule selector: ".translate-y-12" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "3.36rem">)> #<rule selector: ".translate-y-14" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "3.92rem">)> #<rule selector: ".translate-y-16" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "4.48rem">)> #<rule selector: ".translate-y-20" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "5.60rem">)> #<rule selector: ".translate-y-24" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "6.72rem">)> #<rule selector: ".translate-y-28" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "7.84rem">)> #<rule selector: ".translate-y-32" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "8.96rem">)> #<rule selector: ".translate-y-48" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "13.44rem">)> #<rule selector: ".translate-y-64" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "17.92rem">)> #<rule selector: ".translate-y-72" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "20.16rem">)> #<rule selector: ".translate-y-90" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "25.20rem">)> #<rule selector: ".translate-y-96" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "26.88rem">)> #<rule selector: ".translate-y-100" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "28.00rem">)> #<rule selector: ".translate-y-128" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "35.84rem">)> #<rule selector: ".translate-y-196" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "54.88rem">)> #<rule selector: ".translate-y-212" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "59.36rem">)> #<rule selector: ".translate-y-256" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "71.68rem">)> #<rule selector: ".translate-y-312" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "87.36rem">)> #<rule selector: ".translate-y-360" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "100.80rem">)> #<rule selector: ".translate-y-420" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "117.60rem">)> #<rule selector: ".translate-y-512" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "143.36rem">)> #<rule selector: ".translate-y-2xs" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "0.28rem">)> #<rule selector: ".translate-y-xs" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "0.56rem">)> #<rule selector: ".translate-y-sm" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "0.84rem">)> #<rule selector: ".translate-y-md" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "1.12rem">)> #<rule selector: ".translate-y-lg" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "1.40rem">)> #<rule selector: ".translate-y-xl" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "1.68rem">)> #<rule selector: ".translate-y-2xl" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "1.96rem">)> #<rule selector: ".translate-y-3xl" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "2.24rem">)> #<rule selector: ".translate-y-4xl" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "2.52rem">)> #<rule selector: ".translate-y-5xl" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "2.80rem">)> #<rule selector: ".translate-y-2\\/3" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "66.6%">)> #<rule selector: ".translate-y-1\\/3" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "33.3%">)> #<rule selector: ".translate-y-1\\/2" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "50%">)> #<rule selector: ".translate-y-3\\/4" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "75%">)> #<rule selector: ".translate-y-1\\/4" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "25%">)> #<rule selector: ".translate-y-4\\/5" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "80%">)> #<rule selector: ".translate-y-3\\/5" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "60%">)> #<rule selector: ".translate-y-2\\/5" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "40%">)> #<rule selector: ".translate-y-1\\/5" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "20%">)> #<rule selector: ".translate-y-5\\/6" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "83.3%">)> #<rule selector: ".translate-y-1\\/6" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "16.6%">)> #<rule selector: ".translate-y-1\\/8" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "12.5%">)> #<rule selector: ".-translate-y-1" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-1.00rem">)> #<rule selector: ".-translate-y-2" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-2.00rem">)> #<rule selector: ".-translate-y-3" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-3.00rem">)> #<rule selector: ".-translate-y-4" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-4.00rem">)> #<rule selector: ".-translate-y-5" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-5.00rem">)> #<rule selector: ".-translate-y-6" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-6.00rem">)> #<rule selector: ".-translate-y-7" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-7.00rem">)> #<rule selector: ".-translate-y-8" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-8.00rem">)> #<rule selector: ".-translate-y-9" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-9.00rem">)> #<rule selector: ".-translate-y-10" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-10.00rem">)> #<rule selector: ".-translate-y-12" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-12.00rem">)> #<rule selector: ".-translate-y-14" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-14.00rem">)> #<rule selector: ".-translate-y-16" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-16.00rem">)> #<rule selector: ".-translate-y-20" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-20.00rem">)> #<rule selector: ".-translate-y-24" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-24.00rem">)> #<rule selector: ".-translate-y-28" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-28.00rem">)> #<rule selector: ".-translate-y-32" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-32.00rem">)> #<rule selector: ".-translate-y-48" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-48.00rem">)> #<rule selector: ".-translate-y-64" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-64.00rem">)> #<rule selector: ".-translate-y-72" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-72.00rem">)> #<rule selector: ".-translate-y-90" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-90.00rem">)> #<rule selector: ".-translate-y-96" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-96.00rem">)> #<rule selector: ".-translate-y-100" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-100.00rem">)> #<rule selector: ".-translate-y-128" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-128.00rem">)> #<rule selector: ".-translate-y-196" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-196.00rem">)> #<rule selector: ".-translate-y-212" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-212.00rem">)> #<rule selector: ".-translate-y-256" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-256.00rem">)> #<rule selector: ".-translate-y-312" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-312.00rem">)> #<rule selector: ".-translate-y-360" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-360.00rem">)> #<rule selector: ".-translate-y-420" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-420.00rem">)> #<rule selector: ".-translate-y-512" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-512.00rem">)> #<rule selector: ".-translate-y-2\\/3" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-66.6%">)> #<rule selector: ".-translate-y-1\\/3" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-33.3%">)> #<rule selector: ".-translate-y-1\\/2" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-50%">)> #<rule selector: ".-translate-y-3\\/4" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-75%">)> #<rule selector: ".-translate-y-1\\/4" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-25%">)> #<rule selector: ".-translate-y-4\\/5" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-80%">)> #<rule selector: ".-translate-y-3\\/5" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-60%">)> #<rule selector: ".-translate-y-2\\/5" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-40%">)> #<rule selector: ".-translate-y-1\\/5" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-20%">)> #<rule selector: ".-translate-y-5\\/6" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-83.3%">)> #<rule selector: ".-translate-y-1\\/6" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-16.6%">)> #<rule selector: ".-translate-y-1\\/8" declarations: (#<declaration property: translate value: "var(--olive-tx, 0) var(--olive-ty, 0)"> #<declaration property: "--olive-ty" value: "-12.5%">)>)

Parameter: translate-multiplier ¶

Default value:

0.28

Parameter: will-change ¶

Default value:

(#<rule selector: ".will-change-auto" declarations: (#<declaration property: will-change value: auto>)> #<rule selector: ".will-change-scroll" declarations: (#<declaration property: will-change value: scroll-position>)> #<rule selector: ".will-change-contents" declarations: (#<declaration property: will-change value: contents>)> #<rule selector: ".will-change-transform" declarations: (#<declaration property: will-change value: transform>)> #<rule selector: ".will-change-opacity" declarations: (#<declaration property: will-change value: opacity>)>)