.content.work-page-template.svelte-1uha8ag{position:absolute;top:0;left:0;width:100%;height:100%;align-content:end;padding:0;display:flex;flex-direction:column;cursor:grab}.content.work-page-template.svelte-1uha8ag:active{cursor:grabbing}.content.work-page-template.svelte-1uha8ag .utils:where(.svelte-1uha8ag),.content.work-page-template.svelte-1uha8ag footer:where(.svelte-1uha8ag){cursor:auto}.work-page-template.svelte-1uha8ag .upper-wrapper:where(.svelte-1uha8ag){position:relative;flex:1;display:flex;gap:var(--md);align-items:end;width:100%;padding:0 var(--md)}.work-page-template.svelte-1uha8ag .new-info-wrapper:where(.svelte-1uha8ag){position:relative;width:100%;flex-basis:1/2}.work-page-template.svelte-1uha8ag .new-info-wrapper:where(.svelte-1uha8ag) .text:where(.svelte-1uha8ag){width:100%;position:absolute;bottom:0;padding:0;display:flex;flex-direction:column;gap:var(--xs);opacity:1}.work-page-template.svelte-1uha8ag .text:where(.svelte-1uha8ag) h1.title-flip:where(.svelte-1uha8ag){display:flex;flex-wrap:wrap;gap:0 .28em}.work-page-template.svelte-1uha8ag .text:where(.svelte-1uha8ag) h1.title-flip:where(.svelte-1uha8ag) .word:where(.svelte-1uha8ag){display:inline-flex}.work-page-template.svelte-1uha8ag .text:where(.svelte-1uha8ag) h1.title-flip:where(.svelte-1uha8ag) .letter:where(.svelte-1uha8ag){display:inline-block}.work-page-template.svelte-1uha8ag .text:where(.svelte-1uha8ag) h1.title-flip:where(.svelte-1uha8ag) .force-break{flex-basis:100%;width:0;height:0}.work-page-template.svelte-1uha8ag .text:where(.svelte-1uha8ag) h1.title-flip:where(.svelte-1uha8ag).entering .letter:where(.svelte-1uha8ag){animation:svelte-1uha8ag-title-flip-in .4s ease-out both;animation-delay:calc(var(--i) * 16ms)}.work-page-template.svelte-1uha8ag .text:where(.svelte-1uha8ag) h1.title-flip:where(.svelte-1uha8ag).exiting .letter:where(.svelte-1uha8ag){animation:svelte-1uha8ag-title-flip-out .3s ease-in both;animation-delay:calc(var(--i) * 8ms)}@keyframes svelte-1uha8ag-title-flip-in{0%{transform:translateY(0);opacity:0;filter:blur(6px)}to{transform:translateY(0);opacity:1;filter:blur(0)}}@keyframes svelte-1uha8ag-title-flip-out{0%{transform:translateY(0);opacity:1;filter:blur(0)}to{transform:translateY(-0em);opacity:0;filter:blur(6px)}}.work-page-template.svelte-1uha8ag .upper-wrapper:where(.svelte-1uha8ag) .utils-wrapper:where(.svelte-1uha8ag){width:100%;flex-basis:1/2}.work-page-template.svelte-1uha8ag .upper-wrapper:where(.svelte-1uha8ag) .utils:where(.svelte-1uha8ag){display:flex;flex-direction:row;gap:var(--sm);justify-content:end;align-items:end;width:100%;grid-column-start:2}.work-page-template.svelte-1uha8ag .utils:where(.svelte-1uha8ag) .buttons:where(.svelte-1uha8ag){display:flex;flex-direction:row-reverse;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:right 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}.work-page-template.svelte-1uha8ag .utils:where(.svelte-1uha8ag) .small:where(.svelte-1uha8ag){display:flex;flex-direction:row;gap:var(--sm)}.work-page-template.svelte-1uha8ag .utils:where(.svelte-1uha8ag) .small:where(.svelte-1uha8ag) .archive-inner:where(.svelte-1uha8ag){position:relative;display:flex;flex-direction:row;align-items:end}.work-page-template.svelte-1uha8ag .utils:where(.svelte-1uha8ag) .small:where(.svelte-1uha8ag) .archive-inner:where(.svelte-1uha8ag) p:where(.svelte-1uha8ag){padding-right:16px}.work-page-template.svelte-1uha8ag .utils:where(.svelte-1uha8ag) .small:where(.svelte-1uha8ag) .archive-inner:where(.svelte-1uha8ag) .folder:where(.svelte-1uha8ag){position:absolute;right:0;width:20px;height:16px;outline:1px solid var(--theme-tekst-color);outline-offset:-1px;border-radius:var(--rounded-md)}.work-page-template.svelte-1uha8ag .utils:where(.svelte-1uha8ag) .small:where(.svelte-1uha8ag) .archive-inner:where(.svelte-1uha8ag) .folder.front:where(.svelte-1uha8ag){transform:skew(10deg);transform-origin:right bottom;background-color:var(--theme-bg-color);height:13px;transition:transform var(--duration-md) ease,height var(--duration-md) ease}.work-page-template.svelte-1uha8ag .utils:where(.svelte-1uha8ag) .small:where(.svelte-1uha8ag) .archive-outer:where(.svelte-1uha8ag):hover .folder.front:where(.svelte-1uha8ag){transform:skew(25deg);height:12px}.work-page-template.svelte-1uha8ag .wrapper:where(.svelte-1uha8ag){position:relative;width:100%;height:calc(30vw + 2 * var(--md));max-height:50vh;align-content:start;margin-bottom:120px}.work-page-template.svelte-1uha8ag .info-wrapper:where(.svelte-1uha8ag){display:flex;flex-direction:column;justify-content:end;height:100%;position:relative}.work-page-template.svelte-1uha8ag .wrapper:where(.svelte-1uha8ag) .text:where(.svelte-1uha8ag){position:absolute;top: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%;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) .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;transform-origin:top left;-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) .media:where(.svelte-1uha8ag){position:relative;width:100%;height:100%;overflow:hidden;border-radius:var(--rounded-xl);-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).gl-drawn:before{display:none}.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}@media all and (max-width:1200px){.work-page-template.svelte-1uha8ag .upper-wrapper:where(.svelte-1uha8ag){flex-direction:column;justify-content:end}.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 .info-wrapper:where(.svelte-1uha8ag){justify-content:end}.work-page-template.svelte-1uha8ag .wrapper:where(.svelte-1uha8ag) .utils-wrapper:where(.svelte-1uha8ag){position:relative}.work-page-template.svelte-1uha8ag .upper-wrapper:where(.svelte-1uha8ag){display:none}.work-page-template.svelte-1uha8ag .wrapper:where(.svelte-1uha8ag){position:relative;height:100%;max-height:100%;padding-bottom:0;margin-bottom:0;align-content:start}.work-page-template.svelte-1uha8ag .info-wrapper:where(.svelte-1uha8ag){max-height:50%}.work-page-template.svelte-1uha8ag .wrapper:where(.svelte-1uha8ag) .text:where(.svelte-1uha8ag){top:calc(62px + var(--xs));width:100%;max-height:calc(100% - 62px - 52px - var(--xs));height:100%;padding:0 var(--sm);gap:var(--xs);justify-content:end}.work-page-template.svelte-1uha8ag .wrapper:where(.svelte-1uha8ag) .text:where(.svelte-1uha8ag) p:where(.svelte-1uha8ag){text-overflow:ellipsis}.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:relative;width:100%;padding:0 var(--sm);padding-top:var(--sm)}.work-page-template.svelte-1uha8ag .wrapper:where(.svelte-1uha8ag) .mobile-utils:where(.svelte-1uha8ag) .utils:where(.svelte-1uha8ag){padding:0;margin:0;width:100%;display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:end}.work-page-template.svelte-1uha8ag .wrapper:where(.svelte-1uha8ag) .mobile-utils:where(.svelte-1uha8ag) .utils:where(.svelte-1uha8ag) .counter:where(.svelte-1uha8ag){padding:0}.work-page-template.svelte-1uha8ag .wrapper:where(.svelte-1uha8ag) .mobile-utils:where(.svelte-1uha8ag) .utils:where(.svelte-1uha8ag) .buttons:where(.svelte-1uha8ag){flex-direction:row;position:relative}.work-page-template.svelte-1uha8ag .wrapper:where(.svelte-1uha8ag) .mobile-utils:where(.svelte-1uha8ag) .utils:where(.svelte-1uha8ag) .buttons:where(.svelte-1uha8ag) .playground:where(.svelte-1uha8ag){transform-origin:left center}.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)}}