.work-page-template.svelte-1uha8ag{position:absolute;top:0;left:0;width:100%;height:100%;align-content:center}.work-page-template.svelte-1uha8ag .wrapper:where(.svelte-1uha8ag){position:relative;width:100%;height:30vw;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-left:var(--sm);display:flex;flex-direction:column;gap:var(--sm);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) ul:where(.svelte-1uha8ag){display:flex;flex-direction:column;gap:var(--2xs);list-style:none;padding:0;margin:0}.work-page-template.svelte-1uha8ag .wrapper:where(.svelte-1uha8ag) .text:where(.svelte-1uha8ag) .client:where(.svelte-1uha8ag){font-weight:700}.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;overflow:hidden;opacity: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}.work-page-template.svelte-1uha8ag .wrapper:where(.svelte-1uha8ag) .side-scroller:where(.svelte-1uha8ag) .project:where(.svelte-1uha8ag){width:100%;height:100%;aspect-ratio:16/9}.work-page-template.svelte-1uha8ag .wrapper:where(.svelte-1uha8ag) .side-scroller:where(.svelte-1uha8ag) .project:where(.svelte-1uha8ag) .media:where(.svelte-1uha8ag){width:100%;height:100%;overflow:hidden;border-radius:var(--rounded-sm)}.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(--sm)}.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);z-index:10;opacity:1;transition:opacity .25s ease}@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:50%;align-content:center}.work-page-template.svelte-1uha8ag .wrapper:where(.svelte-1uha8ag) .text:where(.svelte-1uha8ag){bottom:50%;width:100%;padding:0 var(--sm);gap:var(--2xs)}.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) .utils:where(.svelte-1uha8ag){position:relative;margin-top:var(--sm);margin-bottom:var(--md);padding: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 .utils:where(.svelte-1uha8ag) .buttons.hidden:where(.svelte-1uha8ag){transition-duration:.04s}.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:auto}.work-page-template.svelte-1uha8ag .wrapper:where(.svelte-1uha8ag) .track:where(.svelte-1uha8ag){flex-direction:column;gap:var(--sm)}}