:root{--col-gap:5%;--row-gap:5%;--cube-perspective:100000000px;--cube-face-border:1px solid #fff;--cube-face-bg:#120f17}.default-animation{aspect-ratio:1;width:50%;height:auto;position:relative}.default-animation--fill{aspect-ratio:auto;width:100%;height:100%}.default-animation--scene{column-gap:var(--col-gap);row-gap:var(--row-gap);width:100%;height:100%;perspective:var(--cube-perspective);grid-auto-rows:1fr;display:grid}.cube{aspect-ratio:1;width:100%;height:100%;transform-style:preserve-3d;position:relative}.cube:before{content:"";position:absolute;inset:-36px}.default-animation .cube-face{background:var(--cube-face-bg);border:var(--cube-face-border);opacity:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute}.default-animation .cube-face--top{transform:translateY(-50%)rotateX(90deg)}.default-animation .cube-face--bottom{transform:translateY(50%)rotateX(-90deg)}.default-animation .cube-face--left{transform:translate(-50%)rotateY(-90deg)}.default-animation .cube-face--right{transform:translate(50%)rotateY(90deg)}.default-animation .cube-face--back,.default-animation .cube-face--front{transform:rotateY(-90deg)translate(50%)rotateY(90deg)}@media (max-width:768px){.default-animation:not(.default-animation--fill){width:90%}}
.pixel-canvas{width:100%;height:100%;display:block}.pixel-card{aspect-ratio:4/5;isolation:isolate;-webkit-user-select:none;user-select:none;border:1px solid #27272a;border-radius:10px;place-items:center;width:300px;height:400px;transition:border-color .2s cubic-bezier(.5,1,.89,1);display:grid;position:relative;overflow:hidden}.pixel-card .pixel-canvas{z-index:2;pointer-events:none;position:absolute;inset:0}.pixel-card--program{width:100%;height:auto;min-height:340px;max-height:420px}.pixel-card--carousel{width:100%;height:auto;aspect-ratio:unset;background:0 0;border:none;flex-direction:column;justify-content:flex-end;place-items:stretch stretch;display:flex}