.workbench-showcase{position:relative;isolation:isolate;overflow:hidden;border-radius:20px;background:radial-gradient(50% 60% at 50% -4%,#f4f2dec0,#f4f2de00),radial-gradient(42% 55% at 12% 22%,#cee4cccc,#cee4cc00),radial-gradient(40% 55% at 90% 30%,#c4dec8b3,#c4dec800),radial-gradient(50% 65% at 8% 105%,#3e705699,#3e705600),radial-gradient(45% 60% at 95% 105%,#467a6080,#467a6000),linear-gradient(180deg,#d2e3cf,#acc9b2,#6a9a7e);box-shadow:0 1px 2px #1f3a2a14,0 18px 40px -18px #1f3a2a3d,0 50px 100px -40px #2a5a4047}.workbench-showcase>*{position:relative;z-index:1}.workbench-showcase>.workbench-showcase-atmosphere{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.workbench-showcase.is-canopy{background:radial-gradient(60% 70% at 82% -10%,#a9c07fcc,#a9c07f00),radial-gradient(40% 50% at 12% 90%,#4f7a45aa,#4f7a4500),linear-gradient(160deg,#2f5a3b,#1d3d29 55%,#12281b);box-shadow:0 1px 2px #0c1a121f,0 30px 60px -30px #0c1a1259,0 70px 120px -60px #12271d66}.workbench-showcase.is-canopy>.workbench-showcase-atmosphere{opacity:0;transition:opacity 1.2s ease}.workbench-showcase.is-canopy>.workbench-showcase-atmosphere.is-ready{opacity:1}.workbench-showcase>.workbench-showcase-grain{position:absolute;inset:-60px;z-index:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='1 0 0 0 0 1 0 0 0 0 1 0 0 0 0 0 0 0 0 .75'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:220px 220px;mix-blend-mode:soft-light;opacity:.7}@media(prefers-reduced-motion:no-preference){.workbench-showcase>.workbench-showcase-grain{animation:workbench-grain 1.2s steps(6) infinite}}@keyframes workbench-grain{0%{transform:translate(0)}17%{transform:translate(-23px,14px)}33%{transform:translate(18px,-27px)}50%{transform:translate(-31px,-9px)}67%{transform:translate(27px,22px)}83%{transform:translate(-8px,31px)}to{transform:translate(0)}}.workbench-showcase.is-canopy:after{display:none}.workbench-showcase.is-canopy>.workbench-showcase-grain{opacity:.45}.workbench-showcase.is-canopy:before{box-shadow:inset 0 0 0 1px #ffffff14,inset 0 1px #ffffff2e}.workbench-showcase:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='1 0 0 0 0 1 0 0 0 0 1 0 0 0 0 0 0 0 0 .7'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px;mix-blend-mode:soft-light;opacity:.55}.workbench-showcase:before{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px #ffffff2e,inset 0 1px #ffffff80,inset 0 -1px #12301f1f}