:root{--sidebar-width:clamp(340px,32vw,448px);--layout-gap:12px;--logo-padding-y:20px;--header-height:calc(7vh + var(--logo-padding-y)*2);--prototype-padding-y:40px;--prototype-padding-x:24px;--prototype-web-padding-x:48px;--prototype-max-height:calc(100dvh - var(--prototype-padding-y)*2 - 48px);--sidebar-bg:#f5f5f5}*,:after,:before{box-sizing:border-box}body{margin:0}body,html{height:100%}#app,body,html{overflow:hidden}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;display:flex;flex-direction:column;height:100dvh;max-height:100dvh}nav{padding:30px}nav a{font-weight:700;color:#2c3e50}nav a.router-link-exact-active{color:#42b983}.hows-mom-bar{width:100%;flex-shrink:0;padding:var(--logo-padding-y) 0;display:grid;grid-template-columns:var(--sidebar-width) 1fr}.hows-mom-bar>.hows-mom.logo{grid-column:1;justify-self:center;height:7vh;width:auto;max-width:100%;-o-object-fit:contain;object-fit:contain}.main-content{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.loading-overlay[data-v-4cc4934a]{display:flex;align-items:center;justify-content:center;flex:1;min-height:200px}.spinner[data-v-4cc4934a]{width:32px;height:32px;border:3px solid #e8e8e8;border-top-color:#0f2851;border-radius:50%;animation:spin-4cc4934a .8s linear infinite}@keyframes spin-4cc4934a{to{transform:rotate(1turn)}}.prototype[data-v-684f38d2]{--p-height:2804;--s-aspect-ratio:1290/2796;--f2s-height-ratio:var(--p-height) /2936;--f2s-width-ratio:var(--p-height) * var(--s-aspect-ratio) /1450;width:-moz-min-content;width:min-content;align-items:center;justify-content:center;position:relative;display:flex}.prototype>.contentMobile[data-v-684f38d2]{background-color:#fafafa;height:calc(var(--f2s-height-ratio)*100%);width:calc(var(--f2s-width-ratio)*100%);border-radius:12.4%/5.7%;position:absolute}.prototype>.contentWeb[data-v-684f38d2]{background-color:#fafafa;height:calc(var(--f2s-height-ratio)*90%);width:calc(var(--f2s-width-ratio)*90%);border-radius:12.4%/5.7%;position:absolute}.prototype>.frame[data-v-684f38d2]{max-width:calc(100vw - var(--sidebar-width) - var(--prototype-padding-x)*2 - var(--prototype-web-padding-x)*2)}.prototype>.frame[data-v-684f38d2],.prototype>.mobileFrame[data-v-684f38d2]{pointer-events:none;width:auto;height:auto;max-height:var(--prototype-max-height);z-index:999}.prototype-tile[data-v-314f3d1c]{padding:12px;border-radius:8px;background:#fff;transition:background-color .2s ease-in-out;box-shadow:0 0 6px rgba(0,0,0,.16);-moz-column-gap:8px;column-gap:8px;margin:0 0 12px;display:flex}.prototype-tile.active[data-v-314f3d1c]{background:#f5f5f5}.prototype-tile[data-v-314f3d1c]:not(.active){cursor:pointer}.prototype-tile[data-v-314f3d1c]:not(.active):hover{background:#fafafa}.prototype-sub-list[data-v-314f3d1c]{list-style:none;margin:0 0 20px;padding:0}.prototype-sub-tile[data-v-314f3d1c]{padding:10px 12px;border-radius:8px;background:#fff;box-shadow:0 0 6px rgba(0,0,0,.1);display:block;margin:0 32px 8px;cursor:pointer}.prototype-sub-list .prototype-sub-tile[data-v-314f3d1c]:last-child{margin-bottom:0}.prototype-tile-icon[data-v-314f3d1c]{flex-shrink:0;transition:transform .2s ease-in-out}.prototype-tile-icon--expanded[data-v-314f3d1c]{transform:rotate(90deg)}.prototype-tile>h4[data-v-314f3d1c]{flex:1;margin:0;font-size:18px;font-weight:600;line-height:1.25;text-align:center}.prototype-sub-tile h5[data-v-314f3d1c]{margin:0;font-size:16px;font-weight:600;line-height:1.25;color:#2c3e50;text-align:center}.prototype-sub-tile h5.sub-item[data-v-314f3d1c]{color:#782256}.category[data-v-314f3d1c]{padding:20px 8px 8px;margin:0;font-size:16px;font-weight:600;text-transform:uppercase;color:#1b365e;text-align:left}.home[data-v-5ce9abad]{position:relative;flex:1;min-height:0;width:100%;height:100%;overflow:hidden}.sidebar[data-v-5ce9abad]{position:absolute;top:0;left:0;bottom:0;width:var(--sidebar-width);background:var(--sidebar-bg);border-right:1px solid #e0e0e0;overflow-x:hidden;overflow-y:auto;padding:4px 16px 24px;display:flex;flex-direction:column;z-index:1}.preview[data-v-5ce9abad]{position:fixed;top:0;right:0;bottom:0;left:var(--sidebar-width);overflow:hidden;z-index:0;display:flex;align-items:center;justify-content:center;padding:var(--prototype-padding-y) var(--prototype-padding-x);pointer-events:none}.preview[data-v-5ce9abad] .prototype{max-height:100%;pointer-events:auto}