.Examples-module__SiQk2q__section{isolation:isolate;background:radial-gradient(circle at 50% 56%,#bbeb5c24,#0000 29%),radial-gradient(circle at 84% 42%,#3ec6ba21,#0000 23%);padding:clamp(5.5rem,9vw,9rem) 0 clamp(5rem,8vw,8rem);position:relative;overflow:hidden}.Examples-module__SiQk2q__header,.Examples-module__SiQk2q__footer{width:min(100% - 2rem,78rem);margin-inline:auto}.Examples-module__SiQk2q__header{z-index:8;position:relative}.Examples-module__SiQk2q__status{color:#f6f4ea85;font:600 .72rem/1 var(--font-mono,monospace);letter-spacing:.16em;align-items:baseline;gap:.5rem;display:flex;position:absolute;bottom:.45rem;right:0}.Examples-module__SiQk2q__status strong{color:var(--lime,#c9ef67);font-size:1.55rem}.Examples-module__SiQk2q__carousel{perspective:1500px;perspective-origin:50% 45%;width:100%;height:clamp(31rem,53vw,42rem);transform-style:preserve-3d;outline:none;margin-top:clamp(1.5rem,3vw,3rem);position:relative}.Examples-module__SiQk2q__carousel:focus-visible:after{content:"";z-index:20;pointer-events:none;border:1px solid #c9ef678c;border-radius:2rem;position:absolute;inset:7% 5%}.Examples-module__SiQk2q__orbit{border:1px solid #c9ef6740;border-radius:50%;width:min(91vw,84rem);height:42%;position:absolute;top:51%;left:50%;transform:translate(-50%,-50%)rotateX(67deg)rotate(-3deg);box-shadow:0 0 0 2rem #3fbeb106,0 0 7rem #c9ef6714}.Examples-module__SiQk2q__orbit:before,.Examples-module__SiQk2q__orbit:after{content:"";aspect-ratio:1;background:var(--lime,#c9ef67);border-radius:50%;width:.55rem;position:absolute;top:50%;box-shadow:0 0 1.5rem #c9ef67e6}.Examples-module__SiQk2q__orbit:before{left:5%}.Examples-module__SiQk2q__orbit:after{right:5%}.Examples-module__SiQk2q__card{width:min(57vw,47rem);color:inherit;transform-style:preserve-3d;transform-origin:50%;will-change:transform, opacity;text-decoration:none;transition:transform .92s cubic-bezier(.16,1,.3,1),opacity .72s cubic-bezier(.16,1,.3,1),filter .72s cubic-bezier(.16,1,.3,1);position:absolute;top:48%;left:50%}.Examples-module__SiQk2q__active{z-index:5;opacity:1;filter:saturate(1.03)brightness();pointer-events:auto;transform:translate(-50%,-50%)translateZ(115px)rotateY(0)scale(1)}.Examples-module__SiQk2q__next{z-index:3;opacity:.68;filter:saturate(.72)brightness(.72);pointer-events:none;transform:translate(calc(-50% + min(41vw,36rem)),-50%)translateZ(-230px)rotateY(-52deg)scale(.76)}.Examples-module__SiQk2q__previous{z-index:3;opacity:.68;filter:saturate(.72)brightness(.72);pointer-events:none;transform:translate(calc(-50% - min(41vw,36rem)),-50%)translateZ(-230px)rotateY(52deg)scale(.76)}.Examples-module__SiQk2q__back{z-index:1;opacity:.2;filter:saturate(.4)brightness(.55);pointer-events:none;transform:translate(-50%,-50%)translateZ(-560px)rotateY(180deg)scale(.62)}.Examples-module__SiQk2q__number{z-index:4;color:#c9ef67c7;font:600 clamp(2.4rem, 5vw, 5rem)/1 var(--font-mono,monospace);letter-spacing:-.08em;text-shadow:0 0 2rem #c9ef6740;position:absolute;top:-2.6rem;right:.3rem;transform:translateZ(3rem)}.Examples-module__SiQk2q__surface{background:#0b1915;border:1px solid #e0efda3b;border-radius:clamp(1rem,2vw,1.55rem);transition:transform .32s,border-color .32s,box-shadow .32s;overflow:hidden;box-shadow:0 2.3rem 5rem #00000075,inset 0 1px #ffffff14}.Examples-module__SiQk2q__active:hover .Examples-module__SiQk2q__surface,.Examples-module__SiQk2q__active:focus-visible .Examples-module__SiQk2q__surface{border-color:#c9ef679e;transform:translateZ(1rem)translateY(-.3rem);box-shadow:0 2.7rem 6rem #00000080,0 0 3rem #c9ef671a}.Examples-module__SiQk2q__active:focus-visible{outline:none}.Examples-module__SiQk2q__browserBar{background:#e8efe117;border-bottom:1px solid #ffffff14;align-items:center;gap:.35rem;height:2.35rem;padding-inline:.9rem;display:flex}.Examples-module__SiQk2q__browserBar span{aspect-ratio:1;background:#c9ef67bf;border-radius:50%;width:.42rem}.Examples-module__SiQk2q__browserBar span:nth-child(2){opacity:.55}.Examples-module__SiQk2q__browserBar span:nth-child(3){opacity:.28}.Examples-module__SiQk2q__browserBar b{color:#f6f4ea8c;font:500 .58rem/1 var(--font-mono,monospace);letter-spacing:.14em;text-overflow:ellipsis;white-space:nowrap;margin-left:.45rem;overflow:hidden}.Examples-module__SiQk2q__image{aspect-ratio:16/9.65;position:relative;overflow:hidden}.Examples-module__SiQk2q__image img{object-fit:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.22,.9,.25,1)}.Examples-module__SiQk2q__active:hover .Examples-module__SiQk2q__image img{transform:scale(1.025)}.Examples-module__SiQk2q__shine{opacity:.45;background:linear-gradient(112deg,#0000 22%,#ffffff1f 46%,#0000 64%);transition:transform .8s;position:absolute;inset:0;transform:translate(-80%)}.Examples-module__SiQk2q__active:hover .Examples-module__SiQk2q__shine{transform:translate(80%)}.Examples-module__SiQk2q__meta{color:#f6f4ead9;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.2rem;font-size:.78rem;display:flex}.Examples-module__SiQk2q__meta span:last-child{color:var(--lime,#c9ef67)}.Examples-module__SiQk2q__arrow{z-index:12;aspect-ratio:1;color:#f6f4ea;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#081c17e6;border:1px solid #e0efda4d;border-radius:50%;place-items:center;width:3.75rem;transition:background .22s,color .22s,border-color .22s,transform .22s;display:grid;position:absolute;top:48%;transform:translateY(-50%);box-shadow:0 1rem 2.4rem #0000004d}.Examples-module__SiQk2q__arrow span{font-size:1.45rem;transform:translateY(-.05rem)}.Examples-module__SiQk2q__arrowPrevious{left:max(1rem,50% - 30rem)}.Examples-module__SiQk2q__arrowNext{right:max(1rem,50% - 30rem)}.Examples-module__SiQk2q__arrow:hover,.Examples-module__SiQk2q__arrow:focus-visible{border-color:var(--lime,#c9ef67);background:var(--lime,#c9ef67);color:#0a201a;outline:none;transform:translateY(-50%)scale(1.08)}.Examples-module__SiQk2q__arrow:active{transform:translateY(-50%)scale(.94)}.Examples-module__SiQk2q__footer{z-index:8;color:#244b40;justify-content:space-between;align-items:center;gap:2rem;font-size:.76rem;display:flex;position:relative}.Examples-module__SiQk2q__hint{color:#246447;font:500 .66rem/1.5 var(--font-mono,monospace);letter-spacing:.08em;text-align:right;text-transform:uppercase}@media (max-width:767px){.Examples-module__SiQk2q__section{padding-block:5rem 4.5rem}.Examples-module__SiQk2q__status{justify-content:flex-end;margin-top:1rem;position:static}.Examples-module__SiQk2q__carousel{height:29rem;margin-top:.5rem}.Examples-module__SiQk2q__card{width:min(84vw,32rem);top:47%}.Examples-module__SiQk2q__active{transform:translate(-50%,-50%)translateZ(50px)}.Examples-module__SiQk2q__next{transform:translate(calc(64vw - 50%),-50%)translateZ(-190px)rotateY(-57deg)scale(.7)}.Examples-module__SiQk2q__previous{transform:translate(calc(-50% - 64vw),-50%)translateZ(-190px)rotateY(57deg)scale(.7)}.Examples-module__SiQk2q__back{transform:translate(-50%,-50%)translateZ(-420px)rotateY(180deg)scale(.58)}.Examples-module__SiQk2q__number{top:-1.8rem;right:.15rem}.Examples-module__SiQk2q__browserBar{height:2rem}.Examples-module__SiQk2q__meta{padding:.85rem .9rem;font-size:.68rem}.Examples-module__SiQk2q__arrow{width:3.15rem;top:auto;bottom:.4rem;transform:none}.Examples-module__SiQk2q__arrowPrevious{left:calc(50% - 4rem)}.Examples-module__SiQk2q__arrowNext{right:calc(50% - 4rem)}.Examples-module__SiQk2q__arrow:hover,.Examples-module__SiQk2q__arrow:focus-visible{transform:scale(1.06)}.Examples-module__SiQk2q__arrow:active{transform:scale(.94)}.Examples-module__SiQk2q__footer{text-align:center;display:block}.Examples-module__SiQk2q__hint{text-align:center;margin-top:.65rem}}html[data-motion=reduced] .Examples-module__SiQk2q__card{transition:none}html[data-motion=reduced] .Examples-module__SiQk2q__surface{transition:none}html[data-motion=reduced] .Examples-module__SiQk2q__image img{transition:none}html[data-motion=reduced] .Examples-module__SiQk2q__shine{transition:none}html[data-motion=reduced] .Examples-module__SiQk2q__arrow{transition:none}:root[data-theme=dark] .Examples-module__SiQk2q__footer{color:#8fa39a}:root[data-theme=dark] .Examples-module__SiQk2q__hint{color:#8fd0aa}