/* Sunny, illustrated concepts with a shared consumer-app design language. */
.app{background:#f5fbff}.top{padding:9px 22px 14px}.brand{font-size:23px}.brand img{width:40px;height:40px;object-fit:contain}.content{padding:0 20px}.app-welcome{position:relative;margin:0 -20px 20px;padding:21px 22px 24px;min-height:199px;overflow:hidden;background:linear-gradient(135deg,#0da2df,#0085be);color:white}.app-welcome .eyebrow{color:#d4f8ff;font-size:9px;letter-spacing:.6px}.app-welcome h1{font-size:29px;line-height:1.17;max-width:255px;letter-spacing:-1px;margin:12px 0 10px}.app-welcome p{font-size:11px;line-height:1.6;max-width:190px;color:#efffff}.welcome-mascot{position:absolute;right:-6px;bottom:5px;width:124px;height:124px;object-fit:contain;filter:drop-shadow(0 8px 10px #00488620);transform:rotate(-7deg)}.search{box-shadow:0 5px 18px #0383be0c;border-color:#d2e7f0}.search b{color:#0097bb}.feature img{height:160px}.feature{border-radius:17px}.feature-caption{left:15px;bottom:13px}.feature-caption strong{font-size:23px}.tabs{margin:12px 0 17px}.tabs .on{background:#008dcc}.tabs span{background:#e3f1f9}.ticket{margin-top:10px;padding:13px 15px}.ticket strong{font-size:20px}h2{margin:19px 0 11px;font-size:16px}.nav{padding:13px 10px 17px}.nav .active{color:#008fc5}.profile{background:#ddf5ff;color:#068db9}.kinperk{background:#fff8f8}.kinperk .app-welcome{background:linear-gradient(125deg,#ff706a,#ee457f);min-height:205px}.kinperk .app-welcome .eyebrow{color:#fff3cf}.kinperk .app-welcome p{color:#fff1ef}.kinperk .welcome-mascot{width:117px;height:117px;right:0;bottom:11px;transform:rotate(7deg)}.kinperk .tabs .on{background:#f45480}.kinperk .tabs span{background:#ffe9ee}.kinperk .feature img{height:182px}.kinperk .feature-caption strong{font-size:23px}.kinperk .offer{margin-top:14px!important;padding:14px}.kinperk .exchange{margin-top:11px;background:#fff0e5}.kinperk .action{background:linear-gradient(90deg,#fb7663,#ee4b86);margin-top:11px}.kinperk .profile{background:#ffe3de;color:#dd587a}.kinperk .nav .active{color:#ef5680}.sprigwise{background:#f4fce9}.sprigwise .app-welcome{background:linear-gradient(120deg,#166f4e,#21a471);min-height:205px}.sprigwise .app-welcome .eyebrow{color:#d3ff91}.sprigwise .app-welcome p{color:#e9ffd1}.sprigwise .welcome-mascot{width:118px;height:118px;right:0;bottom:6px}.sprigwise .feature img{height:190px}.sprigwise .feature:after{background:linear-gradient(transparent,#0c482dc9)}.sprigwise .tabs .on{background:#228a50}.sprigwise .tabs span{background:#e2f2cb}.sprigwise .care-row{padding:10px 0}.sprigwise .care-icon{background:#dafa9b;color:#228a50}.sprigwise .stat{background:#fffef5;border-color:#deefcb;padding:12px}.sprigwise .stat strong{color:#197746}.sprigwise .profile{background:#ddf5b5;color:#287e4b}.sprigwise .nav .active{color:#218447}.dayweft{background:#faf7ff}.dayweft .app-welcome{background:linear-gradient(120deg,#7050e0,#9762e9);min-height:207px}.dayweft .app-welcome .eyebrow{color:#e8dfff}.dayweft .app-welcome p{color:#f5eaff}.dayweft .welcome-mascot{width:113px;height:113px;right:-1px;bottom:8px;transform:rotate(8deg)}.dayweft .week{margin:10px 0 16px}.dayweft .week .selected{background:#8460e2;box-shadow:0 5px 12px #8460e233}.dayweft .day-note{background:#fff0d7;padding:15px}.dayweft .day-note .label{color:#bc7b27}.dayweft .day-note p{font-size:12px}.dayweft .timeline{margin-top:20px}.dayweft .task{margin-bottom:13px}.dayweft .task div{padding:10px 13px;border-color:#e5dbf8}.dayweft .task.free div{background:#e5f8e5;border-color:#cce9ca}.dayweft .route-note{margin-top:15px;font-size:9px}.dayweft .profile{color:#7857c8;background:#ede2ff}.dayweft .nav .active{color:#875bd8}
