/* Three independently styled site previews lead the page. */
.wx-page .wx-hero.wh3-hero{min-height:0;height:auto;justify-content:flex-start;padding:0;background:#fff}
.wx-page .wh3-hero:after{background:linear-gradient(180deg,#ffffff 0%,#ffffffed 32%,#ffffffe0 65%,#fff 100%)}
.wx-page .wh3-hero>.wx-hero-panorama{object-position:center 75%;opacity:.75}
.wx-page .wh3-hero>.wx-hero-light{opacity:.4}
.wh3-work{position:relative;z-index:1;width:100%;padding:16px 0 0}
.wh3-stage{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;width:calc(100% - clamp(48px,6.5vw,144px));max-width:1600px;margin:0 auto;perspective:1600px;padding:8px 0 20px}
.wh3-card{position:relative;min-width:0;margin:0;grid-row:1;transform-origin:center;z-index:1}
.wh3-card--company{grid-column:4/10;z-index:3}
.wh3-card--shop{grid-column:1/5;margin-top:50px;transform:rotateY(8deg) rotateZ(-3deg)}
.wh3-card--admin{grid-column:9/13;margin-top:50px;transform:rotateY(-8deg) rotateZ(3deg)}
.wh3-window{border:1px solid #d7e0e9;border-radius:11px;overflow:hidden;background:#fff;box-shadow:0 25px 60px -22px #193b5b33,0 3px 12px #193b5b0b}
.wh3-card--company .wh3-window{box-shadow:0 35px 70px -24px #193b5b40,0 3px 12px #193b5b0d}
.wh3-chrome{height:28px;display:flex;align-items:center;gap:10px;padding:0 12px;background:#f9fbfd;border-bottom:1px solid #e3e9ef;color:#7a8c9f;font-size:8px;letter-spacing:.06em}
.wh3-chrome>span{display:flex;gap:4px;flex:1}
.wh3-chrome i{width:4px;height:4px;background:#c1ceda;border-radius:50%}
.wh3-chrome>b{font-weight:500}
.wh3-chrome>small{flex:1;text-align:right;font-size:7px;letter-spacing:.08em}
.wh3-viewport{position:relative;aspect-ratio:1000/600;overflow:hidden;background:#fff;isolation:isolate}
.wh3-card>figcaption{display:flex;align-items:baseline;gap:9px;padding:17px 4px 0;line-height:1.5;color:#304e6a}
.wh3-card>figcaption>span{font-size:10px;color:#7a90a3;font-variant-numeric:tabular-nums}
.wh3-card>figcaption>a{display:flex;align-items:baseline;gap:16px;color:#304e6a;font-size:13px;font-weight:650;min-height:32px;text-decoration:none}
.wh3-card>figcaption>a>small{font-size:10px;font-weight:400;color:#7a90a3}
.wh3-card--shop>figcaption{padding-left:12px}
.wh3-card--admin>figcaption{justify-content:flex-end;padding-right:12px}
.wh3-card--company>figcaption{justify-content:center}
.wh3-selector{display:none}
.wx-page .wh3-preview-note{font-size:10px;line-height:1.6;color:#8b9aaa;text-align:center;margin:0 0 21px}
.wx-page .wh3-hero>.wx-hero-foot{position:relative;bottom:auto;width:calc(100% - clamp(48px,6.5vw,144px));max-width:1600px;margin-top:0;padding:17px 0 19px;font-size:11px;color:#678095}
@media(min-width:761px) and (max-width:1050px){
 .wh3-card--shop,.wh3-card--admin{margin-top:30px}
 .wh3-card>figcaption>a>small{display:none}
 .wh3-card>figcaption>a{font-size:11px}
}
@media(max-width:760px){
 .wx-page .wx-hero.wh3-hero{padding:0;min-height:0;height:auto}
 .wh3-work{padding:0}
 .wh3-stage{display:flex;gap:16px;width:100%;max-width:none;padding:10px 24px 20px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:24px;scrollbar-width:none;perspective:none}
 .wh3-stage::-webkit-scrollbar{display:none}
 .wh3-card{flex:0 0 min(84vw,360px);width:min(84vw,360px);margin:0;transform:none;scroll-snap-align:start}
 .wh3-chrome{height:25px;padding-inline:10px}
 .wh3-viewport{aspect-ratio:6/7}
 .wh3-window,.wh3-card--company .wh3-window{border-radius:9px;box-shadow:0 12px 22px -15px #193b5b40}
 .wh3-card>figcaption{justify-content:flex-start;gap:8px;padding:13px 2px 0;transform:none}
 .wh3-card>figcaption>a{font-size:12px;justify-content:space-between;flex:1;gap:6px;min-height:30px}
 .wh3-card>figcaption>a>small{display:inline;font-size:10px}
 .wh3-selector{display:flex;gap:5px;justify-content:center;margin:0 24px 10px;border-bottom:1px solid #e2e8ef}
 .wx-page .wh3-selector>button{flex:1;min-height:44px;padding:11px 3px;font-size:11px;line-height:1.5;white-space:nowrap;color:#8495a4;border-bottom:2px solid transparent}
 .wx-page .wh3-selector>button[aria-current=true]{color:#193b60;border-bottom-color:#193b60;font-weight:650}
 .wx-page .wh3-preview-note{font-size:9px;margin-bottom:17px}
 .wx-page .wh3-hero>.wx-hero-foot{width:calc(100% - 48px);bottom:auto;padding:14px 0;font-size:9px;gap:12px}
 .wx-page .wh3-hero>.wx-hero-foot>span:last-child{max-width:none}
}
@media(prefers-reduced-motion:reduce){
 .wh3-stage{scroll-behavior:auto}
 .wh3-card{translate:none!important;scale:none!important}
}

/* The screen contents are live type and ordinary website layouts, not generated screenshots. */
.wx-page .wh3-hero>.wx-hero-panorama,.wx-page .wh3-hero>.wx-hero-light,.wx-page .wh3-hero>canvas{display:none}
.wx-page .wh3-hero:after{background:linear-gradient(180deg,#fff,#f6f8fb 76%,#fff)}
.wh3-viewport{aspect-ratio:1000/620}
.wh3-card--shop{transform:rotateY(3deg) rotateZ(-1.4deg)}
.wh3-card--admin{transform:rotateY(-3deg) rotateZ(1.4deg)}
.wh3-window{box-shadow:0 16px 36px -20px #193b5b38}
.wh3-card--company .wh3-window{box-shadow:0 24px 50px -24px #193b5b45}
.wx-page .wh3-canvas{position:absolute;left:0;top:0;width:1000px;height:620px;transform-origin:0 0;transform:scale(var(--wh3-preview-scale,.7));overflow:hidden}
.wx-page .wh5{height:100%;width:100%;text-align:left;font-family:inherit;font-size:14px;line-height:1.5;letter-spacing:-.025em;color:#253345;background:#fff;position:relative}
.wx-page .wh5 *{box-sizing:border-box}
.wx-page .wh5 :is(h3,h4,h5,p,figure){margin:0;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit}
.wx-page .wh5 :is(button,input){font:inherit;letter-spacing:inherit;line-height:inherit;box-shadow:none}
.wx-page .wh5 button{background:transparent;border:0;border-radius:0;color:inherit;cursor:pointer;padding:0}
.wx-page .wh5 button:focus-visible,.wx-page .wh5 input:focus-visible{outline:2px solid #2563c6;outline-offset:3px}
.wx-page .wh5 button:hover{filter:brightness(.88)}
.wx-page .wh5 svg{width:20px;height:20px;display:block;flex:none}
.wx-page .wh5 [hidden]{display:none!important}
.wx-page .wh5 em,.wx-page .wh5 i{font-style:normal}
.wh5-co-header{height:76px;display:flex;align-items:center;gap:28px;padding:0 40px;border-bottom:1px solid #edf0f3}
.wh5-seon{font-size:34px;letter-spacing:-2px;display:flex;align-items:center;gap:10px;line-height:1}
.wh5-seon>i{width:18px;height:26px;background:#254fc7;border-radius:2px;transform:skew(-18deg)}
.wh5-seon>span{font-size:11px;letter-spacing:0;font-weight:400;margin-left:6px;color:#7b8592}
.wh5-co-header>nav{margin-left:auto;display:flex;align-items:center;gap:29px;height:100%}
.wx-page .wh5-co-header>nav>button{height:100%;font-size:13px;border-bottom:2px solid transparent}
.wx-page .wh5-co-header>nav>button[aria-pressed=true]{border-color:#254fc7;font-weight:650}
.wh5-co-lang{font-size:10px;border-left:1px solid #dbe0e5;padding-left:24px;color:#747d89}
.wh5-co-hero{display:grid;grid-template-columns:1fr 430px;gap:35px;padding:35px 40px 26px;height:351px;background:#f8f9fb}
.wh5-co-copy{padding:13px 0}
.wh5-co-eyebrow{font-size:11px;font-weight:600;color:#5b6b83}
.wx-page .wh5-co-copy h3{font-size:36px;font-weight:720;line-height:1.4;letter-spacing:-1.7px;margin:19px 0 15px;color:#1d2d45}
.wh5-co-copy h3 em{color:#2f51a5}
.wx-page .wh5-co-copy p{font-size:11px;color:#727d8c;line-height:1.9;word-break:keep-all}
.wx-page .wh5-co-copy .wh5-co-cta{background:#213c65;border-radius:3px;color:#fff;font-size:11px;font-weight:550;margin-top:21px;padding:11px 18px}
.wh5-connect{background:#fff;border:1px solid #dbe1e9;border-radius:6px;box-shadow:0 8px 20px #24385808;overflow:hidden;align-self:start}
.wh5-connect>header{height:39px;background:#263b59;display:flex;align-items:center;justify-content:space-between;padding:0 17px;color:#fff}
.wh5-connect>header>b{font-size:13px;letter-spacing:-.4px}.wh5-connect>header>span{font-size:9px;opacity:.65}
.wh5-connect-body{padding:15px 17px 8px}
.wh5-connect-title{display:flex;align-items:center;justify-content:space-between}
.wh5-connect-title small{display:block;font-size:8px;color:#929ba7;margin-bottom:3px}
.wh5-connect-title strong{font-size:13px;font-weight:650}
.wh5-connect-title>span{font-size:8px;display:flex;align-items:center;gap:5px;color:#458471}
.wh5-connect-title>span>i{height:4px;width:4px;border-radius:50%;background:#599481}
.wh5-connect-metrics{display:grid;grid-template-columns:1fr 1fr;padding:13px 0 9px;border-bottom:1px solid #e9edf1;margin-bottom:1px}
.wh5-connect-metrics>div+div{border-left:1px solid #e9edf1;padding-left:20px}
.wh5-connect-metrics span{display:block;font-size:8px;color:#87919e}
.wh5-connect-metrics b{font-size:21px;letter-spacing:-.6px;font-weight:650}
.wh5-connect-metrics b small{font-size:9px;font-weight:400;color:#87919e;margin-left:3px}
.wh5-connect-list>div{display:flex;align-items:center;gap:9px;padding:7px 0;border-bottom:1px solid #f0f2f5}
.wh5-connect-list>div:last-child{border-bottom:0}.wh5-connect-list>div>i{width:26px;height:26px;background:#f2f5fa;color:#59719b;display:grid;place-items:center;border-radius:4px}
.wh5-connect-list svg{width:15px!important;height:15px!important}
.wh5-connect-list b{display:block;font-size:9px;font-weight:600}.wh5-connect-list small{display:block;font-size:7px;color:#939ba6;margin-top:1px}
.wh5-connect-list em{font-size:7px;color:#738776;margin-left:auto}
.wh5-connect>footer{height:23px;border-top:1px solid #edf0f3;font-size:7px;color:#a1a9b3;display:flex;justify-content:space-between;align-items:center;padding:0 17px}
.wh5-connect>footer b{font-weight:400;color:#7a8797}
.wh5-co-lower{height:145px;padding:20px 40px 17px}
.wh5-co-panel>header{display:flex;align-items:center;gap:14px;margin-bottom:17px}
.wh5-co-panel>header>span{color:#798797;font-size:8px;letter-spacing:1.1px}
.wx-page .wh5-co-panel>header h4{font-size:14px;font-weight:650;color:#27384e}
.wh5-co-services{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.wh5-co-services>article{position:relative;padding-left:29px;border-left:1px solid #dee4eb}
.wh5-co-services>article>span{position:absolute;left:8px;top:3px;font-size:7px;color:#9aa7b6}
.wh5-co-panel:not([data-wh5-company-panel=intro]) .wh5-co-services>article{padding-left:0;border:0}
.wh5-co-panel:not([data-wh5-company-panel=intro]) .wh5-co-services>article>span{position:static;display:block;margin-bottom:5px}
.wx-page .wh5-co-services h5{font-size:17px;font-weight:650}
.wx-page .wh5-co-services p{font-size:10px;color:#7c8795;margin-top:5px}
.wh5-co-footer{height:48px;border-top:1px solid #e7ebf0;padding:0 40px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#919ba7;font-size:8px}
.wh5-co-footer>span:first-child{font-weight:650;color:#606e80;letter-spacing:.8px;font-size:8px}.wh5-co-footer>small{font-size:7px}

.wx-page .wh5-shop{color:#30372f;background:#fffefa}
.wh5-shop-notice{height:25px;display:grid;place-items:center;background:#3e493e;color:#fff;font-size:9px;letter-spacing:.1px}
.wh5-shop-header{height:68px;padding:0 35px;display:flex;align-items:center;gap:32px;border-bottom:1px solid #e9e8e2}
.wh5-morning{font-size:34px;font-family:Georgia,'Times New Roman',serif;letter-spacing:-1.3px;line-height:1;display:flex;align-items:baseline;gap:13px}
.wh5-morning>span{font-family:inherit;font-size:10px;letter-spacing:0;font-weight:400}
.wh5-shop-header>nav{display:flex;gap:23px;margin-left:auto}
.wx-page .wh5-shop-header>nav>button{font-size:12px;min-height:34px}
.wx-page .wh5-basket{display:flex;align-items:center;gap:6px;margin-left:9px;font-size:11px;min-height:34px}
.wh5-shop-intro{height:142px;padding:25px 35px;display:flex;align-items:center;justify-content:space-between;background:#efeee8;border-bottom:1px solid #e5e4dd}
.wh5-shop-intro>div>span{font-size:8px;letter-spacing:1.5px;color:#84867c}
.wx-page .wh5-shop-intro h3{font-size:31px;line-height:1.4;font-weight:550;letter-spacing:-1.2px;margin-top:6px}
.wx-page .wh5-shop-intro p{font-size:11px;color:#828478;margin-top:6px}
.wh5-shop-intro>aside{border-left:1px solid #cbcec1;padding-left:35px;margin-right:26px}
.wh5-shop-intro>aside>b{font-size:10px;font-weight:550;letter-spacing:.4px}
.wh5-shop-intro>aside>span{display:block;font-size:15px;line-height:1.6;color:#808776;margin-top:10px}
.wh5-shop-toolbar{height:61px;display:flex;align-items:center;gap:24px;padding:0 35px}
.wx-page .wh5-shop-toolbar h4{font-size:17px;font-weight:650}
.wh5-shop-toolbar>div{display:flex;gap:16px}
.wx-page .wh5-shop-toolbar button{font-size:10px;color:#91968c;border-bottom:1px solid transparent;padding:5px 0}
.wx-page .wh5-shop-toolbar button[aria-pressed=true]{color:#344432;border-bottom-color:#344432;font-weight:650}
.wh5-shop-toolbar>span{margin-left:auto;font-size:9px;color:#8a9287}
.wh5-shop-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:0 35px;height:274px}
.wh5-shop-products>article{min-width:0}
.wh5-shop-products figure{height:180px;position:relative;background:#f1f1ee;border:1px solid #edeee9}
.wx-page .wh5-shop-products img{display:block;width:100%;height:100%;object-fit:contain}
.wh5-shop-products figure>span{position:absolute;top:10px;left:10px;background:#ffffffed;border-radius:2px;color:#777e6d;font-size:8px;padding:3px 7px}
.wh5-shop-product-copy{padding:11px 0 0}
.wh5-shop-product-copy>small{font-size:8px;color:#989b91;display:block}
.wx-page .wh5-shop-product-copy h5{font-size:13px;font-weight:500;margin:4px 0 6px}
.wh5-shop-product-copy>div{display:flex;align-items:center;justify-content:space-between}
.wh5-shop-product-copy b{font-size:13px;font-weight:650}
.wx-page .wh5-shop-product-copy button{display:flex;align-items:center;gap:3px;color:#6f796c;font-size:9px;padding:4px 7px;border:1px solid #dce0d6;border-radius:3px}
.wh5-shop-product-copy button svg{width:12px!important;height:12px!important}
.wh5-shop-footer{height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 35px;border-top:1px solid #e8e9e3;font-size:9px;color:#8e9588;gap:12px}
.wh5-shop-footer>span:first-child{color:#697a62}.wh5-shop-footer i{margin:0 7px;color:#bbbfb5}
.wh5-cart-panel{position:absolute;z-index:5;top:93px;right:18px;bottom:20px;width:380px;padding:23px;background:#fffefa;border:1px solid #d6dccf;border-radius:6px;box-shadow:0 10px 45px #303c3730;overflow:auto}
.wh5-cart-panel>header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e2e6dc;padding-bottom:16px;margin-bottom:10px}
.wh5-cart-panel>header>b{font-size:19px}.wx-page .wh5-cart-panel>header>button{font-size:11px;border-bottom:1px solid #9ba891}
.wh5-cart-panel [data-wh5-cart-items]>p{font-size:13px;color:#818b78;padding:40px 0}
.wh5-cart-line{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #eceee6}
.wh5-cart-line>img{width:48px;height:56px;object-fit:contain;background:#f5f5f1}.wh5-cart-line>div{flex:1;font-size:12px}.wh5-cart-line small{display:block;font-size:10px;color:#8a947e;margin-top:4px}
.wx-page .wh5-cart-line>button{font-size:10px;padding:5px;color:#9b6b5e}
.wh5-cart-panel>footer{display:flex;justify-content:space-between;padding:20px 0;font-size:14px}.wh5-cart-panel>small{font-size:9px;color:#8a947f;display:block}

.wx-page .wh5-workspace{display:grid;grid-template-columns:172px 1fr;font-size:12px;color:#364457}
.wh5-work-sidebar{background:#f7f8fa;border-right:1px solid #e5e8ee;position:relative;padding:26px 14px}
.wh5-moa{display:block;font-size:30px;letter-spacing:-1.6px;padding-left:12px;line-height:1;color:#2a4776}
.wh5-moa>span{display:block;font-size:7px;letter-spacing:1.6px;color:#939daf;margin-top:7px;font-weight:500}
.wh5-team{display:flex;align-items:center;gap:8px;padding:11px 8px;border:1px solid #e0e5ed;border-radius:4px;background:#fff;margin-top:26px;font-size:10px}
.wh5-team>i{font-size:10px;border-radius:3px;background:#ecf0f6;color:#6e83a2;width:22px;height:22px;display:grid;place-items:center}.wh5-team>b{font-weight:550}
.wh5-work-sidebar>nav{display:grid;gap:6px;margin-top:22px}
.wx-page .wh5-work-sidebar>nav>button{display:flex;align-items:center;gap:10px;padding:11px 12px;color:#7d8899;font-size:11px;border-radius:4px;text-align:left}
.wh5-work-sidebar>nav svg{width:17px!important;height:17px!important}
.wx-page .wh5-work-sidebar>nav>button[aria-pressed=true]{color:#345c9d;background:#e8effa;font-weight:600}
.wh5-side-projects{border-top:1px solid #e3e7ed;margin-top:28px;padding:21px 10px;display:grid;gap:16px}
.wh5-side-projects>small{color:#99a2af;font-size:8px}.wh5-side-projects>span{font-size:9px;display:flex;align-items:center;gap:8px;color:#778497}
.wh5-side-projects i{width:5px;height:5px;background:#7891b4;border-radius:1px}.wh5-side-projects>span:nth-child(3)>i{background:#8eaf98}.wh5-side-projects>span:nth-child(4)>i{background:#bda486}
.wh5-work-sidebar>footer{position:absolute;bottom:22px;left:22px;right:22px;padding-top:17px;border-top:1px solid #e1e6ed;display:flex;align-items:center;gap:9px}
.wh5-work-sidebar>footer>i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e3eaf3;color:#6b83a3;font-size:11px}
.wh5-work-sidebar>footer b{font-size:10px;font-weight:600}.wh5-work-sidebar>footer small{display:block;font-size:8px;color:#8d99a8;margin-top:2px}
.wh5-work-content{min-width:0;padding:0 26px}
.wh5-work-top{height:57px;border-bottom:1px solid #e7ebf1;display:flex;align-items:center;gap:15px;font-size:9px;color:#929baa}
.wh5-work-top>span:first-child{display:flex;align-items:center;gap:12px}.wh5-work-top b{font-weight:500;color:#5d6c80}.wh5-work-top i{color:#bec5cf}
.wh5-work-top>label{margin-left:auto;display:flex;align-items:center;gap:7px;border:1px solid #e7ebf1;border-radius:4px;width:190px;padding:6px 9px}
.wh5-work-top>label>svg{width:13px!important;height:13px!important}
.wx-page .wh5-work-top input{min-width:0;width:100%;border:0;background:transparent;font-size:9px;color:#5c6e86;padding:0;height:19px}
.wh5-work-top input::placeholder{color:#adb5c0}
.wh5-work-bell{position:relative;padding:4px}.wh5-work-bell>svg{width:17px!important;height:17px!important;color:#8c9aaf}
.wh5-work-bell>i{position:absolute;top:3px;right:5px;background:#cd9587;width:4px;height:4px;border:1px solid #fff;border-radius:50%}
.wh5-work-heading{height:114px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.wh5-work-heading small{font-size:9px;color:#959fad}
.wx-page .wh5-work-heading h3{font-size:24px;font-weight:680;line-height:1.4;margin-top:5px;letter-spacing:-.8px}
.wx-page .wh5-work-heading p{font-size:10px;color:#8b97a7;margin-top:5px}
.wh5-work-team{display:flex;align-items:center;padding-left:6px}.wh5-work-team>i{width:26px;height:26px;border-radius:50%;border:2px solid #fff;background:#dfe8f5;margin-left:-6px;font-size:8px;display:grid;place-items:center;color:#607da2}
.wh5-work-team>i:nth-child(2){background:#e7ebe1;color:#859273}.wh5-work-team>i:nth-child(3){background:#efe5dd;color:#a38a75}.wh5-work-team>small{font-size:8px;color:#929eae;margin-left:8px}
.wh5-work-metrics{height:86px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #e1e6ee;border-radius:5px;padding:15px 0}
.wh5-work-metrics>div{padding:0 20px;border-right:1px solid #e9ecf2}.wh5-work-metrics>div:last-child{border:0}
.wh5-work-metrics span{display:block;font-size:9px;color:#8290a3}.wh5-work-metrics b{display:block;font-size:25px;font-weight:630;line-height:1.3;margin-top:3px;color:#385379;letter-spacing:-1px}
.wh5-work-metrics b small{font-size:9px;font-weight:400;color:#97a2b1;margin-left:5px;letter-spacing:0}.wh5-work-metrics .wh5-amber{color:#a08a60}
.wh5-work-grid{display:grid;grid-template-columns:minmax(0,1fr) 211px;gap:18px;margin-top:24px;height:286px}
.wh5-work-grid[data-wh5-work-view=tasks],.wh5-work-grid[data-wh5-work-view=calendar]{grid-template-columns:1fr}
.wh5-work-grid[data-wh5-work-view=tasks] .wh5-work-agenda,.wh5-work-grid[data-wh5-work-view=calendar] .wh5-work-tasks{display:none}
.wh5-work-tasks,.wh5-work-agenda{border:1px solid #e2e7ef;border-radius:5px;overflow:hidden}
.wh5-work-tasks>header,.wh5-work-agenda>header{height:43px;display:flex;align-items:center;justify-content:space-between;padding:0 16px}
.wx-page .wh5-work-grid h4{font-size:13px;font-weight:650}.wh5-work-grid header>span{font-size:8px;color:#9ca6b4}
.wh5-work-filter{display:flex;gap:14px;padding:0 16px;height:30px}
.wx-page .wh5-work-filter>button{border-bottom:2px solid transparent;color:#9aa4b1;font-size:9px;padding-bottom:7px}
.wx-page .wh5-work-filter>button[aria-pressed=true]{border-color:#5d7fad;color:#486b99;font-weight:600}
.wh5-task-labels,.wh5-task-row{display:grid;grid-template-columns:minmax(0,1fr) 57px 36px 57px;column-gap:7px;align-items:center;padding:0 13px}
.wh5-task-labels{height:27px;background:#f7f9fb;border-block:1px solid #edf0f4;color:#9da6b3;font-size:7px}
.wh5-task-row{height:44px;border-bottom:1px solid #edf0f4}.wh5-task-row:last-child{border:0}
.wh5-task-row>div{min-width:0}.wh5-task-row b{display:block;font-size:9px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wh5-task-row small{display:block;font-size:7px;color:#a0a8b3;margin-top:2px}.wh5-task-owner{display:flex;align-items:center;gap:4px;font-size:8px;color:#7f8b9b;white-space:nowrap}
.wh5-task-owner>i{width:17px;height:17px;border-radius:50%;background:#ebf0f7;color:#7d91af;display:grid;place-items:center;font-size:7px}
.wh5-task-date{font-size:8px;color:#8794a6}.wh5-status{font-size:7px;padding:3px 5px;border-radius:3px;justify-self:start;white-space:nowrap}
.wh5-status--blue{background:#ecf2fb;color:#7490b5}.wh5-status--amber{background:#f8f3e8;color:#ac986b}.wh5-status--green{background:#edf4ef;color:#7d9d87}
.wx-page .wh5-work-empty{padding:38px 15px;font-size:10px;color:#929dac;text-align:center}
.wh5-week{display:flex;justify-content:space-between;padding:2px 13px 15px;gap:4px}
.wh5-week>span{display:flex;flex:1;flex-direction:column;align-items:center;gap:6px;border-radius:4px;padding:7px 0;color:#8f9cae}
.wh5-week small{font-size:8px}.wh5-week b{font-size:12px;font-weight:500}.wh5-week i{width:3px;height:3px;border-radius:50%;background:#b0c1d8}
.wh5-week .is-today{background:#edf3fb;color:#537bad}.wh5-week .is-today i{background:#779ac7}
.wh5-agenda-item{display:flex;align-items:center;gap:11px;border-top:1px solid #eef1f5;margin:0 13px;padding:13px 0}
.wh5-agenda-item time{font-size:8px;color:#8f9eb2}.wh5-agenda-item>div{border-left:2px solid #c6d5e9;padding-left:9px}
.wh5-agenda-item b{display:block;font-size:9px;font-weight:500}.wh5-agenda-item small{display:block;color:#9ba5b3;font-size:7px;margin-top:3px}
.wh5-work-agenda>footer{display:flex;justify-content:space-between;padding:12px 15px;color:#9ba6b5;font-size:8px;border-top:1px solid #eef1f5}.wh5-work-agenda>footer>b{color:#7390b6;font-weight:500}
.wh5-work-footer{height:53px;display:flex;align-items:center;justify-content:space-between;color:#acb4c0;font-size:8px;gap:12px}
.wh5-work-footer>span{display:flex;align-items:center;gap:5px}.wh5-work-footer>span>i{height:4px;width:4px;background:#9bb6a5;border-radius:50%}.wh5-work-footer>small{font-size:7px}

@media(max-width:760px){
 .wh3-card--shop,.wh3-card--admin{transform:none}
 .wh3-viewport{aspect-ratio:380/470}
 .wx-page .wh3-canvas{width:380px;height:470px}
 .wh5-co-header{height:53px;padding:0 19px;gap:15px}
 .wh5-seon{font-size:27px;gap:7px}.wh5-seon>i{width:13px;height:20px}.wh5-seon>span,.wh5-co-lang{display:none}
 .wh5-co-header>nav{gap:17px}.wx-page .wh5-co-header>nav>button{font-size:11px}
 .wh5-co-hero{height:273px;display:block;position:relative;padding:21px 21px;background:#f7f9fc}
 .wh5-co-copy{padding:0;position:relative;z-index:1}.wh5-co-eyebrow{font-size:10px}
 .wx-page .wh5-co-copy h3{font-size:28px;line-height:1.4;letter-spacing:-1.3px;margin:12px 0 10px}
 .wx-page .wh5-co-copy p{font-size:10px;line-height:1.75;max-width:290px}.wh5-co-copy p br{display:none}
 .wx-page .wh5-co-copy .wh5-co-cta{font-size:10px;padding:10px 15px;margin-top:13px}
 .wh5-connect{position:absolute;bottom:19px;right:20px;width:124px;box-shadow:none;border-radius:4px;background:#fff}
 .wh5-connect>header{height:25px;padding:0 9px}.wh5-connect>header>b{font-size:9px}.wh5-connect>header>span{display:none}
 .wh5-connect-body{padding:9px}.wh5-connect-title,.wh5-connect-list,.wh5-connect>footer{display:none}
 .wh5-connect-metrics{padding:0;margin:0;border:0;gap:8px}.wh5-connect-metrics>div+div{padding-left:8px}
 .wh5-connect-metrics span{font-size:6px;white-space:nowrap}.wh5-connect-metrics b{font-size:17px}.wh5-connect-metrics b small{font-size:7px}
 .wh5-co-lower{height:111px;padding:16px 20px 12px}.wh5-co-panel>header{gap:0;margin-bottom:13px}.wh5-co-panel>header>span{display:none}
 .wx-page .wh5-co-panel>header h4{font-size:12px}.wh5-co-services{gap:10px}.wh5-co-services>article{padding:0;border:0}
 .wh5-co-services>article>span{position:static;display:block;font-size:7px;margin-bottom:3px}
 .wx-page .wh5-co-services h5{font-size:13px}.wx-page .wh5-co-services p{font-size:8px;line-height:1.6;word-break:keep-all;margin-top:3px}
 .wh5-co-panel:not([data-wh5-company-panel=intro]) .wh5-co-services>article>span{font-size:6px;margin-bottom:3px}
 .wh5-co-panel:not([data-wh5-company-panel=intro]) .wh5-co-services h5{font-size:11px}
 .wh5-co-footer{height:33px;padding:0 20px;font-size:7px;gap:10px}.wh5-co-footer>span:first-child{font-size:7px;letter-spacing:.3px}.wh5-co-footer>small{display:none}.wh5-co-footer>span:nth-child(2){font-size:6px}
 .wh5-shop-notice{height:22px;font-size:8px}.wh5-shop-header{height:56px;padding:0 18px;gap:14px}.wh5-morning{font-size:30px;gap:9px}.wh5-morning>span{font-size:9px}
 .wh5-shop-header>nav{display:none}.wx-page .wh5-basket{margin-left:auto;gap:7px;font-size:12px}
 .wh5-shop-intro{height:118px;padding:18px}.wh5-shop-intro>div>span{font-size:7px;letter-spacing:1px}.wx-page .wh5-shop-intro h3{font-size:24px;letter-spacing:-1px;margin-top:7px}.wx-page .wh5-shop-intro p{font-size:10px;margin-top:5px}.wh5-shop-intro>aside{display:none}
 .wh5-shop-toolbar{height:51px;padding:0 18px;gap:15px}.wx-page .wh5-shop-toolbar h4{font-size:13px}.wh5-shop-toolbar>div{gap:13px;margin-left:auto}.wx-page .wh5-shop-toolbar button{font-size:10px}.wh5-shop-toolbar>span{display:none}
 .wh5-shop-products{gap:10px;padding:0 18px;height:188px}.wh5-shop-products figure{height:101px;border-radius:2px}.wh5-shop-products figure>span{font-size:6px;top:5px;left:5px;padding:2px 4px}
 .wh5-shop-product-copy{padding-top:9px}.wh5-shop-product-copy>small{display:none}.wx-page .wh5-shop-product-copy h5{font-size:10px;line-height:1.55;min-height:31px;word-break:keep-all;margin:0 0 4px}
 .wh5-shop-product-copy b{font-size:10px}.wx-page .wh5-shop-product-copy button{border:0;padding:3px}.wh5-shop-product-copy button>span{display:none}
 .wh5-shop-footer{height:35px;padding:0 18px;font-size:8px}.wh5-shop-footer>span:last-child{display:none}
 .wh5-cart-panel{top:77px;right:9px;bottom:9px;width:362px;padding:20px}
 .wx-page .wh5-workspace{display:block}.wh5-work-sidebar{position:absolute;z-index:2;left:0;right:0;bottom:0;height:45px;border:0;border-top:1px solid #e2e8f0;padding:0;background:#fafbfd}
 .wh5-work-sidebar>:not(nav){display:none!important}.wh5-work-sidebar>nav{display:flex;align-items:center;justify-content:space-around;margin:0;gap:0;height:100%}
 .wx-page .wh5-work-sidebar>nav>button{display:flex;gap:7px;height:100%;padding:0 12px;font-size:10px;background:transparent!important;border-bottom:2px solid transparent;border-radius:0}
 .wx-page .wh5-work-sidebar>nav>button[aria-pressed=true]{border-bottom-color:#577da8}.wh5-work-sidebar>nav svg{width:15px!important;height:15px!important}
 .wh5-work-content{padding:0 17px}.wh5-work-top{height:43px;gap:9px;font-size:8px}.wh5-work-top>span:first-child{gap:6px}.wh5-work-top>label{width:102px;gap:5px;padding:4px 6px}.wx-page .wh5-work-top input{font-size:9px;height:16px}.wh5-work-bell{padding:2px}
 .wh5-work-heading{height:82px}.wh5-work-heading small{font-size:8px}.wx-page .wh5-work-heading h3{font-size:21px;letter-spacing:-.7px;margin-top:4px}.wx-page .wh5-work-heading p{font-size:9px;margin-top:4px}.wh5-work-team{display:none}
 .wh5-work-metrics{height:65px;padding:12px 0}.wh5-work-metrics>div{padding:0 12px}.wh5-work-metrics span{font-size:8px}.wh5-work-metrics b{font-size:20px;margin-top:3px}.wh5-work-metrics b small{font-size:7px;margin-left:3px}
 .wh5-work-grid{margin-top:13px;height:209px;display:block}.wh5-work-grid[data-wh5-work-view=overview] .wh5-work-agenda{display:none}
 .wh5-work-tasks{height:209px}.wh5-work-tasks>header,.wh5-work-agenda>header{height:32px;padding:0 11px}.wx-page .wh5-work-grid h4{font-size:11px}.wh5-work-grid header>span{font-size:8px}
 .wh5-work-filter{height:27px;padding:0 11px;gap:17px}.wx-page .wh5-work-filter>button{font-size:9px;padding-bottom:4px}.wh5-task-labels{display:none}
 .wh5-task-row{height:37px;padding:0 10px;grid-template-columns:minmax(0,1fr) 33px 36px 51px;gap:4px}.wh5-task-row b{font-size:9px}.wh5-task-row small{font-size:7px;margin-top:1px}.wh5-task-owner{font-size:8px}.wh5-task-owner>i{display:none}.wh5-task-date{font-size:8px}.wh5-status{font-size:7px;padding:3px 4px}
 .wh5-work-grid[data-wh5-work-view=calendar] .wh5-work-agenda{display:block;height:209px}.wh5-week{padding:0 12px 6px}.wh5-week>span{padding:3px 0;gap:3px}.wh5-week small{font-size:7px}.wh5-week b{font-size:10px}.wh5-agenda-item{padding:9px 0}.wh5-work-agenda>footer{padding:6px 13px}
 .wh5-work-footer{display:none}
}