@font-face{font-family:Geist Sans;src:url(/20-exercises-with-playwright/assets/GeistVF.ttf) format("truetype")}:root{--card-size: clamp(22.79vmax, 40vw, 29.3vmax);--card-ar: 2 / 1;--x: 50vw ;--y: calc((50vh - (var(--card-size) * .25)) * 1);--spotlight: 50vmin;--backdrop: black;--radius: 14;--border: 3;--backup-border: hsl(0 0% 10% / .2);--size: 200;--bg-spot-opacity: .16;--border-light-opacity: 1;--border-spot-opacity: .75}.am-container-cards[data-astro-cid-5wnvluim]{display:grid;place-items:center;min-height:100vh;overflow:hidden;background:#050505;font-family:Geist Sans,sans-serif;font-weight:80;color:#fff}article[data-astro-cid-5wnvluim]{aspect-ratio:var(--card-ar);display:grid;grid-template:1fr 1fr 1fr / 1fr auto;border-radius:calc(var(--radius) * .07vmax);gap:1.04vmax;padding:2.08vmax;position:relative;width:var(--card-size)}h2[data-astro-cid-5wnvluim]{position:absolute;font-size:3vmax;left:50%;top:50%;transform:translate(-50%,-50%);font-weight:80;margin:0}ul[data-astro-cid-5wnvluim]{display:flex;margin:0;mask:linear-gradient(90deg,transparent,white,transparent);overflow:auto;gap:4.17vmax;padding-block:2.08vmax;padding-inline:calc(50vw - (var(--card-size) * .5));scroll-snap-type:x mandatory;width:100%}a[data-astro-cid-5wnvluim]{text-decoration:none;color:#fff}li[data-astro-cid-5wnvluim]{display:grid;place-items:center;scroll-snap-align:center;position:relative}li[data-astro-cid-5wnvluim]:after{--border-size: calc(var(--border) * .07vmax);content:"";position:absolute;inset:0;background-image:radial-gradient(calc(var(--spotlight) * .15) calc(var(--spotlight) * .15) at calc(var(--px, 0) * .07vmax) calc(var(--py, 0) * .07vmax),hsl(0 0% 100% / 1),transparent);background-color:var(--backdrop, transparent);background-size:calc(100% + (2 * var(--border-size))) calc(100% + (2 * var(--border-size)));background-position:50% 50%;background-attachment:fixed;background-color:transparent;border:var(--border-size) solid transparent;border-radius:calc(var(--radius) * .07vmax);mask:linear-gradient(transparent,transparent),linear-gradient(white,white);mask-clip:padding-box,border-box;mask-composite:intersect}section[data-astro-cid-5wnvluim]{width:100vw}section[data-astro-cid-5wnvluim]:after,section[data-astro-cid-5wnvluim]:before{content:"";position:fixed;top:50%;left:50%;background:radial-gradient(hsl(var(--base, 0) 80% 50%),transparent);filter:blur(6.51vmax);width:calc(var(--card-size) * 1.5);aspect-ratio:1;translate:-50% -50%;border-radius:50%;opacity:.0875;pointer-events:none;z-index:-1}section[data-astro-cid-5wnvluim]:after{width:calc(var(--card-size) * .5);opacity:.25;z-index:2;translate:-50% -75%}@supports (animation-timeline: scroll()){@property --base{inherits: true; syntax: "<number>"; initial-value: 0;}@keyframes change-accent{to{--base: 320}}@property --sat{inherits: true; syntax: "<number>"; initial-value: 0;}@keyframes saturate{0%,25%,75%,to{--sat: 0}50%{--sat: 100}}section[data-astro-cid-5wnvluim]{timeline-scope:--list;animation:change-accent both linear;animation-timeline:--list}ul[data-astro-cid-5wnvluim]{scroll-timeline:--list inline}li[data-astro-cid-5wnvluim]{animation:saturate both linear;animation-timeline:view(inline)}}[data-astro-cid-5wnvluim][data-glow]{--border-size: calc(var(--border, 2) * .07vmax);--spotlight-size: calc(var(--card-size) * 1.2);--hue: calc(var(--base) + (var(--xp, 0) * var(--spread, 0)));background-image:radial-gradient(var(--spotlight-size) var(--spotlight-size) at var(--x) var(--y),hsl(var(--hue, 210) calc(var(--saturation, 100) * 1%) calc(var(--lightness, 70) * 1%) / var(--bg-spot-opacity, .15)),transparent);background-color:var(--backdrop, transparent);background-size:calc(100% + (2 * var(--border-size))) calc(100% + (2 * var(--border-size)));background-position:50% 50%;background-attachment:fixed;border:var(--border-size) solid var(--backup-border);position:relative;touch-action:none}[data-astro-cid-5wnvluim][data-glow]:before,[data-astro-cid-5wnvluim][data-glow]:after{pointer-events:none;content:"";position:absolute;inset:calc(var(--border-size) * -1);border:var(--border-size) solid transparent;border-radius:calc(var(--radius) * .07vmax);background-attachment:fixed;background-size:calc(100% + (2 * var(--border-size))) calc(100% + (2 * var(--border-size)));background-repeat:no-repeat;background-position:50% 50%;mask:linear-gradient(transparent,transparent),linear-gradient(white,white);mask-clip:padding-box,border-box;mask-composite:intersect}[data-astro-cid-5wnvluim][data-glow]:before{background-image:radial-gradient(calc(var(--spotlight-size) * .75) calc(var(--spotlight-size) * .75) at var(--x) var(--y),hsl(var(--hue, 210) calc(var(--saturation, 100) * 1%) calc(var(--lightness, 50) * 1%) / var(--border-spot-opacity, 1)),transparent 100%);filter:brightness(2)}[data-astro-cid-5wnvluim][data-glow]:after{background-image:radial-gradient(calc(var(--spotlight-size) * .4) calc(var(--spotlight-size) * .4) at var(--x) var(--y),hsl(0 100% 100% / var(--border-light-opacity, 1)),transparent 100%)}.am-img-hero[data-astro-cid-kmetj66o]{display:flex;width:70%;mix-blend-mode:exclusion}.am-hero[data-astro-cid-bbe6dxrz]{height:100vh;position:relative;pointer-events:none;display:flex;flex-wrap:wrap;overflow:hidden;place-content:center;place-items:center;*{text-align:center}}.am-img[data-astro-cid-bbe6dxrz]{position:absolute;left:50%;transform:translate(-50%);width:9vmax;bottom:8vmax}#canvas-container[data-astro-cid-y3soregm]{width:100%;height:100vh;position:fixed}:root{--gradient: linear-gradient(to bottom, #6a2847, transparent)}.dg.ac{display:none}@font-face{font-family:AnotherDanger;src:url(/assets/AnotherDanger.otf) format("opentype");font-weight:400;font-style:normal}body{--sb-track-color: #000;--sb-thumb-color: var(--gradient);--sb-size: .7vmax;overflow-x:hidden}*,*:after,*:before{box-sizing:border-box;margin:0;padding:0;font-family:sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue}a,button,img{-webkit-tap-highlight-color:transparent;user-select:none}button{background-color:transparent;border:none;outline:none}body{min-height:100vh;height:max-content;width:100%;flex-direction:column}h1,h2,h3,h4,h5{font-family:AnotherDanger}body::-webkit-scrollbar{width:var(--sb-size)}body::-webkit-scrollbar-track{background:var(--sb-track-color)}body::-webkit-scrollbar-thumb{background:var(--sb-thumb-color)}@supports not selector(::-webkit-scrollbar){body{scrollbar-color:var(--sb-thumb-color) var(--sb-track-color)}}.scroll-x{&::-webkit-scrollbar{height:1vmax}&::-webkit-scrollbar-thumb{background:#fff;opacity:.5}&::-webkit-scrollbar-track{background:linear-gradient(to right,red,#00f,#0f0)}}