.content.work-page-template.svelte-1uha8ag{position:absolute;top:0;left:0;width:100%;height:100%;align-content:center;padding:0}.work-page-template.svelte-1uha8ag .wrapper:where(.svelte-1uha8ag){position:relative;width:100%;height:calc(30vw + 2 * var(--md));max-height:50vh;align-content:end}.work-page-template.svelte-1uha8ag .wrapper:where(.svelte-1uha8ag) .text:where(.svelte-1uha8ag){position:absolute;bottom:0;width:400px;padding:var(--md) 0;padding-left:var(--md);display:flex;flex-direction:column;gap:var(--xs);opacity:1}.work-page-template.svelte-1uha8ag .wrapper:where(.svelte-1uha8ag) .text:where(.svelte-1uha8ag) .transition:where(.svelte-1uha8ag){transition-property:opacity;transition-duration:.1s;transition-timing-function:ease;transition-delay:.1s}.work-page-template.svelte-1uha8ag .wrapper:where(.svelte-1uha8ag) .text:where(.svelte-1uha8ag) .client:where(.svelte-1uha8ag){font-weight:400}.work-page-template.svelte-1uha8ag .wrapper:where(.svelte-1uha8ag) .side-scroller:where(.svelte-1uha8ag){position:absolute;top:0;left:0;width:100%;height:100%;cursor:grab;opacity:1;overflow:hidden;pointer-events:none;padding:var(--md) 0}.work-page-template.svelte-1uha8ag .wrapper:where(.svelte-1uha8ag) .side-scroller.visible:where(.svelte-1uha8ag){transition:opacity .3s ease}.work-page-template.svelte-1uha8ag .wrapper:where(.svelte-1uha8ag) .side-scroller:where(.svelte-1uha8ag):active{cursor:grabbing}.work-page-template.svelte-1uha8ag .wrapper:where(.svelte-1uha8ag) .track:where(.svelte-1uha8ag){display:flex;gap:var(--lg);will-change:transform;height:100%;-webkit-user-select:none;user-select:none;pointer-events:none}.work-page-template.svelte-1uha8ag .wrapper:where(.svelte-1uha8ag) .side-scroller:where(.svelte-1uha8ag) .project:where(.svelte-1uha8ag){display:block;width:100%;height:100%;aspect-ratio:16/9;pointer-events:auto}.work-page-template.svelte-1uha8ag .wrapper:where(.svelte-1uha8ag) .side-scroller:where(.svelte-1uha8ag) .project:where(.svelte-1uha8ag) .media:where(.svelte-1uha8ag){position:relative;width:100%;height:100%;overflow:hidden;border-radius:var(--rounded-xl)}.work-page-template.svelte-1uha8ag .wrapper:where(.svelte-1uha8ag) .side-scroller:where(.svelte-1uha8ag) .project:where(.svelte-1uha8ag):before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--rounded-xl);box-shadow:var(--box-shadow-light)}.work-page-template.svelte-1uha8ag .wrapper:where(.svelte-1uha8ag) .side-scroller:where(.svelte-1uha8ag) img:where(.svelte-1uha8ag),.work-page-template.svelte-1uha8ag .wrapper:where(.svelte-1uha8ag) .side-scroller:where(.svelte-1uha8ag) video:where(.svelte-1uha8ag){display:block;width:100%;height:100%;object-fit:cover;object-position:center}.work-page-template.svelte-1uha8ag .utils:where(.svelte-1uha8ag){display:grid;grid-template-columns:400px auto;gap:var(--lg);width:100%;margin-top:var(--lg)}.work-page-template.svelte-1uha8ag .utils:where(.svelte-1uha8ag) .counter:where(.svelte-1uha8ag),.work-page-template.svelte-1uha8ag .wrapper:where(.svelte-1uha8ag) .utils:where(.svelte-1uha8ag) .counter:where(.svelte-1uha8ag){padding-left:var(--md)}.work-page-template.svelte-1uha8ag .utils:where(.svelte-1uha8ag) .buttons-wrapper:where(.svelte-1uha8ag){position:relative}.work-page-template.svelte-1uha8ag .utils:where(.svelte-1uha8ag) .buttons:where(.svelte-1uha8ag){position:absolute;display:flex;flex-direction:row;gap:var(--sm);opacity:1;transition:opacity .25s ease;pointer-events:auto}.work-page-template.svelte-1uha8ag .utils:where(.svelte-1uha8ag) .buttons:where(.svelte-1uha8ag) .playground:where(.svelte-1uha8ag){opacity:1;pointer-events:auto;overflow:hidden;display:grid;grid-template-columns:1fr;transform-origin:left center;transition:grid-template-columns var(--duration-sm) ease,padding var(--duration-sm) ease,transform var(--duration-sm) ease,background var(--duration-sm) ease}.work-page-template.svelte-1uha8ag .utils:where(.svelte-1uha8ag) .buttons:where(.svelte-1uha8ag) .playground:where(.svelte-1uha8ag) p:where(.svelte-1uha8ag){opacity:1;pointer-events:none;overflow:hidden;white-space:nowrap;transition:opacity var(--duration-sm) ease}.work-page-template.svelte-1uha8ag .utils:where(.svelte-1uha8ag) .buttons:where(.svelte-1uha8ag) .playground.closed:where(.svelte-1uha8ag){opacity:1;pointer-events:none;grid-template-columns:0fr;transform:scale(.6);transition:grid-template-columns var(--duration-sm) ease,padding var(--duration-sm) ease,transform var(--duration-md) .2s ease}.work-page-template.svelte-1uha8ag .utils:where(.svelte-1uha8ag) .buttons:where(.svelte-1uha8ag) .playground.closed:where(.svelte-1uha8ag) p:where(.svelte-1uha8ag){opacity:0;pointer-events:none}@media all and (max-width:1200px){.work-page-template.svelte-1uha8ag .wrapper:where(.svelte-1uha8ag) .text:where(.svelte-1uha8ag){width:300px}.work-page-template.svelte-1uha8ag .utils:where(.svelte-1uha8ag){display:grid;grid-template-columns:300px auto}}@media all and (max-width:750.5px){.work-page-template.svelte-1uha8ag .wrapper:where(.svelte-1uha8ag){position:relative;height:100%;max-height:100%;padding-bottom:calc(50% + 172px);align-content:center}.work-page-template.svelte-1uha8ag .wrapper:where(.svelte-1uha8ag) .text:where(.svelte-1uha8ag){bottom:60%;width:100%;padding:0 var(--sm);gap:var(--xs)}.work-page-template.svelte-1uha8ag .wrapper:where(.svelte-1uha8ag) .text:where(.svelte-1uha8ag) .transition:where(.svelte-1uha8ag){transition-duration:.05s;transition-delay:.1s}.work-page-template.svelte-1uha8ag .wrapper:where(.svelte-1uha8ag) .mobile-utils:where(.svelte-1uha8ag){position:absolute;left:0;bottom:50%;width:100%;padding:0 var(--sm)}.work-page-template.svelte-1uha8ag .wrapper:where(.svelte-1uha8ag) .utils:where(.svelte-1uha8ag){padding:var(--md) 0;margin:0;width:100%;display:flex;flex-direction:row-reverse;justify-content:space-between}.work-page-template.svelte-1uha8ag .wrapper:where(.svelte-1uha8ag) .utils:where(.svelte-1uha8ag) .counter:where(.svelte-1uha8ag){padding:0}.work-page-template.svelte-1uha8ag .wrapper:where(.svelte-1uha8ag) .utils:where(.svelte-1uha8ag) .buttons:where(.svelte-1uha8ag){position:relative}.work-page-template.svelte-1uha8ag .wrapper:where(.svelte-1uha8ag) .side-scroller:where(.svelte-1uha8ag){width:100%;height:100%;padding:0 var(--sm)}.work-page-template.svelte-1uha8ag .wrapper:where(.svelte-1uha8ag) .side-scroller:where(.svelte-1uha8ag) .project:where(.svelte-1uha8ag){height:fit-content}.work-page-template.svelte-1uha8ag .wrapper:where(.svelte-1uha8ag) .side-scroller:where(.svelte-1uha8ag) .project:where(.svelte-1uha8ag) img:where(.svelte-1uha8ag),.work-page-template.svelte-1uha8ag .wrapper:where(.svelte-1uha8ag) .side-scroller:where(.svelte-1uha8ag) .project:where(.svelte-1uha8ag) video:where(.svelte-1uha8ag){width:100%;height:100%}.work-page-template.svelte-1uha8ag .wrapper:where(.svelte-1uha8ag) .track:where(.svelte-1uha8ag){flex-direction:column;gap:var(--sm)}}