.browser-container.svelte-yii4sn{width:var(--piece-icon-width)}.active.svelte-yii4sn .browser-mockup:where(.svelte-yii4sn){outline:1px solid var(--color-primary);border-radius:calc(.75rem * var(--piece-icon-scale))}.browser-mockup.svelte-yii4sn{background-color:#e5e7eb;border-radius:calc(.75rem * var(--piece-icon-scale));box-shadow:2.6px 5.3px 5.3px var(--color-shadow);max-height:var(--piece-icon-height);overflow:hidden;display:flex;flex-direction:column}.browser-window-bar.svelte-yii4sn{height:calc(30px * var(--piece-icon-scale));background-color:#f3f4f6;display:flex;align-items:center;padding:0 calc(10px * var(--piece-icon-scale));border-bottom:1px solid #d1d5db;justify-content:flex-end;flex-shrink:0}.active.svelte-yii4sn .browser-window-bar:where(.svelte-yii4sn){background-color:var(--color-primary)}.active.svelte-yii4sn .browser-url-bar:where(.svelte-yii4sn){background-color:var(--color-primary)}.browser-controls.svelte-yii4sn{display:flex;gap:calc(5px * var(--piece-icon-scale))}.browser-control-dot.svelte-yii4sn{width:calc(.675rem * var(--piece-icon-scale));height:calc(.675rem * var(--piece-icon-scale));border-radius:9999px;border:1px solid}.browser-control-dot.red.svelte-yii4sn{background-color:#ef4444;border-color:#dc2626}.browser-control-dot.yellow.svelte-yii4sn{background-color:#f59e0b;border-color:#d97706}.browser-control-dot.green.svelte-yii4sn{background-color:#22c55e;border-color:#16a34a}.browser-url-bar.svelte-yii4sn{background-color:#f3f4f6;display:flex;flex-direction:row-reverse;align-items:center;padding:calc(10px * var(--piece-icon-scale)) calc(10px * var(--piece-icon-scale));border-bottom:1px solid #d1d5db;gap:calc(5px * var(--piece-icon-scale));flex-shrink:0}.browser-nav-buttons.svelte-yii4sn{display:flex;gap:calc(5px * var(--piece-icon-scale));color:#6b7280}.browser-nav-buttons.svelte-yii4sn svg:where(.svelte-yii4sn){width:calc(20px * var(--piece-icon-scale));height:calc(20px * var(--piece-icon-scale));flex-shrink:0}.browser-address-input.svelte-yii4sn{flex-grow:1;background-color:#fff;border-radius:9999px;display:flex;align-items:center;padding:0 calc(5px * var(--piece-icon-scale));height:calc(30px * var(--piece-icon-scale));border-top:1px solid #d1d5db;border-bottom:1px solid #d1d5db;overflow:hidden;flex:80%}.browser-address-input.svelte-yii4sn svg:where(.svelte-yii4sn){width:calc(18px * var(--piece-icon-scale));height:calc(18px * var(--piece-icon-scale));color:#22c55e;margin-right:calc(5px * var(--piece-icon-scale));flex-shrink:0}.browser-address-url.svelte-yii4sn{color:#6b7280;font-size:calc(.75rem * var(--piece-icon-scale));line-height:calc(1.25rem * var(--piece-icon-scale));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.browser-content-area.svelte-yii4sn{background-color:#fff;overflow:hidden;position:relative}.browser-content-area.svelte-yii4sn:after{content:"";position:absolute;bottom:0;left:0;right:0;height:calc(40px * var(--piece-icon-scale));background:linear-gradient(transparent,#fff);pointer-events:none}.browser-content-inner.svelte-yii4sn{margin:auto}picture.svelte-yii4sn{width:100%;height:calc(var(--piece-icon-width) / 3);border-radius:.5rem;margin-bottom:calc(10px * var(--piece-icon-scale));display:flex;align-items:center;justify-content:center;background-color:#f0f0f0}picture.svelte-yii4sn img:where(.svelte-yii4sn){width:100%;height:100%;object-fit:cover;object-position:top center}.browser-content-inner.svelte-yii4sn h1:where(.svelte-yii4sn){font-size:calc(1.25rem * var(--piece-icon-scale));font-weight:700;color:#111827;margin:calc(10px * var(--piece-icon-scale)) calc(14px * var(--piece-icon-scale));text-align:center;display:inline-block}.browser-content-inner.svelte-yii4sn p:where(.svelte-yii4sn){color:#4b5563;line-height:calc(1.35rem * var(--piece-icon-scale));margin:calc(10px * var(--piece-icon-scale)) calc(14px * var(--piece-icon-scale));padding-top:0;text-align:left;font-size:calc(.75rem * var(--piece-icon-scale));display:inline-block}