.case-mockup1.svelte-1edr0dk{background-image:url(../../../images/case03/02_mockup_frame.png);background-position:50%;background-repeat:no-repeat;background-size:100%;width:1032px;height:605px;padding-top:44px;padding-left:85px;position:relative}.case-mockup1.svelte-1edr0dk .screen-swiper:where(.svelte-1edr0dk){width:835px;height:489px;position:absolute;overflow:hidden}.case-mockup1.svelte-1edr0dk .screen-swiper:where(.svelte-1edr0dk) .swiper-slide:where(.svelte-1edr0dk){width:100%;height:100%}.case-mockup1.svelte-1edr0dk .screen-swiper:where(.svelte-1edr0dk) .swiper-slide:where(.svelte-1edr0dk) img:where(.svelte-1edr0dk){object-fit:cover;width:100%;height:100%;display:block}.flow-anim-card.svelte-1edr0dk{aspect-ratio:460/356;color:#fff;background:#008bec;border-radius:4px;position:relative;overflow:hidden}.flow-anim-card.svelte-1edr0dk .text-container:where(.svelte-1edr0dk){width:100%;padding:12px 16px;display:none;position:absolute;top:0}.connect-dash-head.svelte-1edr0dk{position:relative}.connect-dash-head.svelte-1edr0dk:before{content:"";z-index:1;border:3px solid #0000;border-left:6px solid #fff;width:0;height:0;display:block;position:absolute;top:50%;left:0;transform:translate(-50%)translateY(-50%)}.explain-swiper.svelte-1edr0dk{position:relative;overflow:hidden}.explain-swiper.svelte-1edr0dk .swiper-wrapper{flex-direction:row;display:flex}.explain-swiper.svelte-1edr0dk .swiper-slide{flex-direction:column;flex-shrink:0;gap:16px;width:580px;height:auto;display:flex}.overflow-visible-swiper.svelte-1edr0dk{overflow:visible!important}.overflow-visible-swiper.svelte-1edr0dk .swiper-slide{opacity:.5;pointer-events:auto;transition:opacity .3s}.overflow-visible-swiper.svelte-1edr0dk .swiper-slide-active{opacity:1;pointer-events:auto}:is(.overflow-visible-swiper.svelte-1edr0dk .swiper-slide-prev,.overflow-visible-swiper.svelte-1edr0dk .swiper-slide:has(~.swiper-slide-active)){opacity:0;pointer-events:none}.screenshot-marker-container.svelte-1edr0dk{position:relative}.screenshot-marker-container.svelte-1edr0dk .marker-btn:where(.svelte-1edr0dk){appearance:none;cursor:pointer;color:#fff;z-index:1;background:#000;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin:0;padding:0;animation:1s ease-out infinite svelte-1edr0dk-marker-ripple;display:inline-flex;position:absolute}@keyframes svelte-1edr0dk-marker-ripple{0%{box-shadow:0 0 #0000004d}to{box-shadow:0 0 0 16px #0000}}.screenshot-marker-container.svelte-1edr0dk .focusing-area:where(.svelte-1edr0dk){z-index:0;pointer-events:none;border:2px solid #0000;border-radius:4px;transition:all .3s;position:absolute}.screenshot-marker-container.svelte-1edr0dk .focusing-area.is-active:where(.svelte-1edr0dk){border-color:var(--color-accent-foreground)}.screenshot-marker-container.svelte-1edr0dk .marker-btn.is-active:where(.svelte-1edr0dk){background:var(--color-accent-foreground);pointer-events:none;animation:none}.screenshot-focusing-detail.svelte-1edr0dk .detail-item:where(.svelte-1edr0dk){animation:.6s cubic-bezier(.16,1,.3,1) forwards svelte-1edr0dk-detail-fade-in}@keyframes svelte-1edr0dk-detail-fade-in{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}