.container.svelte-dcf114.svelte-dcf114{display:grid;height:100vh;grid-template-columns:repeat(10,1fr)}.side.svelte-dcf114.svelte-dcf114{grid-column:1 / 3;background:var(--bg-secondary);padding:0 12px;position:fixed;height:100%;width:100%}.view.svelte-dcf114.svelte-dcf114{grid-column:3 / 11;background:#000;margin:12px;display:flex;justify-content:center;align-items:center;position:relative}.header.svelte-dcf114.svelte-dcf114{display:flex;color:var(--text-secondary);margin:12px 0 0}.controls.svelte-dcf114.svelte-dcf114{position:absolute;top:330px;display:flex;flex-direction:column;gap:6px;color:var(--text-secondary)}.btn-prev.svelte-dcf114.svelte-dcf114{grid-column:2;cursor:pointer}.btn-next.svelte-dcf114.svelte-dcf114{grid-column:3;cursor:pointer}.btn-close.svelte-dcf114.svelte-dcf114{grid-column:7;text-align:right}.img-container.svelte-dcf114 img.svelte-dcf114{width:100%;height:auto;opacity:0;transition:clip-path 1.2s cubic-bezier(.17,.84,.44,1),transform 1.2s cubic-bezier(.17,.84,.44,1),scale 1.2s cubic-bezier(.17,.84,.44,1),opacity .6s cubic-bezier(.17,.84,.44,1);transform:scale(.98)}.img-prev-overlay.svelte-dcf114.svelte-dcf114,.img-next-overlay.svelte-dcf114.svelte-dcf114{position:absolute;top:0;height:100%;width:50%;z-index:2}.img-prev-overlay.svelte-dcf114.svelte-dcf114{left:0;background:#0000;cursor:w-resize}.img-next-overlay.svelte-dcf114.svelte-dcf114{right:0;background:#0000;cursor:e-resize}.footer.svelte-dcf114.svelte-dcf114{gap:12px;position:absolute;box-sizing:border-box;bottom:12px}.desc.svelte-dcf114.svelte-dcf114{grid-column:2;color:var(--text-secondary)}.btn.svelte-dcf114.svelte-dcf114{transition:color .6s cubic-bezier(.17,.84,.44,1)}.btn.svelte-dcf114.svelte-dcf114:hover{color:var(--text-primary)}@media screen and (max-width: 768px){.container.svelte-dcf114.svelte-dcf114{display:grid;grid-template-columns:1fr;grid-template-rows:80px 1fr;height:calc(var(--vh, 1vh) * 100);width:100%}.side.svelte-dcf114.svelte-dcf114{grid-column:auto;background:transparent;padding:0;position:static;height:auto;width:auto}.view.svelte-dcf114.svelte-dcf114{grid-column:auto;background:transparent;display:flex;justify-content:center;align-items:center;position:static;height:100%;background:#000;margin:0 12px 12px}.img-prev-overlay.svelte-dcf114.svelte-dcf114,.img-next-overlay.svelte-dcf114.svelte-dcf114{position:absolute;top:80px;height:calc(100% - 80px);width:50%;z-index:2}.controls.svelte-dcf114.svelte-dcf114{display:none}.header.svelte-dcf114.svelte-dcf114{position:absolute;top:0;right:12px}.footer.svelte-dcf114.svelte-dcf114{position:absolute;top:12px;left:12px}}