| .b_wlcmTileCont { | |
| display: flex; | |
| flex-wrap: wrap; | |
| align-content: stretch; | |
| justify-content: center; | |
| max-width: 940px | |
| } | |
| .b_wlcmTileWrap { | |
| padding: 10px; | |
| flex-grow: 1; | |
| display: flex; | |
| box-sizing: border-box | |
| } | |
| .b_wlcmTileWrap[size="small"] { | |
| width: 16.67% | |
| } | |
| .b_wlcmTileWrap[size="medium"] { | |
| width: 25% | |
| } | |
| .b_wlcmTileWrap[size="large"] { | |
| width: 33.33% | |
| } | |
| .b_wlcmTile { | |
| box-shadow: 0 6.67587px 25.869px -1.66897px rgba(73,141,255,.3); | |
| border: 2px solid transparent; | |
| width: 100%; | |
| background: #fff; | |
| border-radius: 12px; | |
| padding: 14px; | |
| cursor: pointer; | |
| display: flex; | |
| flex-direction: column; | |
| background: var(--cib-color-background-surface-card-primary); | |
| font-family: inherit; | |
| font-style: normal; | |
| text-align: left; | |
| position: relative | |
| } | |
| .b_wlcmTile:hover { | |
| border: 2px solid var(--cib-color-stroke-accent-primary) | |
| } | |
| .b_wlcmTile p { | |
| font-size: 16px; | |
| margin-top: 8px; | |
| line-height: 22px; | |
| color: var(--cib-color-foreground-neutral-primary); | |
| overflow-wrap: anywhere | |
| } | |
| .b_wlcmTile h1 { | |
| font-size: 14px; | |
| line-height: 24px; | |
| display: flex | |
| } | |
| .b_wlcmTile h1::before { | |
| height: 24px; | |
| width: 24px; | |
| margin-right: 8px; | |
| content: ""; | |
| background-size: 24px | |
| } | |
| .b_wlcmTile img { | |
| height: 100%; | |
| width: 100%; | |
| object-fit: cover | |
| } | |
| .b_wlcmTile .b_wlcmTileOverlay { | |
| opacity: 0; | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| overflow: hidden; | |
| padding: 14px; | |
| box-sizing: border-box; | |
| border-radius: inherit; | |
| background-color: rgba(0,0,0,.6); | |
| transition: all .2s ease-in-out | |
| } | |
| .b_wlcmTile .b_wlcmTileOverlay h4 { | |
| font-weight: 400; | |
| font-size: 10px; | |
| color: #fff | |
| } | |
| .b_wlcmTile .b_wlcmTileOverlay p { | |
| font-weight: 600; | |
| font-size: 14px; | |
| color: #fff; | |
| display: -webkit-box; | |
| -webkit-line-clamp: 5; | |
| -webkit-box-orient: vertical; | |
| overflow: hidden; | |
| text-overflow: ellipsis | |
| } | |
| .b_wlcmTile:hover .b_wlcmTileOverlay,.b_wlcmTile:focus-visible .b_wlcmTileOverlay { | |
| opacity: 1 | |
| } | |
| .b_wlcmTile:active .b_wlcmTileOverlay { | |
| background-color: rgba(0,0,0,.65) | |
| } | |
| .b_wlcmTile.code h1 { | |
| color: #09743d | |
| } | |
| .b_wlcmTile.design h1 { | |
| color: #7111b0 | |
| } | |
| .b_wlcmTile.write h1 { | |
| color: #0e56bb | |
| } | |
| .b_wlcmTile.laugh h1 { | |
| color: #94302d | |
| } | |
| .b_wlcmTile.chat h1 { | |
| color: #174ae4 | |
| } | |
| .b_wlcmTile.organize h1 { | |
| color: #08684a | |
| } | |
| .b_wlcmTile.compare h1 { | |
| color: #b0570c | |
| } | |
| .b_wlcmTile.shop h1 { | |
| color: #436dcd | |
| } | |
| .b_wlcmTile.travel h1 { | |
| color: #444 | |
| } | |
| .b_wlcmTile.create h1 { | |
| color: #066da7 | |
| } | |
| .b_wlcmTile.shopwithbing { | |
| box-shadow: 0 4px 15px 1px var(--cib-color-fill-accent-strong-primary) | |
| } | |
| .b_wlcmTile.shopwithbing h1 { | |
| color: #436dcd; | |
| font-size: 20px; | |
| font-weight: 600 | |
| } | |
| .b_wlcmTile.freesydney { | |
| box-shadow: 0 4px 15px 1px var(--cib-color-fill-accent-strong-primary) | |
| } | |
| .b_wlcmTile.freesydney h1 { | |
| color: #436dcd; | |
| font-size: 20px; | |
| font-weight: 600 | |
| } | |
| .b_wlcmTile.createwithsuno h1 { | |
| color: #5e438f; | |
| font-size: 14px | |
| } | |
| .b_wlcmTile.hasImage { | |
| padding: 0; | |
| border: none | |
| } | |
| .b_wlcmTile.hasImage img { | |
| border-radius: inherit | |
| } | |
| .b_wlcmTile.hasImage.neurips { | |
| box-shadow: 0 4px 15px 1px var(--cib-color-fill-accent-strong-primary) | |
| } | |
| .b_wlcmTile.hasImage.neurips h1 { | |
| color: #436dcd; | |
| font-size: 20px; | |
| font-weight: 600 | |
| } | |
| .b_wlcmTilePrivacy { | |
| padding-top: 10px; | |
| color: var(--cib-color-fill-accent-strong-primary) | |
| } | |
| body.b_dark #b_sydWelcomeTemplate_ .b_wlcmTileCont .b_wlcmTile { | |
| box-shadow: unset | |
| } | |
| #sydWelcomeTemplate>.b_wlcmCont { | |
| display: none | |
| } | |
| .b_wlcmCont { | |
| justify-content: center; | |
| align-items: center; | |
| display: flex; | |
| flex-direction: column | |
| } | |
| .b_wlcmCont .b_wlcmHdr { | |
| align-items: center; | |
| justify-content: center; | |
| display: flex; | |
| flex-direction: column; | |
| padding-top: 2vh | |
| } | |
| .b_wlcmCont .b_wlcmHdr .b_wlcmLogo { | |
| height: 54px; | |
| width: auto | |
| } | |
| .b_wlcmCont .b_wlcmHdr .b_wlcmDesc { | |
| font-style: normal; | |
| font-weight: 600; | |
| font-size: 22px; | |
| line-height: 26px; | |
| margin-top: 16px; | |
| color: var(--cib-color-stroke-accent-primary); | |
| margin-bottom: 3vh; | |
| margin-top: 1vh; | |
| text-align: center | |
| } | |
| .b_wlcmCont .b_wlcmHdr .b_wlcmSubDesc { | |
| font-size: 16px | |
| } | |
| .b_wlcmCont .b_wlcmTileCont { | |
| display: flex; | |
| flex-wrap: wrap; | |
| align-content: stretch; | |
| justify-content: center; | |
| max-width: 940px | |
| } | |
| .b_wlcmCont .b_wlcmTileCont .b_wlcmTileWrap { | |
| padding: 10px; | |
| flex-grow: 1; | |
| display: flex; | |
| box-sizing: border-box | |
| } | |
| .b_wlcmCont .b_wlcmTileCont .b_wlcmTileWrap[size="small"] { | |
| width: 16.67% | |
| } | |
| .b_wlcmCont .b_wlcmTileCont .b_wlcmTileWrap[size="medium"] { | |
| width: 25% | |
| } | |
| .b_wlcmCont .b_wlcmTileCont .b_wlcmTileWrap[size="large"] { | |
| width: 33.33% | |
| } | |
| .b_wlcmCont .b_wlcmTileCont .b_wlcmTile:hover { | |
| border: 2px solid var(--cib-color-stroke-accent-primary) | |
| } | |
| .b_wlcmCont .b_wlcmTileCont .b_wlcmTile h1 { | |
| font-size: 14px; | |
| line-height: 24px; | |
| display: flex | |
| } | |
| .b_wlcmCont .b_wlcmTileCont .b_wlcmTile h1::before { | |
| height: 24px; | |
| width: 24px; | |
| margin-right: 8px; | |
| content: ""; | |
| background-size: 24px | |
| } | |
| .b_wlcmCont .b_wlcmTileCont.b_wlcmTileContEnterprise .b_wlcmTileWrap[size="small"] { | |
| width: 33.33% | |
| } | |
| .b_wlcmCont .b_wlcmTileCont.b_wlcmTileContEnterprise .b_wlcmTileWrap[size="medium"] { | |
| width: 50% | |
| } | |
| .b_wlcmCont .b_wlcmTileCont.b_wlcmTileContEnterprise .b_wlcmTileWrap[size="large"] { | |
| width: 100% | |
| } | |
| .b_wlcmCont .b_wlcmTileCont.b_wlcmTileContEnterprise .b_wlcmTile { | |
| box-shadow: 0 6px 24px -1.5px rgba(141,141,141,.3) | |
| } | |
| .b_wlcmCont .b_wlcmTileCont.b_wlcmTileContEnterprise .b_wlcmTile h1 { | |
| color: var(--cib-color-stroke-accent-primary) | |
| } | |
| .b_wlcmCont .b_wlcmTileCont.b_wlcmTileContEnterprise .b_wlcmTile h1::before { | |
| background-image: unset; | |
| background-color: var(--cib-color-stroke-accent-primary) | |
| } | |
| .b_wlcmCont .b_wlcmTileCont.b_wlcmTileContConsumer .b_wlcmTile.code h1 { | |
| color: #66eb6e | |
| } | |
| .b_wlcmCont .b_wlcmTileCont.b_wlcmTileContConsumer .b_wlcmTile.design h1 { | |
| color: #c296ff | |
| } | |
| .b_wlcmCont .b_wlcmTileCont.b_wlcmTileContConsumer .b_wlcmTile.write h1 { | |
| color: #96c6ff | |
| } | |
| .b_wlcmCont .b_wlcmTileCont.b_wlcmTileContConsumer .b_wlcmTile.laugh h1 { | |
| color: #e88166 | |
| } | |
| .b_wlcmCont .b_wlcmTileCont.b_wlcmTileContConsumer .b_wlcmTile.chat h1 { | |
| color: #a2b7f4 | |
| } | |
| .b_wlcmCont .b_wlcmTileCont.b_wlcmTileContConsumer .b_wlcmTile.organize h1 { | |
| color: #4be89f | |
| } | |
| .b_wlcmCont .b_wlcmTileCont.b_wlcmTileContConsumer .b_wlcmTile.compare h1 { | |
| color: #fab01c | |
| } | |
| .b_wlcmCont .b_wlcmTileCont.b_wlcmTileContConsumer .b_wlcmTile.shop h1 { | |
| color: #93c2ff | |
| } | |
| .b_wlcmCont .b_wlcmTileCont.b_wlcmTileContConsumer .b_wlcmTile.travel h1 { | |
| color: #bbb | |
| } | |
| .b_wlcmCont .b_wlcmTileCont.b_wlcmTileContConsumer .b_wlcmTile.create h1 { | |
| color: #36cce5 | |
| } | |
| body.b_dark #b_sydWelcomeTemplate .b_wlcmTileCont .b_wlcmTile { | |
| box-shadow: unset | |
| } | |
| .b_wlcmCont .b_wlcmHdr .b_wlcmLogo { | |
| content: url(/rp/ZHDMbHUEYDt5NGP3ON8vXjxtCaA.png) | |
| } | |
| body.b_dark #b_sydWelcomeTemplate .b_wlcmLogo { | |
| content: url(/rp/JOJdPp98J5uZaqfqNcf2z6_lDU8.png) | |
| } | |
| .b_wlcmCont .b_wlcmTileCont .b_wlcmTile h1::before,.b_wlcmCont .b_wlcmTileCont.b_wlcmTileContConsumer .b_wlcmTile.chat h1::before { | |
| background-image: url(/rp/kEvTUFzKj2D-xte4DoUlrzmPyEc.png) | |
| } | |
| .b_wlcmCont .b_wlcmTileCont.b_wlcmTileContConsumer .b_wlcmTile.code h1::before { | |
| background-image: url(/rp/tucoHZVv4ubzFjfXhxKqf3gaIVA.png) | |
| } | |
| .b_wlcmCont .b_wlcmTileCont.b_wlcmTileContConsumer .b_wlcmTile.design h1::before { | |
| background-image: url(/rp/hXyyS-qUAYcgnA86cK6MeAQqLLY.png) | |
| } | |
| .b_wlcmCont .b_wlcmTileCont.b_wlcmTileContConsumer .b_wlcmTile.write h1::before { | |
| background-image: url(/rp/IOALgZVf8sFUYZ411VgUf34Jeuo.png) | |
| } | |
| .b_wlcmCont .b_wlcmTileCont.b_wlcmTileContConsumer .b_wlcmTile.laugh h1::before { | |
| background-image: url(/rp/a-G2ZteqzuB0ZXKzAc0B_fAinFc.png) | |
| } | |
| .b_wlcmCont .b_wlcmTileCont.b_wlcmTileContConsumer .b_wlcmTile.organize h1::before { | |
| background-image: url(/rp/D0TjmITlkNYeShKg4VZq6uwFVPU.png) | |
| } | |
| .b_wlcmCont .b_wlcmTileCont.b_wlcmTileContConsumer .b_wlcmTile.compare h1::before { | |
| background-image: url(/rp/-KutFzCK2PE8OulbflI9msUMhHQ.png) | |
| } | |
| .b_wlcmCont .b_wlcmTileCont.b_wlcmTileContConsumer .b_wlcmTile.shop h1::before { | |
| background-image: url(/rp/QnAXqFPafDMdyUoS-wnr6nQHB7M.png) | |
| } | |
| .b_wlcmCont .b_wlcmTileCont.b_wlcmTileContConsumer .b_wlcmTile.travel h1::before { | |
| background-image: url(/rp/A61yW6snD6XU1-8bpFoh_CQoaRo.png) | |
| } | |
| .b_wlcmCont .b_wlcmTileCont.b_wlcmTileContConsumer .b_wlcmTile.create h1::before { | |
| background-image: url(/rp/jxWPRKr_ayAp7F6IpAjhwabKW3I.png) | |
| } | |
| .b_wlcmCont .b_wlcmTileCont.b_wlcmTileContEnterprise .b_wlcmTile.analyze h1::before { | |
| -webkit-mask: url(/rp/ZczG5wuHQnU_o6jmwEuU8Gh1fA4.svg) | |
| } | |
| .b_wlcmCont .b_wlcmTileCont.b_wlcmTileContEnterprise .b_wlcmTile.code h1::before { | |
| -webkit-mask: url(/rp/NMV8VwvG_qJ70QOMP_-ZAEmL5Kc.svg) | |
| } | |
| .b_wlcmCont .b_wlcmTileCont.b_wlcmTileContEnterprise .b_wlcmTile.compare h1::before { | |
| -webkit-mask: url(/rp/8zI57YGdO2GM-LjMslcw6mPDh3c.svg) | |
| } | |
| .b_wlcmCont .b_wlcmTileCont.b_wlcmTileContEnterprise .b_wlcmTile.create h1::before { | |
| -webkit-mask: url(/rp/UAXyG-o6RCcXQwv4eI7mMHl9rjU.svg) | |
| } | |
| .b_wlcmCont .b_wlcmTileCont.b_wlcmTileContEnterprise .b_wlcmTile.design h1::before { | |
| -webkit-mask: url(/rp/WvNA-qMNgDrQOJkFd4okbX_Fxvc.svg) | |
| } | |
| .b_wlcmCont .b_wlcmTileCont.b_wlcmTileContEnterprise .b_wlcmTile.laugh h1::before { | |
| -webkit-mask: url(/rp/qS9rIB-suYa9t6oyEgoYeWv0nK8.svg) | |
| } | |
| .b_wlcmCont .b_wlcmTileCont.b_wlcmTileContEnterprise .b_wlcmTile.learn h1::before { | |
| -webkit-mask: url(/rp/lcw-K5QTRCID1bmZNjzE7OybJjM.svg) | |
| } | |
| .b_wlcmCont .b_wlcmTileCont.b_wlcmTileContEnterprise .b_wlcmTile.shop h1::before { | |
| -webkit-mask: url(/rp/GkXSmYhCVqq-3xee4s4DDkRRN88.svg) | |
| } | |
| .b_wlcmCont .b_wlcmTileCont.b_wlcmTileContEnterprise .b_wlcmTile.travel h1::before { | |
| -webkit-mask: url(/rp/Mtd52CY_Z58QPVYVcFKzftRhmjg.svg) | |
| } | |
| .b_wlcmCont .b_wlcmTileCont.b_wlcmTileContEnterprise .b_wlcmTile.write h1::before { | |
| -webkit-mask: url(/rp/BRC-g8k8ZrRlTbUopNO21bV2FLA.svg) | |
| } | |
| .b_wlcmPersLogo.copilot,body.b_dark #b_sydWelcomeTemplate_ .b_wlcmPersLogo.copilot { | |
| content: url(/rp/_WT61VllAyx4fyquJgufM7hwmeg.png) | |
| } | |
| .b_wlcmPersLogo.sydney,body.b_dark #b_sydWelcomeTemplate_ .b_wlcmPersLogo.sydney { | |
| content: url(/rp/ZIFQVh6WX4QKgPWuBMBKNrERh3A.png) | |
| } | |
| .b_wlcmPersLogo.designer,body.b_dark #b_sydWelcomeTemplate_ .b_wlcmPersLogo.designer { | |
| content: url(/rp/3dpNBmIryMo5aT8OzddVNQ4C7RM.png) | |
| } | |
| .b_wlcmPersLogo.travel,body.b_dark #b_sydWelcomeTemplate_ .b_wlcmPersLogo.travel { | |
| content: url(/rp/dPdzk-H3irE62Z-qEGnKQBnmoqg.png) | |
| } | |
| .b_wlcmPersLogo.cooking,body.b_dark #b_sydWelcomeTemplate_ .b_wlcmPersLogo.cooking { | |
| content: url(/rp/LpcE_txTpGyXOwS1tgfqoqDmQIs.png) | |
| } | |
| .b_wlcmPersLogoCont { | |
| display: flex; | |
| gap: 10px; | |
| flex-direction: row; | |
| text-align: center; | |
| align-items: center; | |
| margin-inline: 0 6px | |
| } | |
| .b_wlcmPersLogo { | |
| height: 48px; | |
| width: auto | |
| } | |
| .b_wlcmPersName { | |
| font-style: normal; | |
| font-weight: 600; | |
| font-size: 40px; | |
| line-height: 52px; | |
| text-align: center | |
| } | |
| .b_wlcmPersDesc { | |
| font-style: normal; | |
| font-weight: 400; | |
| font-size: 20px; | |
| line-height: 26px; | |
| margin-top: 1vh; | |
| text-align: center | |
| } | |
| .b_wlcmPersAuthorText { | |
| font-style: normal; | |
| font-weight: 400; | |
| font-size: 14px; | |
| line-height: 18px; | |
| color: #666; | |
| margin-top: 1vh; | |
| margin-bottom: 2vh; | |
| text-align: center | |
| } |