soft-components
Version:
Simple soft flexible set of web components
1 lines • 64.9 kB
CSS
:root,html{--sc-highlight-color:rgba(255, 255, 255, 0.8);--sc-shadow-color:rgba(80, 80, 80, 0.2);--sc-bg-color:#d3f1f1;--sc-text-color:#333333;--sc-border-radius:1em;--sc-border-color:orange;--sc-error-color:#f70d1a;--sc-secondary-color:#646695;--sc-active-color:#3ab877;--sc-animation-duration:0.3s;--sc-animation-timing-function:ease;--sc-root-spacing:8px;--sc-highlight-dist-x:-10px;--sc-highlight-dist-y:-10px;--sc-shadow-dist-x:10px;--sc-shadow-dist-y:10px}:root,html{--sc-root-spacing:8px}.pa-0{padding:calc(var(--sc-root-spacing) * 0)}.pt-0{padding-top:calc(var(--sc-root-spacing) * 0)}.pb-0{padding-bottom:calc(var(--sc-root-spacing) * 0)}.pl-0{padding-left:calc(var(--sc-root-spacing) * 0)}.pr-0{padding-right:calc(var(--sc-root-spacing) * 0)}.px-0{padding-left:calc(var(--sc-root-spacing) * 0);padding-right:calc(var(--sc-root-spacing) * 0)}.py-0{padding-top:calc(var(--sc-root-spacing) * 0);padding-bottom:calc(var(--sc-root-spacing) * 0)}.ma-0{margin:calc(var(--sc-root-spacing) * 0)}.mt-0{margin-top:calc(var(--sc-root-spacing) * 0)}.mb-0{margin-bottom:calc(var(--sc-root-spacing) * 0)}.ml-0{margin-left:calc(var(--sc-root-spacing) * 0)}.mr-0{margin-right:calc(var(--sc-root-spacing) * 0)}.mx-0{margin-left:calc(var(--sc-root-spacing) * 0);margin-right:calc(var(--sc-root-spacing) * 0)}.my-0{margin-top:calc(var(--sc-root-spacing) * 0);margin-bottom:calc(var(--sc-root-spacing) * 0)}.pa-1{padding:calc(var(--sc-root-spacing) * 1)}.pt-1{padding-top:calc(var(--sc-root-spacing) * 1)}.pb-1{padding-bottom:calc(var(--sc-root-spacing) * 1)}.pl-1{padding-left:calc(var(--sc-root-spacing) * 1)}.pr-1{padding-right:calc(var(--sc-root-spacing) * 1)}.px-1{padding-left:calc(var(--sc-root-spacing) * 1);padding-right:calc(var(--sc-root-spacing) * 1)}.py-1{padding-top:calc(var(--sc-root-spacing) * 1);padding-bottom:calc(var(--sc-root-spacing) * 1)}.ma-1{margin:calc(var(--sc-root-spacing) * 1)}.mt-1{margin-top:calc(var(--sc-root-spacing) * 1)}.mb-1{margin-bottom:calc(var(--sc-root-spacing) * 1)}.ml-1{margin-left:calc(var(--sc-root-spacing) * 1)}.mr-1{margin-right:calc(var(--sc-root-spacing) * 1)}.mx-1{margin-left:calc(var(--sc-root-spacing) * 1);margin-right:calc(var(--sc-root-spacing) * 1)}.my-1{margin-top:calc(var(--sc-root-spacing) * 1);margin-bottom:calc(var(--sc-root-spacing) * 1)}.pa-2{padding:calc(var(--sc-root-spacing) * 2)}.pt-2{padding-top:calc(var(--sc-root-spacing) * 2)}.pb-2{padding-bottom:calc(var(--sc-root-spacing) * 2)}.pl-2{padding-left:calc(var(--sc-root-spacing) * 2)}.pr-2{padding-right:calc(var(--sc-root-spacing) * 2)}.px-2{padding-left:calc(var(--sc-root-spacing) * 2);padding-right:calc(var(--sc-root-spacing) * 2)}.py-2{padding-top:calc(var(--sc-root-spacing) * 2);padding-bottom:calc(var(--sc-root-spacing) * 2)}.ma-2{margin:calc(var(--sc-root-spacing) * 2)}.mt-2{margin-top:calc(var(--sc-root-spacing) * 2)}.mb-2{margin-bottom:calc(var(--sc-root-spacing) * 2)}.ml-2{margin-left:calc(var(--sc-root-spacing) * 2)}.mr-2{margin-right:calc(var(--sc-root-spacing) * 2)}.mx-2{margin-left:calc(var(--sc-root-spacing) * 2);margin-right:calc(var(--sc-root-spacing) * 2)}.my-2{margin-top:calc(var(--sc-root-spacing) * 2);margin-bottom:calc(var(--sc-root-spacing) * 2)}.pa-3{padding:calc(var(--sc-root-spacing) * 3)}.pt-3{padding-top:calc(var(--sc-root-spacing) * 3)}.pb-3{padding-bottom:calc(var(--sc-root-spacing) * 3)}.pl-3{padding-left:calc(var(--sc-root-spacing) * 3)}.pr-3{padding-right:calc(var(--sc-root-spacing) * 3)}.px-3{padding-left:calc(var(--sc-root-spacing) * 3);padding-right:calc(var(--sc-root-spacing) * 3)}.py-3{padding-top:calc(var(--sc-root-spacing) * 3);padding-bottom:calc(var(--sc-root-spacing) * 3)}.ma-3{margin:calc(var(--sc-root-spacing) * 3)}.mt-3{margin-top:calc(var(--sc-root-spacing) * 3)}.mb-3{margin-bottom:calc(var(--sc-root-spacing) * 3)}.ml-3{margin-left:calc(var(--sc-root-spacing) * 3)}.mr-3{margin-right:calc(var(--sc-root-spacing) * 3)}.mx-3{margin-left:calc(var(--sc-root-spacing) * 3);margin-right:calc(var(--sc-root-spacing) * 3)}.my-3{margin-top:calc(var(--sc-root-spacing) * 3);margin-bottom:calc(var(--sc-root-spacing) * 3)}.pa-4{padding:calc(var(--sc-root-spacing) * 4)}.pt-4{padding-top:calc(var(--sc-root-spacing) * 4)}.pb-4{padding-bottom:calc(var(--sc-root-spacing) * 4)}.pl-4{padding-left:calc(var(--sc-root-spacing) * 4)}.pr-4{padding-right:calc(var(--sc-root-spacing) * 4)}.px-4{padding-left:calc(var(--sc-root-spacing) * 4);padding-right:calc(var(--sc-root-spacing) * 4)}.py-4{padding-top:calc(var(--sc-root-spacing) * 4);padding-bottom:calc(var(--sc-root-spacing) * 4)}.ma-4{margin:calc(var(--sc-root-spacing) * 4)}.mt-4{margin-top:calc(var(--sc-root-spacing) * 4)}.mb-4{margin-bottom:calc(var(--sc-root-spacing) * 4)}.ml-4{margin-left:calc(var(--sc-root-spacing) * 4)}.mr-4{margin-right:calc(var(--sc-root-spacing) * 4)}.mx-4{margin-left:calc(var(--sc-root-spacing) * 4);margin-right:calc(var(--sc-root-spacing) * 4)}.my-4{margin-top:calc(var(--sc-root-spacing) * 4);margin-bottom:calc(var(--sc-root-spacing) * 4)}.pa-5{padding:calc(var(--sc-root-spacing) * 5)}.pt-5{padding-top:calc(var(--sc-root-spacing) * 5)}.pb-5{padding-bottom:calc(var(--sc-root-spacing) * 5)}.pl-5{padding-left:calc(var(--sc-root-spacing) * 5)}.pr-5{padding-right:calc(var(--sc-root-spacing) * 5)}.px-5{padding-left:calc(var(--sc-root-spacing) * 5);padding-right:calc(var(--sc-root-spacing) * 5)}.py-5{padding-top:calc(var(--sc-root-spacing) * 5);padding-bottom:calc(var(--sc-root-spacing) * 5)}.ma-5{margin:calc(var(--sc-root-spacing) * 5)}.mt-5{margin-top:calc(var(--sc-root-spacing) * 5)}.mb-5{margin-bottom:calc(var(--sc-root-spacing) * 5)}.ml-5{margin-left:calc(var(--sc-root-spacing) * 5)}.mr-5{margin-right:calc(var(--sc-root-spacing) * 5)}.mx-5{margin-left:calc(var(--sc-root-spacing) * 5);margin-right:calc(var(--sc-root-spacing) * 5)}.my-5{margin-top:calc(var(--sc-root-spacing) * 5);margin-bottom:calc(var(--sc-root-spacing) * 5)}.pa-6{padding:calc(var(--sc-root-spacing) * 6)}.pt-6{padding-top:calc(var(--sc-root-spacing) * 6)}.pb-6{padding-bottom:calc(var(--sc-root-spacing) * 6)}.pl-6{padding-left:calc(var(--sc-root-spacing) * 6)}.pr-6{padding-right:calc(var(--sc-root-spacing) * 6)}.px-6{padding-left:calc(var(--sc-root-spacing) * 6);padding-right:calc(var(--sc-root-spacing) * 6)}.py-6{padding-top:calc(var(--sc-root-spacing) * 6);padding-bottom:calc(var(--sc-root-spacing) * 6)}.ma-6{margin:calc(var(--sc-root-spacing) * 6)}.mt-6{margin-top:calc(var(--sc-root-spacing) * 6)}.mb-6{margin-bottom:calc(var(--sc-root-spacing) * 6)}.ml-6{margin-left:calc(var(--sc-root-spacing) * 6)}.mr-6{margin-right:calc(var(--sc-root-spacing) * 6)}.mx-6{margin-left:calc(var(--sc-root-spacing) * 6);margin-right:calc(var(--sc-root-spacing) * 6)}.my-6{margin-top:calc(var(--sc-root-spacing) * 6);margin-bottom:calc(var(--sc-root-spacing) * 6)}.pa-7{padding:calc(var(--sc-root-spacing) * 7)}.pt-7{padding-top:calc(var(--sc-root-spacing) * 7)}.pb-7{padding-bottom:calc(var(--sc-root-spacing) * 7)}.pl-7{padding-left:calc(var(--sc-root-spacing) * 7)}.pr-7{padding-right:calc(var(--sc-root-spacing) * 7)}.px-7{padding-left:calc(var(--sc-root-spacing) * 7);padding-right:calc(var(--sc-root-spacing) * 7)}.py-7{padding-top:calc(var(--sc-root-spacing) * 7);padding-bottom:calc(var(--sc-root-spacing) * 7)}.ma-7{margin:calc(var(--sc-root-spacing) * 7)}.mt-7{margin-top:calc(var(--sc-root-spacing) * 7)}.mb-7{margin-bottom:calc(var(--sc-root-spacing) * 7)}.ml-7{margin-left:calc(var(--sc-root-spacing) * 7)}.mr-7{margin-right:calc(var(--sc-root-spacing) * 7)}.mx-7{margin-left:calc(var(--sc-root-spacing) * 7);margin-right:calc(var(--sc-root-spacing) * 7)}.my-7{margin-top:calc(var(--sc-root-spacing) * 7);margin-bottom:calc(var(--sc-root-spacing) * 7)}.pa-8{padding:calc(var(--sc-root-spacing) * 8)}.pt-8{padding-top:calc(var(--sc-root-spacing) * 8)}.pb-8{padding-bottom:calc(var(--sc-root-spacing) * 8)}.pl-8{padding-left:calc(var(--sc-root-spacing) * 8)}.pr-8{padding-right:calc(var(--sc-root-spacing) * 8)}.px-8{padding-left:calc(var(--sc-root-spacing) * 8);padding-right:calc(var(--sc-root-spacing) * 8)}.py-8{padding-top:calc(var(--sc-root-spacing) * 8);padding-bottom:calc(var(--sc-root-spacing) * 8)}.ma-8{margin:calc(var(--sc-root-spacing) * 8)}.mt-8{margin-top:calc(var(--sc-root-spacing) * 8)}.mb-8{margin-bottom:calc(var(--sc-root-spacing) * 8)}.ml-8{margin-left:calc(var(--sc-root-spacing) * 8)}.mr-8{margin-right:calc(var(--sc-root-spacing) * 8)}.mx-8{margin-left:calc(var(--sc-root-spacing) * 8);margin-right:calc(var(--sc-root-spacing) * 8)}.my-8{margin-top:calc(var(--sc-root-spacing) * 8);margin-bottom:calc(var(--sc-root-spacing) * 8)}.pa-9{padding:calc(var(--sc-root-spacing) * 9)}.pt-9{padding-top:calc(var(--sc-root-spacing) * 9)}.pb-9{padding-bottom:calc(var(--sc-root-spacing) * 9)}.pl-9{padding-left:calc(var(--sc-root-spacing) * 9)}.pr-9{padding-right:calc(var(--sc-root-spacing) * 9)}.px-9{padding-left:calc(var(--sc-root-spacing) * 9);padding-right:calc(var(--sc-root-spacing) * 9)}.py-9{padding-top:calc(var(--sc-root-spacing) * 9);padding-bottom:calc(var(--sc-root-spacing) * 9)}.ma-9{margin:calc(var(--sc-root-spacing) * 9)}.mt-9{margin-top:calc(var(--sc-root-spacing) * 9)}.mb-9{margin-bottom:calc(var(--sc-root-spacing) * 9)}.ml-9{margin-left:calc(var(--sc-root-spacing) * 9)}.mr-9{margin-right:calc(var(--sc-root-spacing) * 9)}.mx-9{margin-left:calc(var(--sc-root-spacing) * 9);margin-right:calc(var(--sc-root-spacing) * 9)}.my-9{margin-top:calc(var(--sc-root-spacing) * 9);margin-bottom:calc(var(--sc-root-spacing) * 9)}.pa-10{padding:calc(var(--sc-root-spacing) * 10)}.pt-10{padding-top:calc(var(--sc-root-spacing) * 10)}.pb-10{padding-bottom:calc(var(--sc-root-spacing) * 10)}.pl-10{padding-left:calc(var(--sc-root-spacing) * 10)}.pr-10{padding-right:calc(var(--sc-root-spacing) * 10)}.px-10{padding-left:calc(var(--sc-root-spacing) * 10);padding-right:calc(var(--sc-root-spacing) * 10)}.py-10{padding-top:calc(var(--sc-root-spacing) * 10);padding-bottom:calc(var(--sc-root-spacing) * 10)}.ma-10{margin:calc(var(--sc-root-spacing) * 10)}.mt-10{margin-top:calc(var(--sc-root-spacing) * 10)}.mb-10{margin-bottom:calc(var(--sc-root-spacing) * 10)}.ml-10{margin-left:calc(var(--sc-root-spacing) * 10)}.mr-10{margin-right:calc(var(--sc-root-spacing) * 10)}.mx-10{margin-left:calc(var(--sc-root-spacing) * 10);margin-right:calc(var(--sc-root-spacing) * 10)}.my-10{margin-top:calc(var(--sc-root-spacing) * 10);margin-bottom:calc(var(--sc-root-spacing) * 10)}.raised{-webkit-box-shadow:calc(var(--sc-highlight-dist-x) * 0.5) calc(var(--sc-highlight-dist-y) * 0.5) calc(30px * 0.5) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2)), calc(var(--sc-shadow-dist-x) * 0.5) calc(var(--sc-shadow-dist-y) * 0.5) calc(30px * 0.5) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));box-shadow:calc(var(--sc-highlight-dist-x) * 0.5) calc(var(--sc-highlight-dist-y) * 0.5) calc(30px * 0.5) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2)), calc(var(--sc-shadow-dist-x) * 0.5) calc(var(--sc-shadow-dist-y) * 0.5) calc(30px * 0.5) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));-webkit-box-shadow:calc(var(--sc-highlight-dist-x) * 0.5) calc(var(--sc-highlight-dist-y) * 0.5) calc(1.875rem * 0.5) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2)), calc(var(--sc-shadow-dist-x) * 0.5) calc(var(--sc-shadow-dist-y) * 0.5) calc(1.875rem * 0.5) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));box-shadow:calc(var(--sc-highlight-dist-x) * 0.5) calc(var(--sc-highlight-dist-y) * 0.5) calc(1.875rem * 0.5) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2)), calc(var(--sc-shadow-dist-x) * 0.5) calc(var(--sc-shadow-dist-y) * 0.5) calc(1.875rem * 0.5) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2))}.engraved{-webkit-box-shadow:inset calc(var(--sc-highlight-dist-x) * 0.5) calc(var(--sc-highlight-dist-y) * 0.5) calc(30px * 0.5) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2)), inset calc(var(--sc-shadow-dist-x) * 0.5) calc(var(--sc-shadow-dist-y) * 0.5) calc(30px * 0.5) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));box-shadow:inset calc(var(--sc-highlight-dist-x) * 0.5) calc(var(--sc-highlight-dist-y) * 0.5) calc(30px * 0.5) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2)), inset calc(var(--sc-shadow-dist-x) * 0.5) calc(var(--sc-shadow-dist-y) * 0.5) calc(30px * 0.5) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));-webkit-box-shadow:inset calc(var(--sc-highlight-dist-x) * 0.5) calc(var(--sc-highlight-dist-y) * 0.5) calc(1.875rem * 0.5) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2)), inset calc(var(--sc-shadow-dist-x) * 0.5) calc(var(--sc-shadow-dist-y) * 0.5) calc(1.875rem * 0.5) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));box-shadow:inset calc(var(--sc-highlight-dist-x) * 0.5) calc(var(--sc-highlight-dist-y) * 0.5) calc(1.875rem * 0.5) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2)), inset calc(var(--sc-shadow-dist-x) * 0.5) calc(var(--sc-shadow-dist-y) * 0.5) calc(1.875rem * 0.5) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2))}.raised-0{-webkit-box-shadow:calc(var(--sc-highlight-dist-x) * 0) calc(var(--sc-highlight-dist-y) * 0) calc(30px * 0) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2)), calc(var(--sc-shadow-dist-x) * 0) calc(var(--sc-shadow-dist-y) * 0) calc(30px * 0) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));box-shadow:calc(var(--sc-highlight-dist-x) * 0) calc(var(--sc-highlight-dist-y) * 0) calc(30px * 0) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2)), calc(var(--sc-shadow-dist-x) * 0) calc(var(--sc-shadow-dist-y) * 0) calc(30px * 0) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));-webkit-box-shadow:calc(var(--sc-highlight-dist-x) * 0) calc(var(--sc-highlight-dist-y) * 0) calc(1.875rem * 0) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2)), calc(var(--sc-shadow-dist-x) * 0) calc(var(--sc-shadow-dist-y) * 0) calc(1.875rem * 0) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));box-shadow:calc(var(--sc-highlight-dist-x) * 0) calc(var(--sc-highlight-dist-y) * 0) calc(1.875rem * 0) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2)), calc(var(--sc-shadow-dist-x) * 0) calc(var(--sc-shadow-dist-y) * 0) calc(1.875rem * 0) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2))}.raised-highlight-0{-webkit-box-shadow:calc(var(--sc-highlight-dist-x) * 0) calc(var(--sc-highlight-dist-y) * 0) calc(30px * 0) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2));box-shadow:calc(var(--sc-highlight-dist-x) * 0) calc(var(--sc-highlight-dist-y) * 0) calc(30px * 0) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2));-webkit-box-shadow:calc(var(--sc-highlight-dist-x) * 0) calc(var(--sc-highlight-dist-y) * 0) calc(1.875rem * 0) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2));box-shadow:calc(var(--sc-highlight-dist-x) * 0) calc(var(--sc-highlight-dist-y) * 0) calc(1.875rem * 0) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2))}.raised-shadow-0{-webkit-box-shadow:calc(var(--sc-shadow-dist-x) * 0) calc(var(--sc-shadow-dist-y) * 0) calc(30px * 0) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));box-shadow:calc(var(--sc-shadow-dist-x) * 0) calc(var(--sc-shadow-dist-y) * 0) calc(30px * 0) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));-webkit-box-shadow:calc(var(--sc-shadow-dist-x) * 0) calc(var(--sc-shadow-dist-y) * 0) calc(1.875rem * 0) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));box-shadow:calc(var(--sc-shadow-dist-x) * 0) calc(var(--sc-shadow-dist-y) * 0) calc(1.875rem * 0) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2))}.engraved-0{-webkit-box-shadow:inset calc(var(--sc-highlight-dist-x) * 0) calc(var(--sc-highlight-dist-y) * 0) calc(30px * 0) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2)), inset calc(var(--sc-shadow-dist-x) * 0) calc(var(--sc-shadow-dist-y) * 0) calc(30px * 0) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));box-shadow:inset calc(var(--sc-highlight-dist-x) * 0) calc(var(--sc-highlight-dist-y) * 0) calc(30px * 0) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2)), inset calc(var(--sc-shadow-dist-x) * 0) calc(var(--sc-shadow-dist-y) * 0) calc(30px * 0) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));-webkit-box-shadow:inset calc(var(--sc-highlight-dist-x) * 0) calc(var(--sc-highlight-dist-y) * 0) calc(1.875rem * 0) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2)), inset calc(var(--sc-shadow-dist-x) * 0) calc(var(--sc-shadow-dist-y) * 0) calc(1.875rem * 0) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));box-shadow:inset calc(var(--sc-highlight-dist-x) * 0) calc(var(--sc-highlight-dist-y) * 0) calc(1.875rem * 0) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2)), inset calc(var(--sc-shadow-dist-x) * 0) calc(var(--sc-shadow-dist-y) * 0) calc(1.875rem * 0) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2))}.engraved-highlight-0{-webkit-box-shadow:inset calc(var(--sc-highlight-dist-x) * 0) calc(var(--sc-highlight-dist-y) * 0) calc(30px * 0) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2));box-shadow:inset calc(var(--sc-highlight-dist-x) * 0) calc(var(--sc-highlight-dist-y) * 0) calc(30px * 0) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2));-webkit-box-shadow:inset calc(var(--sc-highlight-dist-x) * 0) calc(var(--sc-highlight-dist-y) * 0) calc(1.875rem * 0) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2));box-shadow:inset calc(var(--sc-highlight-dist-x) * 0) calc(var(--sc-highlight-dist-y) * 0) calc(1.875rem * 0) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2))}.engraved-shadow-0{-webkit-box-shadow:inset calc(var(--sc-shadow-dist-x) * 0) calc(var(--sc-shadow-dist-y) * 0) calc(30px * 0) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));box-shadow:inset calc(var(--sc-shadow-dist-x) * 0) calc(var(--sc-shadow-dist-y) * 0) calc(30px * 0) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));-webkit-box-shadow:inset calc(var(--sc-shadow-dist-x) * 0) calc(var(--sc-shadow-dist-y) * 0) calc(1.875rem * 0) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));box-shadow:inset calc(var(--sc-shadow-dist-x) * 0) calc(var(--sc-shadow-dist-y) * 0) calc(1.875rem * 0) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2))}.raised-1{-webkit-box-shadow:calc(var(--sc-highlight-dist-x) * 0.1) calc(var(--sc-highlight-dist-y) * 0.1) calc(30px * 0.1) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2)), calc(var(--sc-shadow-dist-x) * 0.1) calc(var(--sc-shadow-dist-y) * 0.1) calc(30px * 0.1) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));box-shadow:calc(var(--sc-highlight-dist-x) * 0.1) calc(var(--sc-highlight-dist-y) * 0.1) calc(30px * 0.1) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2)), calc(var(--sc-shadow-dist-x) * 0.1) calc(var(--sc-shadow-dist-y) * 0.1) calc(30px * 0.1) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));-webkit-box-shadow:calc(var(--sc-highlight-dist-x) * 0.1) calc(var(--sc-highlight-dist-y) * 0.1) calc(1.875rem * 0.1) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2)), calc(var(--sc-shadow-dist-x) * 0.1) calc(var(--sc-shadow-dist-y) * 0.1) calc(1.875rem * 0.1) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));box-shadow:calc(var(--sc-highlight-dist-x) * 0.1) calc(var(--sc-highlight-dist-y) * 0.1) calc(1.875rem * 0.1) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2)), calc(var(--sc-shadow-dist-x) * 0.1) calc(var(--sc-shadow-dist-y) * 0.1) calc(1.875rem * 0.1) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2))}.raised-highlight-1{-webkit-box-shadow:calc(var(--sc-highlight-dist-x) * 0.1) calc(var(--sc-highlight-dist-y) * 0.1) calc(30px * 0.1) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2));box-shadow:calc(var(--sc-highlight-dist-x) * 0.1) calc(var(--sc-highlight-dist-y) * 0.1) calc(30px * 0.1) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2));-webkit-box-shadow:calc(var(--sc-highlight-dist-x) * 0.1) calc(var(--sc-highlight-dist-y) * 0.1) calc(1.875rem * 0.1) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2));box-shadow:calc(var(--sc-highlight-dist-x) * 0.1) calc(var(--sc-highlight-dist-y) * 0.1) calc(1.875rem * 0.1) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2))}.raised-shadow-1{-webkit-box-shadow:calc(var(--sc-shadow-dist-x) * 0.1) calc(var(--sc-shadow-dist-y) * 0.1) calc(30px * 0.1) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));box-shadow:calc(var(--sc-shadow-dist-x) * 0.1) calc(var(--sc-shadow-dist-y) * 0.1) calc(30px * 0.1) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));-webkit-box-shadow:calc(var(--sc-shadow-dist-x) * 0.1) calc(var(--sc-shadow-dist-y) * 0.1) calc(1.875rem * 0.1) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));box-shadow:calc(var(--sc-shadow-dist-x) * 0.1) calc(var(--sc-shadow-dist-y) * 0.1) calc(1.875rem * 0.1) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2))}.engraved-1{-webkit-box-shadow:inset calc(var(--sc-highlight-dist-x) * 0.1) calc(var(--sc-highlight-dist-y) * 0.1) calc(30px * 0.1) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2)), inset calc(var(--sc-shadow-dist-x) * 0.1) calc(var(--sc-shadow-dist-y) * 0.1) calc(30px * 0.1) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));box-shadow:inset calc(var(--sc-highlight-dist-x) * 0.1) calc(var(--sc-highlight-dist-y) * 0.1) calc(30px * 0.1) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2)), inset calc(var(--sc-shadow-dist-x) * 0.1) calc(var(--sc-shadow-dist-y) * 0.1) calc(30px * 0.1) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));-webkit-box-shadow:inset calc(var(--sc-highlight-dist-x) * 0.1) calc(var(--sc-highlight-dist-y) * 0.1) calc(1.875rem * 0.1) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2)), inset calc(var(--sc-shadow-dist-x) * 0.1) calc(var(--sc-shadow-dist-y) * 0.1) calc(1.875rem * 0.1) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));box-shadow:inset calc(var(--sc-highlight-dist-x) * 0.1) calc(var(--sc-highlight-dist-y) * 0.1) calc(1.875rem * 0.1) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2)), inset calc(var(--sc-shadow-dist-x) * 0.1) calc(var(--sc-shadow-dist-y) * 0.1) calc(1.875rem * 0.1) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2))}.engraved-highlight-1{-webkit-box-shadow:inset calc(var(--sc-highlight-dist-x) * 0.1) calc(var(--sc-highlight-dist-y) * 0.1) calc(30px * 0.1) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2));box-shadow:inset calc(var(--sc-highlight-dist-x) * 0.1) calc(var(--sc-highlight-dist-y) * 0.1) calc(30px * 0.1) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2));-webkit-box-shadow:inset calc(var(--sc-highlight-dist-x) * 0.1) calc(var(--sc-highlight-dist-y) * 0.1) calc(1.875rem * 0.1) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2));box-shadow:inset calc(var(--sc-highlight-dist-x) * 0.1) calc(var(--sc-highlight-dist-y) * 0.1) calc(1.875rem * 0.1) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2))}.engraved-shadow-1{-webkit-box-shadow:inset calc(var(--sc-shadow-dist-x) * 0.1) calc(var(--sc-shadow-dist-y) * 0.1) calc(30px * 0.1) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));box-shadow:inset calc(var(--sc-shadow-dist-x) * 0.1) calc(var(--sc-shadow-dist-y) * 0.1) calc(30px * 0.1) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));-webkit-box-shadow:inset calc(var(--sc-shadow-dist-x) * 0.1) calc(var(--sc-shadow-dist-y) * 0.1) calc(1.875rem * 0.1) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));box-shadow:inset calc(var(--sc-shadow-dist-x) * 0.1) calc(var(--sc-shadow-dist-y) * 0.1) calc(1.875rem * 0.1) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2))}.raised-2{-webkit-box-shadow:calc(var(--sc-highlight-dist-x) * 0.2) calc(var(--sc-highlight-dist-y) * 0.2) calc(30px * 0.2) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2)), calc(var(--sc-shadow-dist-x) * 0.2) calc(var(--sc-shadow-dist-y) * 0.2) calc(30px * 0.2) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));box-shadow:calc(var(--sc-highlight-dist-x) * 0.2) calc(var(--sc-highlight-dist-y) * 0.2) calc(30px * 0.2) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2)), calc(var(--sc-shadow-dist-x) * 0.2) calc(var(--sc-shadow-dist-y) * 0.2) calc(30px * 0.2) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));-webkit-box-shadow:calc(var(--sc-highlight-dist-x) * 0.2) calc(var(--sc-highlight-dist-y) * 0.2) calc(1.875rem * 0.2) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2)), calc(var(--sc-shadow-dist-x) * 0.2) calc(var(--sc-shadow-dist-y) * 0.2) calc(1.875rem * 0.2) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));box-shadow:calc(var(--sc-highlight-dist-x) * 0.2) calc(var(--sc-highlight-dist-y) * 0.2) calc(1.875rem * 0.2) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2)), calc(var(--sc-shadow-dist-x) * 0.2) calc(var(--sc-shadow-dist-y) * 0.2) calc(1.875rem * 0.2) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2))}.raised-highlight-2{-webkit-box-shadow:calc(var(--sc-highlight-dist-x) * 0.2) calc(var(--sc-highlight-dist-y) * 0.2) calc(30px * 0.2) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2));box-shadow:calc(var(--sc-highlight-dist-x) * 0.2) calc(var(--sc-highlight-dist-y) * 0.2) calc(30px * 0.2) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2));-webkit-box-shadow:calc(var(--sc-highlight-dist-x) * 0.2) calc(var(--sc-highlight-dist-y) * 0.2) calc(1.875rem * 0.2) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2));box-shadow:calc(var(--sc-highlight-dist-x) * 0.2) calc(var(--sc-highlight-dist-y) * 0.2) calc(1.875rem * 0.2) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2))}.raised-shadow-2{-webkit-box-shadow:calc(var(--sc-shadow-dist-x) * 0.2) calc(var(--sc-shadow-dist-y) * 0.2) calc(30px * 0.2) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));box-shadow:calc(var(--sc-shadow-dist-x) * 0.2) calc(var(--sc-shadow-dist-y) * 0.2) calc(30px * 0.2) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));-webkit-box-shadow:calc(var(--sc-shadow-dist-x) * 0.2) calc(var(--sc-shadow-dist-y) * 0.2) calc(1.875rem * 0.2) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));box-shadow:calc(var(--sc-shadow-dist-x) * 0.2) calc(var(--sc-shadow-dist-y) * 0.2) calc(1.875rem * 0.2) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2))}.engraved-2{-webkit-box-shadow:inset calc(var(--sc-highlight-dist-x) * 0.2) calc(var(--sc-highlight-dist-y) * 0.2) calc(30px * 0.2) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2)), inset calc(var(--sc-shadow-dist-x) * 0.2) calc(var(--sc-shadow-dist-y) * 0.2) calc(30px * 0.2) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));box-shadow:inset calc(var(--sc-highlight-dist-x) * 0.2) calc(var(--sc-highlight-dist-y) * 0.2) calc(30px * 0.2) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2)), inset calc(var(--sc-shadow-dist-x) * 0.2) calc(var(--sc-shadow-dist-y) * 0.2) calc(30px * 0.2) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));-webkit-box-shadow:inset calc(var(--sc-highlight-dist-x) * 0.2) calc(var(--sc-highlight-dist-y) * 0.2) calc(1.875rem * 0.2) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2)), inset calc(var(--sc-shadow-dist-x) * 0.2) calc(var(--sc-shadow-dist-y) * 0.2) calc(1.875rem * 0.2) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));box-shadow:inset calc(var(--sc-highlight-dist-x) * 0.2) calc(var(--sc-highlight-dist-y) * 0.2) calc(1.875rem * 0.2) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2)), inset calc(var(--sc-shadow-dist-x) * 0.2) calc(var(--sc-shadow-dist-y) * 0.2) calc(1.875rem * 0.2) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2))}.engraved-highlight-2{-webkit-box-shadow:inset calc(var(--sc-highlight-dist-x) * 0.2) calc(var(--sc-highlight-dist-y) * 0.2) calc(30px * 0.2) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2));box-shadow:inset calc(var(--sc-highlight-dist-x) * 0.2) calc(var(--sc-highlight-dist-y) * 0.2) calc(30px * 0.2) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2));-webkit-box-shadow:inset calc(var(--sc-highlight-dist-x) * 0.2) calc(var(--sc-highlight-dist-y) * 0.2) calc(1.875rem * 0.2) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2));box-shadow:inset calc(var(--sc-highlight-dist-x) * 0.2) calc(var(--sc-highlight-dist-y) * 0.2) calc(1.875rem * 0.2) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2))}.engraved-shadow-2{-webkit-box-shadow:inset calc(var(--sc-shadow-dist-x) * 0.2) calc(var(--sc-shadow-dist-y) * 0.2) calc(30px * 0.2) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));box-shadow:inset calc(var(--sc-shadow-dist-x) * 0.2) calc(var(--sc-shadow-dist-y) * 0.2) calc(30px * 0.2) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));-webkit-box-shadow:inset calc(var(--sc-shadow-dist-x) * 0.2) calc(var(--sc-shadow-dist-y) * 0.2) calc(1.875rem * 0.2) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));box-shadow:inset calc(var(--sc-shadow-dist-x) * 0.2) calc(var(--sc-shadow-dist-y) * 0.2) calc(1.875rem * 0.2) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2))}.raised-3{-webkit-box-shadow:calc(var(--sc-highlight-dist-x) * 0.3) calc(var(--sc-highlight-dist-y) * 0.3) calc(30px * 0.3) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2)), calc(var(--sc-shadow-dist-x) * 0.3) calc(var(--sc-shadow-dist-y) * 0.3) calc(30px * 0.3) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));box-shadow:calc(var(--sc-highlight-dist-x) * 0.3) calc(var(--sc-highlight-dist-y) * 0.3) calc(30px * 0.3) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2)), calc(var(--sc-shadow-dist-x) * 0.3) calc(var(--sc-shadow-dist-y) * 0.3) calc(30px * 0.3) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));-webkit-box-shadow:calc(var(--sc-highlight-dist-x) * 0.3) calc(var(--sc-highlight-dist-y) * 0.3) calc(1.875rem * 0.3) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2)), calc(var(--sc-shadow-dist-x) * 0.3) calc(var(--sc-shadow-dist-y) * 0.3) calc(1.875rem * 0.3) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));box-shadow:calc(var(--sc-highlight-dist-x) * 0.3) calc(var(--sc-highlight-dist-y) * 0.3) calc(1.875rem * 0.3) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2)), calc(var(--sc-shadow-dist-x) * 0.3) calc(var(--sc-shadow-dist-y) * 0.3) calc(1.875rem * 0.3) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2))}.raised-highlight-3{-webkit-box-shadow:calc(var(--sc-highlight-dist-x) * 0.3) calc(var(--sc-highlight-dist-y) * 0.3) calc(30px * 0.3) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2));box-shadow:calc(var(--sc-highlight-dist-x) * 0.3) calc(var(--sc-highlight-dist-y) * 0.3) calc(30px * 0.3) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2));-webkit-box-shadow:calc(var(--sc-highlight-dist-x) * 0.3) calc(var(--sc-highlight-dist-y) * 0.3) calc(1.875rem * 0.3) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2));box-shadow:calc(var(--sc-highlight-dist-x) * 0.3) calc(var(--sc-highlight-dist-y) * 0.3) calc(1.875rem * 0.3) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2))}.raised-shadow-3{-webkit-box-shadow:calc(var(--sc-shadow-dist-x) * 0.3) calc(var(--sc-shadow-dist-y) * 0.3) calc(30px * 0.3) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));box-shadow:calc(var(--sc-shadow-dist-x) * 0.3) calc(var(--sc-shadow-dist-y) * 0.3) calc(30px * 0.3) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));-webkit-box-shadow:calc(var(--sc-shadow-dist-x) * 0.3) calc(var(--sc-shadow-dist-y) * 0.3) calc(1.875rem * 0.3) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));box-shadow:calc(var(--sc-shadow-dist-x) * 0.3) calc(var(--sc-shadow-dist-y) * 0.3) calc(1.875rem * 0.3) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2))}.engraved-3{-webkit-box-shadow:inset calc(var(--sc-highlight-dist-x) * 0.3) calc(var(--sc-highlight-dist-y) * 0.3) calc(30px * 0.3) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2)), inset calc(var(--sc-shadow-dist-x) * 0.3) calc(var(--sc-shadow-dist-y) * 0.3) calc(30px * 0.3) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));box-shadow:inset calc(var(--sc-highlight-dist-x) * 0.3) calc(var(--sc-highlight-dist-y) * 0.3) calc(30px * 0.3) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2)), inset calc(var(--sc-shadow-dist-x) * 0.3) calc(var(--sc-shadow-dist-y) * 0.3) calc(30px * 0.3) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));-webkit-box-shadow:inset calc(var(--sc-highlight-dist-x) * 0.3) calc(var(--sc-highlight-dist-y) * 0.3) calc(1.875rem * 0.3) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2)), inset calc(var(--sc-shadow-dist-x) * 0.3) calc(var(--sc-shadow-dist-y) * 0.3) calc(1.875rem * 0.3) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));box-shadow:inset calc(var(--sc-highlight-dist-x) * 0.3) calc(var(--sc-highlight-dist-y) * 0.3) calc(1.875rem * 0.3) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2)), inset calc(var(--sc-shadow-dist-x) * 0.3) calc(var(--sc-shadow-dist-y) * 0.3) calc(1.875rem * 0.3) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2))}.engraved-highlight-3{-webkit-box-shadow:inset calc(var(--sc-highlight-dist-x) * 0.3) calc(var(--sc-highlight-dist-y) * 0.3) calc(30px * 0.3) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2));box-shadow:inset calc(var(--sc-highlight-dist-x) * 0.3) calc(var(--sc-highlight-dist-y) * 0.3) calc(30px * 0.3) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2));-webkit-box-shadow:inset calc(var(--sc-highlight-dist-x) * 0.3) calc(var(--sc-highlight-dist-y) * 0.3) calc(1.875rem * 0.3) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2));box-shadow:inset calc(var(--sc-highlight-dist-x) * 0.3) calc(var(--sc-highlight-dist-y) * 0.3) calc(1.875rem * 0.3) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2))}.engraved-shadow-3{-webkit-box-shadow:inset calc(var(--sc-shadow-dist-x) * 0.3) calc(var(--sc-shadow-dist-y) * 0.3) calc(30px * 0.3) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));box-shadow:inset calc(var(--sc-shadow-dist-x) * 0.3) calc(var(--sc-shadow-dist-y) * 0.3) calc(30px * 0.3) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));-webkit-box-shadow:inset calc(var(--sc-shadow-dist-x) * 0.3) calc(var(--sc-shadow-dist-y) * 0.3) calc(1.875rem * 0.3) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));box-shadow:inset calc(var(--sc-shadow-dist-x) * 0.3) calc(var(--sc-shadow-dist-y) * 0.3) calc(1.875rem * 0.3) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2))}.raised-4{-webkit-box-shadow:calc(var(--sc-highlight-dist-x) * 0.4) calc(var(--sc-highlight-dist-y) * 0.4) calc(30px * 0.4) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2)), calc(var(--sc-shadow-dist-x) * 0.4) calc(var(--sc-shadow-dist-y) * 0.4) calc(30px * 0.4) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));box-shadow:calc(var(--sc-highlight-dist-x) * 0.4) calc(var(--sc-highlight-dist-y) * 0.4) calc(30px * 0.4) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2)), calc(var(--sc-shadow-dist-x) * 0.4) calc(var(--sc-shadow-dist-y) * 0.4) calc(30px * 0.4) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));-webkit-box-shadow:calc(var(--sc-highlight-dist-x) * 0.4) calc(var(--sc-highlight-dist-y) * 0.4) calc(1.875rem * 0.4) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2)), calc(var(--sc-shadow-dist-x) * 0.4) calc(var(--sc-shadow-dist-y) * 0.4) calc(1.875rem * 0.4) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));box-shadow:calc(var(--sc-highlight-dist-x) * 0.4) calc(var(--sc-highlight-dist-y) * 0.4) calc(1.875rem * 0.4) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2)), calc(var(--sc-shadow-dist-x) * 0.4) calc(var(--sc-shadow-dist-y) * 0.4) calc(1.875rem * 0.4) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2))}.raised-highlight-4{-webkit-box-shadow:calc(var(--sc-highlight-dist-x) * 0.4) calc(var(--sc-highlight-dist-y) * 0.4) calc(30px * 0.4) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2));box-shadow:calc(var(--sc-highlight-dist-x) * 0.4) calc(var(--sc-highlight-dist-y) * 0.4) calc(30px * 0.4) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2));-webkit-box-shadow:calc(var(--sc-highlight-dist-x) * 0.4) calc(var(--sc-highlight-dist-y) * 0.4) calc(1.875rem * 0.4) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2));box-shadow:calc(var(--sc-highlight-dist-x) * 0.4) calc(var(--sc-highlight-dist-y) * 0.4) calc(1.875rem * 0.4) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2))}.raised-shadow-4{-webkit-box-shadow:calc(var(--sc-shadow-dist-x) * 0.4) calc(var(--sc-shadow-dist-y) * 0.4) calc(30px * 0.4) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));box-shadow:calc(var(--sc-shadow-dist-x) * 0.4) calc(var(--sc-shadow-dist-y) * 0.4) calc(30px * 0.4) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));-webkit-box-shadow:calc(var(--sc-shadow-dist-x) * 0.4) calc(var(--sc-shadow-dist-y) * 0.4) calc(1.875rem * 0.4) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));box-shadow:calc(var(--sc-shadow-dist-x) * 0.4) calc(var(--sc-shadow-dist-y) * 0.4) calc(1.875rem * 0.4) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2))}.engraved-4{-webkit-box-shadow:inset calc(var(--sc-highlight-dist-x) * 0.4) calc(var(--sc-highlight-dist-y) * 0.4) calc(30px * 0.4) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2)), inset calc(var(--sc-shadow-dist-x) * 0.4) calc(var(--sc-shadow-dist-y) * 0.4) calc(30px * 0.4) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));box-shadow:inset calc(var(--sc-highlight-dist-x) * 0.4) calc(var(--sc-highlight-dist-y) * 0.4) calc(30px * 0.4) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2)), inset calc(var(--sc-shadow-dist-x) * 0.4) calc(var(--sc-shadow-dist-y) * 0.4) calc(30px * 0.4) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));-webkit-box-shadow:inset calc(var(--sc-highlight-dist-x) * 0.4) calc(var(--sc-highlight-dist-y) * 0.4) calc(1.875rem * 0.4) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2)), inset calc(var(--sc-shadow-dist-x) * 0.4) calc(var(--sc-shadow-dist-y) * 0.4) calc(1.875rem * 0.4) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));box-shadow:inset calc(var(--sc-highlight-dist-x) * 0.4) calc(var(--sc-highlight-dist-y) * 0.4) calc(1.875rem * 0.4) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2)), inset calc(var(--sc-shadow-dist-x) * 0.4) calc(var(--sc-shadow-dist-y) * 0.4) calc(1.875rem * 0.4) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2))}.engraved-highlight-4{-webkit-box-shadow:inset calc(var(--sc-highlight-dist-x) * 0.4) calc(var(--sc-highlight-dist-y) * 0.4) calc(30px * 0.4) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2));box-shadow:inset calc(var(--sc-highlight-dist-x) * 0.4) calc(var(--sc-highlight-dist-y) * 0.4) calc(30px * 0.4) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2));-webkit-box-shadow:inset calc(var(--sc-highlight-dist-x) * 0.4) calc(var(--sc-highlight-dist-y) * 0.4) calc(1.875rem * 0.4) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2));box-shadow:inset calc(var(--sc-highlight-dist-x) * 0.4) calc(var(--sc-highlight-dist-y) * 0.4) calc(1.875rem * 0.4) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2))}.engraved-shadow-4{-webkit-box-shadow:inset calc(var(--sc-shadow-dist-x) * 0.4) calc(var(--sc-shadow-dist-y) * 0.4) calc(30px * 0.4) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));box-shadow:inset calc(var(--sc-shadow-dist-x) * 0.4) calc(var(--sc-shadow-dist-y) * 0.4) calc(30px * 0.4) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));-webkit-box-shadow:inset calc(var(--sc-shadow-dist-x) * 0.4) calc(var(--sc-shadow-dist-y) * 0.4) calc(1.875rem * 0.4) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));box-shadow:inset calc(var(--sc-shadow-dist-x) * 0.4) calc(var(--sc-shadow-dist-y) * 0.4) calc(1.875rem * 0.4) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2))}.raised-5{-webkit-box-shadow:calc(var(--sc-highlight-dist-x) * 0.5) calc(var(--sc-highlight-dist-y) * 0.5) calc(30px * 0.5) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2)), calc(var(--sc-shadow-dist-x) * 0.5) calc(var(--sc-shadow-dist-y) * 0.5) calc(30px * 0.5) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));box-shadow:calc(var(--sc-highlight-dist-x) * 0.5) calc(var(--sc-highlight-dist-y) * 0.5) calc(30px * 0.5) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2)), calc(var(--sc-shadow-dist-x) * 0.5) calc(var(--sc-shadow-dist-y) * 0.5) calc(30px * 0.5) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));-webkit-box-shadow:calc(var(--sc-highlight-dist-x) * 0.5) calc(var(--sc-highlight-dist-y) * 0.5) calc(1.875rem * 0.5) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2)), calc(var(--sc-shadow-dist-x) * 0.5) calc(var(--sc-shadow-dist-y) * 0.5) calc(1.875rem * 0.5) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));box-shadow:calc(var(--sc-highlight-dist-x) * 0.5) calc(var(--sc-highlight-dist-y) * 0.5) calc(1.875rem * 0.5) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2)), calc(var(--sc-shadow-dist-x) * 0.5) calc(var(--sc-shadow-dist-y) * 0.5) calc(1.875rem * 0.5) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2))}.raised-highlight-5{-webkit-box-shadow:calc(var(--sc-highlight-dist-x) * 0.5) calc(var(--sc-highlight-dist-y) * 0.5) calc(30px * 0.5) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2));box-shadow:calc(var(--sc-highlight-dist-x) * 0.5) calc(var(--sc-highlight-dist-y) * 0.5) calc(30px * 0.5) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2));-webkit-box-shadow:calc(var(--sc-highlight-dist-x) * 0.5) calc(var(--sc-highlight-dist-y) * 0.5) calc(1.875rem * 0.5) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2));box-shadow:calc(var(--sc-highlight-dist-x) * 0.5) calc(var(--sc-highlight-dist-y) * 0.5) calc(1.875rem * 0.5) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2))}.raised-shadow-5{-webkit-box-shadow:calc(var(--sc-shadow-dist-x) * 0.5) calc(var(--sc-shadow-dist-y) * 0.5) calc(30px * 0.5) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));box-shadow:calc(var(--sc-shadow-dist-x) * 0.5) calc(var(--sc-shadow-dist-y) * 0.5) calc(30px * 0.5) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));-webkit-box-shadow:calc(var(--sc-shadow-dist-x) * 0.5) calc(var(--sc-shadow-dist-y) * 0.5) calc(1.875rem * 0.5) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));box-shadow:calc(var(--sc-shadow-dist-x) * 0.5) calc(var(--sc-shadow-dist-y) * 0.5) calc(1.875rem * 0.5) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2))}.engraved-5{-webkit-box-shadow:inset calc(var(--sc-highlight-dist-x) * 0.5) calc(var(--sc-highlight-dist-y) * 0.5) calc(30px * 0.5) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2)), inset calc(var(--sc-shadow-dist-x) * 0.5) calc(var(--sc-shadow-dist-y) * 0.5) calc(30px * 0.5) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));box-shadow:inset calc(var(--sc-highlight-dist-x) * 0.5) calc(var(--sc-highlight-dist-y) * 0.5) calc(30px * 0.5) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2)), inset calc(var(--sc-shadow-dist-x) * 0.5) calc(var(--sc-shadow-dist-y) * 0.5) calc(30px * 0.5) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));-webkit-box-shadow:inset calc(var(--sc-highlight-dist-x) * 0.5) calc(var(--sc-highlight-dist-y) * 0.5) calc(1.875rem * 0.5) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2)), inset calc(var(--sc-shadow-dist-x) * 0.5) calc(var(--sc-shadow-dist-y) * 0.5) calc(1.875rem * 0.5) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));box-shadow:inset calc(var(--sc-highlight-dist-x) * 0.5) calc(var(--sc-highlight-dist-y) * 0.5) calc(1.875rem * 0.5) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2)), inset calc(var(--sc-shadow-dist-x) * 0.5) calc(var(--sc-shadow-dist-y) * 0.5) calc(1.875rem * 0.5) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2))}.engraved-highlight-5{-webkit-box-shadow:inset calc(var(--sc-highlight-dist-x) * 0.5) calc(var(--sc-highlight-dist-y) * 0.5) calc(30px * 0.5) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2));box-shadow:inset calc(var(--sc-highlight-dist-x) * 0.5) calc(var(--sc-highlight-dist-y) * 0.5) calc(30px * 0.5) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2));-webkit-box-shadow:inset calc(var(--sc-highlight-dist-x) * 0.5) calc(var(--sc-highlight-dist-y) * 0.5) calc(1.875rem * 0.5) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2));box-shadow:inset calc(var(--sc-highlight-dist-x) * 0.5) calc(var(--sc-highlight-dist-y) * 0.5) calc(1.875rem * 0.5) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2))}.engraved-shadow-5{-webkit-box-shadow:inset calc(var(--sc-shadow-dist-x) * 0.5) calc(var(--sc-shadow-dist-y) * 0.5) calc(30px * 0.5) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));box-shadow:inset calc(var(--sc-shadow-dist-x) * 0.5) calc(var(--sc-shadow-dist-y) * 0.5) calc(30px * 0.5) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));-webkit-box-shadow:inset calc(var(--sc-shadow-dist-x) * 0.5) calc(var(--sc-shadow-dist-y) * 0.5) calc(1.875rem * 0.5) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));box-shadow:inset calc(var(--sc-shadow-dist-x) * 0.5) calc(var(--sc-shadow-dist-y) * 0.5) calc(1.875rem * 0.5) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2))}.raised-6{-webkit-box-shadow:calc(var(--sc-highlight-dist-x) * 0.6) calc(var(--sc-highlight-dist-y) * 0.6) calc(30px * 0.6) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2)), calc(var(--sc-shadow-dist-x) * 0.6) calc(var(--sc-shadow-dist-y) * 0.6) calc(30px * 0.6) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));box-shadow:calc(var(--sc-highlight-dist-x) * 0.6) calc(var(--sc-highlight-dist-y) * 0.6) calc(30px * 0.6) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2)), calc(var(--sc-shadow-dist-x) * 0.6) calc(var(--sc-shadow-dist-y) * 0.6) calc(30px * 0.6) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));-webkit-box-shadow:calc(var(--sc-highlight-dist-x) * 0.6) calc(var(--sc-highlight-dist-y) * 0.6) calc(1.875rem * 0.6) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2)), calc(var(--sc-shadow-dist-x) * 0.6) calc(var(--sc-shadow-dist-y) * 0.6) calc(1.875rem * 0.6) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));box-shadow:calc(var(--sc-highlight-dist-x) * 0.6) calc(var(--sc-highlight-dist-y) * 0.6) calc(1.875rem * 0.6) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2)), calc(var(--sc-shadow-dist-x) * 0.6) calc(var(--sc-shadow-dist-y) * 0.6) calc(1.875rem * 0.6) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2))}.raised-highlight-6{-webkit-box-shadow:calc(var(--sc-highlight-dist-x) * 0.6) calc(var(--sc-highlight-dist-y) * 0.6) calc(30px * 0.6) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2));box-shadow:calc(var(--sc-highlight-dist-x) * 0.6) calc(var(--sc-highlight-dist-y) * 0.6) calc(30px * 0.6) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2));-webkit-box-shadow:calc(var(--sc-highlight-dist-x) * 0.6) calc(var(--sc-highlight-dist-y) * 0.6) calc(1.875rem * 0.6) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2));box-shadow:calc(var(--sc-highlight-dist-x) * 0.6) calc(var(--sc-highlight-dist-y) * 0.6) calc(1.875rem * 0.6) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2))}.raised-shadow-6{-webkit-box-shadow:calc(var(--sc-shadow-dist-x) * 0.6) calc(var(--sc-shadow-dist-y) * 0.6) calc(30px * 0.6) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));box-shadow:calc(var(--sc-shadow-dist-x) * 0.6) calc(var(--sc-shadow-dist-y) * 0.6) calc(30px * 0.6) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));-webkit-box-shadow:calc(var(--sc-shadow-dist-x) * 0.6) calc(var(--sc-shadow-dist-y) * 0.6) calc(1.875rem * 0.6) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));box-shadow:calc(var(--sc-shadow-dist-x) * 0.6) calc(var(--sc-shadow-dist-y) * 0.6) calc(1.875rem * 0.6) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2))}.engraved-6{-webkit-box-shadow:inset calc(var(--sc-highlight-dist-x) * 0.6) calc(var(--sc-highlight-dist-y) * 0.6) calc(30px * 0.6) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2)), inset calc(var(--sc-shadow-dist-x) * 0.6) calc(var(--sc-shadow-dist-y) * 0.6) calc(30px * 0.6) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));box-shadow:inset calc(var(--sc-highlight-dist-x) * 0.6) calc(var(--sc-highlight-dist-y) * 0.6) calc(30px * 0.6) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2)), inset calc(var(--sc-shadow-dist-x) * 0.6) calc(var(--sc-shadow-dist-y) * 0.6) calc(30px * 0.6) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));-webkit-box-shadow:inset calc(var(--sc-highlight-dist-x) * 0.6) calc(var(--sc-highlight-dist-y) * 0.6) calc(1.875rem * 0.6) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2)), inset calc(var(--sc-shadow-dist-x) * 0.6) calc(var(--sc-shadow-dist-y) * 0.6) calc(1.875rem * 0.6) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));box-shadow:inset calc(var(--sc-highlight-dist-x) * 0.6) calc(var(--sc-highlight-dist-y) * 0.6) calc(1.875rem * 0.6) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2)), inset calc(var(--sc-shadow-dist-x) * 0.6) calc(var(--sc-shadow-dist-y) * 0.6) calc(1.875rem * 0.6) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2))}.engraved-highlight-6{-webkit-box-shadow:inset calc(var(--sc-highlight-dist-x) * 0.6) calc(var(--sc-highlight-dist-y) * 0.6) calc(30px * 0.6) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2));box-shadow:inset calc(var(--sc-highlight-dist-x) * 0.6) calc(var(--sc-highlight-dist-y) * 0.6) calc(30px * 0.6) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2));-webkit-box-shadow:inset calc(var(--sc-highlight-dist-x) * 0.6) calc(var(--sc-highlight-dist-y) * 0.6) calc(1.875rem * 0.6) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2));box-shadow:inset calc(var(--sc-highlight-dist-x) * 0.6) calc(var(--sc-highlight-dist-y) * 0.6) calc(1.875rem * 0.6) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2))}.engraved-shadow-6{-webkit-box-shadow:inset calc(var(--sc-shadow-dist-x) * 0.6) calc(var(--sc-shadow-dist-y) * 0.6) calc(30px * 0.6) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));box-shadow:inset calc(var(--sc-shadow-dist-x) * 0.6) calc(var(--sc-shadow-dist-y) * 0.6) calc(30px * 0.6) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));-webkit-box-shadow:inset calc(var(--sc-shadow-dist-x) * 0.6) calc(var(--sc-shadow-dist-y) * 0.6) calc(1.875rem * 0.6) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));box-shadow:inset calc(var(--sc-shadow-dist-x) * 0.6) calc(var(--sc-shadow-dist-y) * 0.6) calc(1.875rem * 0.6) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2))}.raised-7{-webkit-box-shadow:calc(var(--sc-highlight-dist-x) * 0.7) calc(var(--sc-highlight-dist-y) * 0.7) calc(30px * 0.7) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2)), calc(var(--sc-shadow-dist-x) * 0.7) calc(var(--sc-shadow-dist-y) * 0.7) calc(30px * 0.7) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));box-shadow:calc(var(--sc-highlight-dist-x) * 0.7) calc(var(--sc-highlight-dist-y) * 0.7) calc(30px * 0.7) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2)), calc(var(--sc-shadow-dist-x) * 0.7) calc(var(--sc-shadow-dist-y) * 0.7) calc(30px * 0.7) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));-webkit-box-shadow:calc(var(--sc-highlight-dist-x) * 0.7) calc(var(--sc-highlight-dist-y) * 0.7) calc(1.875rem * 0.7) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2)), calc(var(--sc-shadow-dist-x) * 0.7) calc(var(--sc-shadow-dist-y) * 0.7) calc(1.875rem * 0.7) 0 var(--sc-shadow-color, rgba(0, 0, 0, 0.2));box-shadow:calc(var(--sc-highlight-dist-x) * 0.7) calc(var(--sc-highlight-dist-y) * 0.7) calc(1.875rem * 0.7) 0 var(--sc-highlight-color, rgba(255, 255, 255, 0.2)), calc(var(--sc-shadow-dist-x) * 0.7) calc(var(--sc-shadow-dist-y) * 0.7) calc(1.875rem *