.macbook.svelte-hj05ne{display:flex;flex-direction:column;align-items:center}.macbook.svelte-hj05ne .screen:where(.svelte-hj05ne){display:grid;height:50.6875rem;width:73.5625rem;background:url(../../../images/macbook_mockup/screen.svg) no-repeat center/100%;padding:.75rem .75rem 2rem;border-top-left-radius:2.5rem;border-top-right-radius:2.5rem;position:relative;z-index:2;overflow:hidden}.macbook.svelte-hj05ne .screen:where(.svelte-hj05ne) .content:where(.svelte-hj05ne){position:relative;z-index:1;border-top-left-radius:2rem;border-top-right-radius:2rem;overflow:hidden}.macbook.svelte-hj05ne .body:where(.svelte-hj05ne){background:url(../../../images/macbook_mockup/body.svg) no-repeat center/100%;width:87.875rem;height:2.125rem}:root{--width: 27rem}.mobile.svelte-n0vglw{position:relative;aspect-ratio:432/886;width:var(--width)}.mobile.svelte-n0vglw .screen:where(.svelte-n0vglw){position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);aspect-ratio:393/852;width:calc(var(--width) - 2.4375rem);overflow:hidden;background:#fff;display:grid;grid-template-rows:4rem 1fr 5.25rem;border-radius:1.125rem}.mobile.svelte-n0vglw .screen:where(.svelte-n0vglw) .status-bar:where(.svelte-n0vglw){border-bottom:1px solid #e3e3e3;display:flex;color:#000;font-size:1rem;font-weight:500;align-items:center;padding:0 3rem;background-image:url(../../../images/iphone_mockup/status-bar.svg);background-size:100%;background-position:center center}.mobile.svelte-n0vglw .screen:where(.svelte-n0vglw) .main-container:where(.svelte-n0vglw){overflow:hidden}.mobile.svelte-n0vglw .screen:where(.svelte-n0vglw) .main-container:where(.svelte-n0vglw) iframe:where(.svelte-n0vglw){height:100%;-webkit-user-select:none;user-select:none;width:100%}.mobile.svelte-n0vglw .screen:where(.svelte-n0vglw) .main-container:where(.svelte-n0vglw) .tabs-container:where(.svelte-n0vglw){height:100%;width:100%;color:#000;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.mobile.svelte-n0vglw .screen:where(.svelte-n0vglw) .main-container:where(.svelte-n0vglw) .tabs-container:where(.svelte-n0vglw) .tab-case-wrapper:where(.svelte-n0vglw){display:grid;grid-template-columns:1fr 1fr;gap:1rem;row-gap:1.5rem}.mobile.svelte-n0vglw .screen:where(.svelte-n0vglw) .main-container:where(.svelte-n0vglw) .tabs-container:where(.svelte-n0vglw) .tab-case-wrapper:where(.svelte-n0vglw) .tab-case-container:where(.svelte-n0vglw){cursor:pointer;transition:transform .2s ease}.mobile.svelte-n0vglw .screen:where(.svelte-n0vglw) .main-container:where(.svelte-n0vglw) .tabs-container:where(.svelte-n0vglw) .tab-case-wrapper:where(.svelte-n0vglw) .tab-case-container:where(.svelte-n0vglw):hover{transform:translateY(-.25rem)}.mobile.svelte-n0vglw .screen:where(.svelte-n0vglw) .main-container:where(.svelte-n0vglw) .tabs-container:where(.svelte-n0vglw) .tab-case-wrapper:where(.svelte-n0vglw) .tab-case-container:where(.svelte-n0vglw) .tab-case-screenshot:where(.svelte-n0vglw){height:16rem;box-shadow:0 0 1.718rem #00000026;border-radius:1rem;overflow:hidden}.mobile.svelte-n0vglw .screen:where(.svelte-n0vglw) .main-container:where(.svelte-n0vglw) .tabs-container:where(.svelte-n0vglw) .tab-case-wrapper:where(.svelte-n0vglw) .tab-case-container:where(.svelte-n0vglw) .tab-case-screenshot:where(.svelte-n0vglw) img:where(.svelte-n0vglw){height:100%;width:100%;object-fit:cover;object-position:top center}.mobile.svelte-n0vglw .screen:where(.svelte-n0vglw) .main-container:where(.svelte-n0vglw) .tabs-container:where(.svelte-n0vglw) .tab-case-wrapper:where(.svelte-n0vglw) .tab-case-container:where(.svelte-n0vglw) .tab-title:where(.svelte-n0vglw){font-size:.85rem;font-weight:500;margin-top:.35rem;margin-left:.25rem;text-overflow:ellipsis;max-width:18ch;overflow:hidden;white-space:nowrap}.mobile.svelte-n0vglw .screen:where(.svelte-n0vglw) .main-container:where(.svelte-n0vglw) .tabs-container:where(.svelte-n0vglw) h3:where(.svelte-n0vglw){text-transform:none;font-weight:600}.mobile.svelte-n0vglw .screen:where(.svelte-n0vglw) .bottom-bar:where(.svelte-n0vglw){border-top:1px solid #e3e3e3;display:flex;align-items:center;padding:0 1.5rem 1rem;gap:.75rem;position:relative}.mobile.svelte-n0vglw .screen:where(.svelte-n0vglw) .bottom-bar:where(.svelte-n0vglw) .search-bar:where(.svelte-n0vglw){width:100%;height:2.5625rem;background:#ffffffb3;box-shadow:0 0 1.718rem #00000026;border-radius:.6872rem;display:grid;grid-template-columns:auto 1fr auto;color:#000;align-items:center;padding:0 .75rem;-webkit-user-select:none;user-select:none}.mobile.svelte-n0vglw .screen:where(.svelte-n0vglw) .bottom-bar:where(.svelte-n0vglw) .search-bar:where(.svelte-n0vglw) .center:where(.svelte-n0vglw){display:flex;align-items:center;gap:.25rem;justify-self:center;cursor:pointer}.mobile.svelte-n0vglw .screen:where(.svelte-n0vglw) .bottom-bar:where(.svelte-n0vglw) .tab-button:where(.svelte-n0vglw){all:unset;cursor:pointer;transition:transform .1s ease;position:relative}.mobile.svelte-n0vglw .screen:where(.svelte-n0vglw) .bottom-bar:where(.svelte-n0vglw) .tab-button:where(.svelte-n0vglw) p:where(.svelte-n0vglw){color:#077aff;font-size:18px;font-weight:500}.mobile.svelte-n0vglw .screen:where(.svelte-n0vglw) .bottom-bar:where(.svelte-n0vglw) .tab-button:where(.svelte-n0vglw):hover{transform:scale(.9)}.mobile.svelte-n0vglw .screen:where(.svelte-n0vglw) .bottom-bar:where(.svelte-n0vglw) .home-bar:where(.svelte-n0vglw){width:148px;height:5px;background-color:#000;border-radius:5px;position:absolute;bottom:8px;left:0;right:0;margin:auto}.mobile.svelte-n0vglw .frame:where(.svelte-n0vglw){position:absolute;top:0;left:0;aspect-ratio:432/886;width:var(--width);pointer-events:none}.mobile.svelte-n0vglw .frame:where(.svelte-n0vglw) img:where(.svelte-n0vglw){height:100%;width:100%;object-fit:cover}@keyframes svelte-n0vglw-shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(1px,0,0)}30%,50%,70%{transform:translate3d(-2px,0,0)}40%,60%{transform:translate3d(2px,0,0)}61%{transform:translateZ(0)}}.mb-container{background-color:var(--accent-color);height:100%;width:100%}.mb-container .menu-bar.svelte-soywmo{background-image:url(../../../cw-macbook-menu-bar.svg);height:1.5rem;width:100%;background-repeat:no-repeat;background-size:100%;background-position:center center}.mb-container .main-content.svelte-soywmo{height:100%;padding:.25rem .25rem 1.75rem}.mb-container .main-content.svelte-soywmo .browser-container:where(.svelte-soywmo){height:100%;width:100%;background:#fff;border-radius:.5rem;outline:.5px solid #808080;display:grid;grid-template-rows:32px 1fr;overflow:hidden}.mb-container .main-content.svelte-soywmo .browser-container:where(.svelte-soywmo) .top-bar-container:where(.svelte-soywmo){background-color:#1f2020;display:flex;align-items:center;height:100%;padding:0 1rem;gap:1rem}.mb-container .main-content.svelte-soywmo .browser-container:where(.svelte-soywmo) .top-bar-container:where(.svelte-soywmo) .traffic-light-container:where(.svelte-soywmo){display:flex;height:100%;align-items:center;gap:.35rem}.mb-container .main-content.svelte-soywmo .browser-container:where(.svelte-soywmo) .top-bar-container:where(.svelte-soywmo) .traffic-light-container:where(.svelte-soywmo) .red:where(.svelte-soywmo),.mb-container .main-content.svelte-soywmo .browser-container:where(.svelte-soywmo) .top-bar-container:where(.svelte-soywmo) .traffic-light-container:where(.svelte-soywmo) .yellow:where(.svelte-soywmo),.mb-container .main-content.svelte-soywmo .browser-container:where(.svelte-soywmo) .top-bar-container:where(.svelte-soywmo) .traffic-light-container:where(.svelte-soywmo) .green:where(.svelte-soywmo){height:.6rem;width:.6rem;background-color:#ff5f57;border-radius:100%}.mb-container .main-content.svelte-soywmo .browser-container:where(.svelte-soywmo) .top-bar-container:where(.svelte-soywmo) .traffic-light-container:where(.svelte-soywmo) .yellow:where(.svelte-soywmo){background-color:#febc2e}.mb-container .main-content.svelte-soywmo .browser-container:where(.svelte-soywmo) .top-bar-container:where(.svelte-soywmo) .traffic-light-container:where(.svelte-soywmo) .green:where(.svelte-soywmo){background-color:#28c840}.mb-container .main-content.svelte-soywmo .browser-container:where(.svelte-soywmo) .top-bar-container:where(.svelte-soywmo) .tab-container{height:100%;display:flex;border-bottom:1px solid var(--border-color)}.mb-container .main-content.svelte-soywmo .browser-container:where(.svelte-soywmo) .top-bar-container:where(.svelte-soywmo) .tab-container .tab:where(.svelte-soywmo){all:unset;height:85%;background-color:#333;display:flex;align-items:center;width:8.25rem;font-size:9px;font-weight:500;padding:0 .75rem;margin-top:auto;border-right:1px solid #505050;transition:background-color .2s ease}.mb-container .main-content.svelte-soywmo .browser-container:where(.svelte-soywmo) .top-bar-container:where(.svelte-soywmo) .tab-container .tab:where(.svelte-soywmo):hover{background-color:#4c4c4c}.mb-container .main-content.svelte-soywmo .browser-container:where(.svelte-soywmo) .top-bar-container:where(.svelte-soywmo) .tab-container .tab.active:where(.svelte-soywmo){background-color:#4c4c4c}.mb-container .main-content.svelte-soywmo .browser-container:where(.svelte-soywmo) .top-bar-container:where(.svelte-soywmo) .tab-container .tab:where(.svelte-soywmo):first-of-type{border-top-left-radius:.35rem}.mb-container .main-content.svelte-soywmo .browser-container:where(.svelte-soywmo) .top-bar-container:where(.svelte-soywmo) .tab-container .tab:where(.svelte-soywmo):last-of-type{border-right:0;border-top-right-radius:.35rem}.mb-container .main-content.svelte-soywmo .browser-container:where(.svelte-soywmo) .iframe-container:where(.svelte-soywmo){height:100%;width:100%}.mb-container .main-content.svelte-soywmo .browser-container:where(.svelte-soywmo) .iframe-container:where(.svelte-soywmo) iframe:where(.svelte-soywmo){height:100%;width:100%;border:none;transition:height .2s ease}.fullscreen{position:fixed;height:100vh;width:100vw;z-index:10;top:0;left:0}.mockups-container{position:relative;max-height:43.75rem}.phone-container{position:absolute;right:-1rem;scale:.65;transform-origin:bottom right;z-index:20}@media (max-width: 768px){.phone-container{position:static;scale:.75;transform-origin:top center}}