/* GENERATED by tools/build-product-themes.cjs: the Saksham campus rules (cut out of next/saksham.css) for the homepage's Saksham hover. Do not edit. */
.pt-saksham { --ink: #171717; }
.pt-saksham .st-svg { display: block; position: absolute; right: 3%; bottom: 0; height: 98%; width: auto; max-width: 74%; overflow: hidden; }
/* faces: top, front-left, front-right (the colours are set per scene, as custom properties on the svg) */
.pt-saksham .st-svg polygon, .pt-saksham .st-svg rect, .pt-saksham .st-svg path, .pt-saksham .st-svg circle { stroke-linejoin: miter; }
.pt-saksham .st-svg .f-t { fill: var(--i-top); stroke: var(--i-line); stroke-width: 1.4; }
.pt-saksham .st-svg .f-l { fill: var(--i-l); stroke: var(--i-line); stroke-width: 1.4; }
.pt-saksham .st-svg .f-r { fill: var(--i-r); stroke: var(--i-line); stroke-width: 1.4; }
.pt-saksham .st-svg .plate.f-t { fill: var(--i-plate-t); } .pt-saksham .st-svg .plate.f-l { fill: var(--i-plate-l); } .pt-saksham .st-svg .plate.f-r { fill: var(--i-plate-r); }
.pt-saksham .st-svg--3 .plate { stroke: var(--i-gold); }
.pt-saksham .st-svg .grid { fill: none; stroke: var(--i-grid); stroke-width: 1; }
.pt-saksham .st-svg .pole { fill: var(--i-line); }
.pt-saksham .st-svg .flag { fill: var(--i-gold); stroke: var(--i-line); stroke-width: 1.2; }
.pt-saksham .st-svg .win { stroke: var(--i-line); stroke-width: .8; }
.pt-saksham .st-svg .win.off { fill: var(--i-win); }
.pt-saksham .st-svg .win.on { fill: var(--i-mul); }
.pt-saksham .st-svg .win.on-g { fill: var(--i-gold); }

/* sprites: forms, sheets, chat */
.pt-saksham .st-svg .card { fill: var(--i-card); stroke: var(--i-line); stroke-width: 1.4; }
.pt-saksham .st-svg .ink { fill: none; stroke: var(--i-ink); stroke-width: 1.4; opacity: .5; }
.pt-saksham .st-svg .tint { fill: color-mix(in srgb, var(--i-mul) 22%, var(--i-card)); stroke: var(--i-line); stroke-width: 1.4; }
.pt-saksham .st-svg .tint2 { fill: var(--i-gold); stroke: var(--i-line); stroke-width: 1.4; }
.pt-saksham .st-svg .tangle { fill: none; stroke: var(--i-mul); stroke-width: 2.4; stroke-linecap: square; stroke-linejoin: miter; }

/* step 2: tools */
.pt-saksham .st-svg .tl.f-t { fill: var(--i-gold); } .pt-saksham .st-svg .tl.f-l { fill: color-mix(in srgb, var(--i-gold) 82%, var(--ink)); } .pt-saksham .st-svg .tl.f-r { fill: color-mix(in srgb, var(--i-gold) 62%, var(--ink)); }
.pt-saksham .st-svg .screen { fill: var(--ink); stroke: none; }
.pt-saksham .st-svg .dbs.f-t { fill: var(--i-top); }
.pt-saksham .st-svg .tether { fill: none; stroke: var(--i-line); stroke-width: 1.4; stroke-dasharray: 4 5; }
.pt-saksham .st-svg .link path { fill: none; stroke: var(--i-line); stroke-width: 2; stroke-dasharray: 7 6; }
.pt-saksham .st-svg .link .x { stroke: var(--i-mul); stroke-width: 3.2; stroke-dasharray: none; }
.pt-saksham .st-svg .ask rect, .pt-saksham .st-svg .ask path { fill: var(--i-gold); stroke: var(--i-line); stroke-width: 1.4; }
.pt-saksham .st-svg .ask text { fill: var(--ink); font-family: var(--display); font-size: 32px; font-weight: 600; }

/* step 3: one platform */
.pt-saksham .st-svg .pipe { fill: none; stroke: var(--i-gold); stroke-width: 4; stroke-linecap: square; }
.pt-saksham .st-svg .nd.f-t { fill: var(--i-gold); } .pt-saksham .st-svg .nd.f-l { fill: color-mix(in srgb, var(--i-gold) 82%, var(--ink)); } .pt-saksham .st-svg .nd.f-r { fill: color-mix(in srgb, var(--i-gold) 62%, var(--ink)); }
.pt-saksham .st-svg .mdl.f-t { fill: var(--i-gold); } .pt-saksham .st-svg .mdl.f-l { fill: color-mix(in srgb, var(--i-gold) 80%, var(--ink)); } .pt-saksham .st-svg .mdl.f-r { fill: color-mix(in srgb, var(--i-gold) 58%, var(--ink)); }
.pt-saksham .st-svg .board .bar { fill: color-mix(in srgb, var(--ink) 20%, var(--i-card)); }
.pt-saksham .st-svg .board .g1, .pt-saksham .st-svg .board .g2, .pt-saksham .st-svg .board .g3 { fill: var(--i-mul); }
.pt-saksham .st-svg .board .g2o { fill: none; stroke: var(--i-mul); stroke-width: 1.8; }

/* the entrance plays once each time the card is hovered (the layer toggles .is-on): the drawn elements drift in, the links draw, the modules slide into the grid, the windows light */
.pt-saksham .st-svg .st { transform-box: fill-box; transform-origin: center; opacity: 0; }
.pt-saksham .st-svg .st-draw { stroke-dasharray: 1; stroke-dashoffset: 0; }
.pt-saksham.is-on .st-svg .st { animation: pt-st-in .8s var(--ease, cubic-bezier(.16, 1, .3, 1)) var(--d, 0s) both; }
.pt-saksham.is-on .st-svg .st-draw { animation-name: pt-st-draw; animation-duration: 1.1s; }
.pt-saksham.is-on .st-svg .st-light { animation-name: pt-st-light; animation-duration: .35s; }
@keyframes pt-st-in { from { opacity: 0; transform: translate(var(--dx, 0px), var(--dy, -16px)) rotate(var(--r, 0deg)); } to { opacity: 1; transform: none; } }
@keyframes pt-st-draw { from { opacity: 1; stroke-dashoffset: 1; } to { opacity: 1; stroke-dashoffset: 0; } }
@keyframes pt-st-light { from { opacity: 0; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .pt-saksham .st-svg .st { opacity: 1 !important; animation: none !important; } }