.browser-window{border:2px solid var(--line-color,#171411);background:var(--surface-background,#fffcf6f0);box-shadow:0 22px 48px var(--shadow-color,#53462e1f);border-radius:2rem;flex:0 auto;margin-top:20px;position:relative;overflow:hidden}.browser-toolbar{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.95rem;padding:.9rem 1.25rem .8rem;display:grid}.browser-home-button{align-items:center;gap:.55rem;padding:0;display:inline-flex}.browser-window-control{width:1.05rem;height:1.05rem;color:var(--text-color,#171411);cursor:pointer;background:#fff9efeb;border:2px solid #17141133;border-radius:999px;padding:0;transition:background .18s,border-color .18s,transform .18s;position:relative}.browser-window-control:hover:not(:disabled){background:#f4ece0fa;border-color:#17141157}.browser-window-control:focus-visible{outline-offset:2px;outline:3px solid #17141124}.browser-window-control:disabled{cursor:default}.browser-window-control-close .browser-window-control-x{opacity:0;transition:opacity .14s;position:absolute;inset:0}.browser-window-control-close .browser-window-control-x:before,.browser-window-control-close .browser-window-control-x:after{content:"";transform-origin:50%;background:currentColor;border-radius:999px;width:.52rem;height:2px;position:absolute;top:50%;left:50%}.browser-window-control-close .browser-window-control-x:before{transform:translate(-50%,-50%)rotate(45deg)}.browser-window-control-close .browser-window-control-x:after{transform:translate(-50%,-50%)rotate(-45deg)}.browser-window-control-close:hover:not(:disabled) .browser-window-control-x,.browser-window-control-close:focus-visible .browser-window-control-x{opacity:1}.browser-dot{background:#fff9efeb;border:2px solid #17141133;border-radius:999px;width:1.05rem;height:1.05rem;transition:background .18s,border-color .18s}.browser-address-form{min-width:0}.browser-address-bar{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.7rem;display:grid}.browser-address-scroll{--browser-address-action-width:3.9rem;border:2px solid var(--line-color,#171411);background:var(--surface-strong,#fffdf8);border-radius:999px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem;min-width:0;min-height:2.75rem;padding:.28rem .34rem .28rem .28rem;display:grid;overflow:hidden}.browser-address-scroll-empty{padding-left:1rem}.browser-address-scroll-disabled{background:#fffcf69e;border-color:#17141129;box-shadow:inset 0 0 0 1px #ffffff3d}.browser-address-scroll-disabled .browser-address-scroll-content,.browser-address-scroll-disabled .browser-address-action{opacity:.52}.browser-address-scroll-content{scrollbar-width:none;align-items:center;gap:.5rem;min-width:0;display:flex;overflow:auto hidden}.browser-address-scroll-content::-webkit-scrollbar{display:none}.browser-history-item{flex:none;align-items:center;gap:.5rem;transition:opacity .14s;display:inline-flex}.browser-history-item-future{opacity:.38}.browser-history-item-future:hover,.browser-history-item-future:focus-within{opacity:.56}.browser-history-button{color:#171411bd;white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:0;font-size:.98rem;line-height:1.14}.browser-history-button:hover{text-decoration:underline}.browser-history-button:focus-visible{outline:none;text-decoration:underline}.browser-history-button:disabled{cursor:default;opacity:.72;text-decoration:none}.browser-history-button-active{color:var(--text-color,#171411);font-weight:700}.browser-history-separator{color:#17141180}.browser-address-static{overflow:hidden}.browser-address-static-text{color:#171411b8;text-overflow:ellipsis;white-space:nowrap;font-size:.96rem;line-height:1.2;display:block;overflow:hidden}.browser-address-input{appearance:none;width:100%;min-width:10rem;height:1.5rem;color:var(--text-color,#171411);font:inherit;background:0 0;border:0;border-radius:0;outline:none;flex:1 0 14rem;margin:0;padding:0;font-size:1rem;line-height:1.2;display:block}.browser-address-input::placeholder{color:#17141166}.browser-address-input::-webkit-search-decoration{-webkit-appearance:none;display:none}.browser-address-input::-webkit-search-cancel-button{-webkit-appearance:none;display:none}.browser-address-input::-webkit-search-results-button{-webkit-appearance:none;display:none}.browser-address-input::-webkit-search-results-decoration{-webkit-appearance:none;display:none}.browser-address-input:read-only{cursor:default}.browser-address-input:disabled{cursor:not-allowed}.browser-address-action{flex:0 0 var(--browser-address-action-width);width:var(--browser-address-action-width);min-width:var(--browser-address-action-width);justify-content:flex-end;align-items:center;display:flex}.browser-address-action-placeholder{visibility:hidden;width:100%;height:2.1rem;display:block}.browser-address-submit{appearance:none;background:var(--line-color,#171411);color:#fffdf8;white-space:nowrap;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;min-width:2.1rem;height:2.1rem;padding:0 .62rem;font-size:.92rem;font-weight:700;line-height:1;display:inline-flex}.browser-address-submit-clear{min-width:3.9rem;padding:0 .82rem}.browser-address-submit:hover{background:#171411d6}.browser-address-submit:disabled,.browser-address-submit:disabled:hover{cursor:default;color:#fffdf8d6;background:#17141147}.browser-address-submit:focus-visible{outline-offset:2px;outline:3px solid #17141124}.browser-toolbar-button{appearance:none;border:2px solid var(--line-color,#171411);background:var(--surface-strong,#fffdf8);width:2.75rem;height:2.75rem;color:var(--text-color,#171411);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:0;display:inline-flex}.browser-toolbar-button:hover{background:#f4ece0}.browser-toolbar-button:focus-visible{outline-offset:2px;outline:3px solid #17141124}.browser-content{border-top:1.5px solid #17141126;min-height:0}@media (width<=900px){.browser-window{border-radius:1.65rem}.browser-toolbar{grid-template-columns:1fr;justify-items:stretch;gap:.8rem;padding:.85rem 1rem .78rem}.browser-home-button{display:none}.browser-address-form,.browser-address-bar{width:100%}}@media (width<=640px){.browser-window{border-radius:1.35rem}.browser-address-bar{gap:.55rem}.browser-address-scroll{--browser-address-action-width:3.5rem;min-height:2.55rem;padding:.24rem .28rem .24rem .24rem}.browser-address-scroll-empty{padding-left:.8rem}.browser-address-input{min-width:8rem;font-size:16px}.browser-address-submit{min-width:1.95rem;height:1.95rem;padding:0 .54rem;font-size:.84rem}.browser-address-action-placeholder{height:1.95rem}.browser-address-submit-clear{min-width:3.5rem;padding:0 .72rem}.browser-toolbar-button{width:2.55rem;height:2.55rem}.browser-history-button{font-size:.9rem}}