.demo-promotion[hidden]{display:none!important}
.demo-promotion{margin:12px auto;max-width:900px;border:1px solid #dadce0;background:#fff;color:#202124;font-family:Arial,Helvetica,sans-serif;overflow:hidden}
.demo-promotion-label{display:flex;justify-content:space-between;padding:5px 9px;font-size:10px;line-height:14px;color:#70757a;border-bottom:1px solid #eee}
.demo-promotion-body{display:flex;min-height:140px}
.demo-promotion-art{position:relative;overflow:hidden;flex:0 0 30%;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:22px;background:linear-gradient(145deg,#123d51,#238b98);color:#fff}
.demo-promotion-art:after{content:"";position:absolute;width:180px;height:180px;border:30px solid #ffffff18;border-radius:50%;right:-75px;bottom:-85px}
.demo-learning .demo-promotion-art{background:linear-gradient(145deg,#342764,#7865b8)}
.demo-promotion-art>span{font-size:11px;letter-spacing:3px;color:#ffffffc9}
.demo-promotion-art strong{font-size:30px;line-height:1.12;z-index:1;letter-spacing:-1px}
.demo-promotion-copy{flex:1;min-width:0;padding:14px 20px;text-align:left}
.demo-promotion-brand{font-size:12px;color:#3c4043;margin-bottom:10px}
.demo-promotion-brand span{color:#80868b;font-size:10px}
.demo-promotion-copy h2{font-size:23px;font-weight:400;line-height:1.2;margin:0 0 9px;color:#202124}
.demo-promotion-copy p{font-size:13px;line-height:1.5;color:#5f6368;margin:0 0 14px;max-width:500px}
.demo-promotion-cta{display:inline-flex;gap:24px;align-items:center;background:#1a73e8;color:#fff;border-radius:4px;padding:9px 16px;font-size:12px;font-weight:700}
.promotion-dismiss{border:0;background:transparent;color:#70757a;font-size:16px;line-height:14px;padding:0 4px;cursor:pointer}
.promotion-dismiss:hover{color:#202124}.promotion-dismiss:focus-visible{outline:2px solid #1a73e8}
.promotion-illustration{display:block;width:100%;max-height:150px;position:relative;z-index:1}
.promotion-travel .demo-promotion-art{background:linear-gradient(#95d8e4,#d8f2ed);color:#174e59;padding:14px}
.promotion-product .demo-promotion-art{background:linear-gradient(135deg,#f2f3f5,#d9dee5);color:#333b46;padding:14px}
.promotion-product .demo-promotion-copy{background:#fafafa}.promotion-product .demo-promotion-cta{background:#202124;border-radius:999px}
.promotion-home .demo-promotion-art{background:#f4ece1;color:#695040;padding:14px}
.promotion-home .demo-promotion-copy h2{font-family:Georgia,serif}.promotion-home .demo-promotion-cta{background:#745e47}
.promotion-software .demo-promotion-art{background:#e7ecff;color:#374278;padding:12px}
.promotion-workspace{background:#fff;border-radius:6px;padding:10px;box-shadow:0 6px 20px #24357820;font-size:11px;line-height:1.5;z-index:1}
.promotion-window-dots{font-size:14px;letter-spacing:2px;color:#b5bad0;border-bottom:1px solid #eee;margin-bottom:8px}
.promotion-task{padding:7px 0;border-bottom:1px solid #eee;font-size:10px}.promotion-task small{display:block;color:#268c67}
.promotion-software .demo-promotion-cta{background:#5546bc}
.promotion-learning .demo-promotion-art{background:linear-gradient(140deg,#20295b,#6955b1)}
.promotion-learning .demo-promotion-cta{background:#5843a4}
.promotion-search .demo-promotion-art{display:none}
.promotion-search .demo-promotion-body{min-height:140px}
.promotion-search .demo-promotion-copy h2{color:#1a0dab;font-size:22px}
.promotion-search .demo-promotion-brand{font-weight:700}
.promotion-search .demo-promotion-cta{background:transparent;color:#1a0dab;padding:0;font-weight:400;text-decoration:underline}
.promotion-travel .demo-promotion-art:after,.promotion-product .demo-promotion-art:after,.promotion-home .demo-promotion-art:after,.promotion-software .demo-promotion-art:after{display:none}
.demo-promotion-rail{display:none;position:fixed;top:24px;width:160px;z-index:5;max-height:calc(100vh - 48px);overflow:auto;scrollbar-width:thin}
.demo-promotion-rail-left{right:calc(50% + var(--shell-width,960px)/2 + 20px)}
.demo-promotion-rail-right{left:calc(50% + var(--shell-width,960px)/2 + 20px)}
.demo-promotion-rail .demo-promotion{margin:0;width:160px}
.demo-promotion-rail .demo-promotion-body{flex-direction:column;min-height:400px}
.demo-promotion-rail .demo-promotion-art{flex:none;min-height:150px;padding:18px}
.demo-promotion-rail .demo-promotion-art strong{font-size:29px}
.demo-promotion-rail .demo-promotion-copy{padding:18px 12px}
.demo-promotion-rail .demo-promotion-copy h2{font-size:22px}
.demo-promotion-rail .demo-promotion-copy p{font-size:12px;line-height:1.6}
.demo-promotion-rail .demo-promotion-cta{padding:10px;gap:8px;font-size:11px}
@media(min-width:1480px){.demo-promotion-rail{display:block}}
@media(max-width:575.98px){.demo-promotion-body{min-height:170px}.demo-promotion-art{flex-basis:27%;padding:12px}.demo-promotion-art strong{font-size:21px}.demo-promotion-art>span{font-size:9px;letter-spacing:1px}.demo-promotion-copy{padding:14px}.demo-promotion-copy h2{font-size:19px}.demo-promotion-brand span{display:block;margin-top:3px}.demo-promotion-copy p{font-size:12px}.demo-promotion-cta{padding:8px 12px}}