style-kit.css

@font-face{font-family:"meeco-icons";src:url("/assets/meeco-icons.eot?ohofse");src:url("/assets/meeco-icons.eot?ohofse#iefix") format("embedded-opentype"),url("/assets/meeco-icons.ttf?ohofse") format("truetype"),url("/assets/meeco-icons.woff?ohofse") format("woff"),url("/assets/meeco-icons.svg?ohofse#meeco-icons") format("svg");font-weight:normal;font-style:normal;font-display:block}@font-face{font-family:"meeco-icons";src:url("/assets/meeco-icons.eot?ohofse");src:url("/assets/meeco-icons.eot?ohofse#iefix") format("embedded-opentype"),url("/assets/meeco-icons.ttf?ohofse") format("truetype"),url("/assets/meeco-icons.woff?ohofse") format("woff"),url("/assets/meeco-icons.svg?ohofse#meeco-icons") format("svg");font-weight:normal;font-style:normal;font-display:block}button,a.button{margin:16px;cursor:pointer;border:none;border-radius:100px;background-color:#e61e3d;color:#fff;font-size:14px;line-height:135%;font-weight:500;height:30px;padding:6px 20px 6px 20px}button.primary,a.button.primary{border:none;border-radius:100px;background-color:#e61e3d;color:#fff}button.primary:hover,a.button.primary:hover{background:#bc152f}button.primary:active,a.button.primary:active{background:#d31735}button.secondary,a.button.secondary{border:none;border-radius:100px;background-color:#fde9ec;color:#e61e3d}button.secondary:hover,a.button.secondary:hover{background:#fad2d8}button.secondary:active,a.button.secondary:active{background:#fbdde2}button.text,a.button.text{border:none;border-radius:100px;background-color:transparent;color:#e61e3d}button.text i,a.button.text i{padding-right:.5rem;vertical-align:middle;display:inline-block;color:#e61e3d}button.text:hover,a.button.text:hover{color:#bc152f}button.text:active,a.button.text:active{color:#d31735}button.large,a.button.large{font-size:16px;line-height:135%;font-weight:500;height:44px;padding:12px 24px 12px 24px}button.small,a.button.small{font-size:14px;line-height:135%;font-weight:500;height:30px;padding:6px 20px 6px 20px}button.icon-text,a.button.icon-text{border:none;border-radius:100px;background-color:transparent;color:#e61e3d;color:#e61e3d;font-size:18px}button.icon-text i,a.button.icon-text i{padding-right:.5rem;vertical-align:middle;display:inline-block;color:#e61e3d}button.icon-text i,button.icon-text .icon,a.button.icon-text i,a.button.icon-text .icon{padding-right:.5rem;vertical-align:middle;display:inline-block;color:#e61e3d}button.icon-text:hover,a.button.icon-text:hover{color:#3c3c3c}button.icon-text:active,a.button.icon-text:active{color:#484848}button.icon-only,a.button.icon-only{border:none;border-radius:100px;background-color:#fde9ec;color:#e61e3d;height:44px;width:44px;padding:10px;text-align:center}button.icon-only:hover,a.button.icon-only:hover{background:#bc152f}button.icon-only:active,a.button.icon-only:active{background:#d31735}*{box-sizing:border-box}.card{display:inline-flex;flex-direction:column;box-shadow:0px 2px 8px rgba(0,0,0,.16);border-radius:16px}.card .content{display:flex;align-items:center;padding:16px}.card .content>*{margin:0 8px 0 8px}.card .content>*:first-child{margin-left:0}.card .content>*:last-child{margin-right:0}.card .content .icon{flex-shrink:0;align-self:flex-start}.card .footer{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 12px 16px;border-top:1px solid #dce1e4}.card .footer>*{margin:0 8px 0 8px}.card .footer>*:first-child{margin-left:0}.card .footer>*:last-child{margin-right:0}.card .footer>*{display:flex;align-items:center}.card .footer>*>*{margin:0 8px 0 8px}.card .footer>*>*:first-child{margin-left:0}.card .footer>*>*:last-child{margin-right:0}.card.hard{box-shadow:0px 4px 16px rgba(0,0,0,.24)}.card.dark{box-shadow:0px 4px 16px #000}.tile{display:inline-flex;align-items:center;box-shadow:0px 2px 8px rgba(0,0,0,.16);border-radius:16px}.tile .content{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:16px 32px}.tile .content>*{margin:8px 0 4px 0}.tile .content>*:last-child{margin-bottom:0}.tile.hard{box-shadow:0px 4px 16px rgba(0,0,0,.24)}.tile.dark{box-shadow:0px 4px 16px #000}input{margin:16px 0px;display:block;box-sizing:border-box;width:100%;padding:10px;background-color:#fcfcfc;border-radius:8px;border:1px solid #dce1e4;color:#555;width:100%;font-size:18px;line-height:135%;font-weight:500}input:focus{outline:none;border-color:#43bfde;border-width:2px}input:focus{outline-color:#43bfde}input::placeholder{font-size:16px;line-height:135%;color:#b0b4b6}input[type=search]{border-radius:100px;background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 2C6.02944 2 2 6.02944 2 11C2 15.9706 6.02944 20 11 20C13.125 20 15.078 19.2635 16.6177 18.0319L20.2929 21.7071C20.6834 22.0976 21.3166 22.0976 21.7071 21.7071C22.0976 21.3166 22.0976 20.6834 21.7071 20.2929L18.0319 16.6177C19.2635 15.078 20 13.125 20 11C20 6.02944 15.9706 2 11 2ZM4 11C4 7.13401 7.13401 4 11 4C14.866 4 18 7.13401 18 11C18 14.866 14.866 18 11 18C7.13401 18 4 14.866 4 11Z' fill='%23A3B0B8'/%3E%3C/svg%3E%0A");background-repeat:no-repeat,repeat;background-position:left .7em top 50%,0 0;text-indent:32px;-moz-appearance:none;-webkit-appearance:none;appearance:none}input[type=search]:focus{outline:none;border:1.5px solid #43bfde}input[type=date]{box-sizing:border-box;width:100%;padding:10px;background-color:#fcfcfc;border-radius:8px;border:1px solid #dce1e4;color:#555;width:100%;padding-right:16px;background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.47767 3.15537C6.64515 3.13285 6.81922 3.11359 7 3.09713V3C7 2.44772 7.44772 2 8 2C8.55229 2 9 2.44772 9 3V3.00849C9.59271 2.99998 10.2342 2.99999 10.9268 3H13.0732C13.7657 2.99999 14.4073 2.99998 15 3.00849V3C15 2.44772 15.4477 2 16 2C16.5523 2 17 2.44772 17 3V3.09713C17.1808 3.11359 17.3549 3.13285 17.5223 3.15537C18.7225 3.31672 19.733 3.66191 20.5355 4.46447C21.3381 5.26702 21.6833 6.27752 21.8446 7.47767C22.0001 8.63363 22 10.1034 22 11.9269V13.0731C22 14.8966 22.0001 16.3664 21.8446 17.5223C21.6833 18.7225 21.3381 19.733 20.5355 20.5355C19.733 21.3381 18.7225 21.6833 17.5223 21.8446C16.3664 22.0001 14.8966 22 13.0731 22H10.9269C9.1034 22 7.63363 22.0001 6.47767 21.8446C5.27752 21.6833 4.26702 21.3381 3.46447 20.5355C2.66191 19.733 2.31672 18.7225 2.15537 17.5223C1.99995 16.3664 1.99997 14.8966 2 13.0732V11.9268C1.99997 10.1034 1.99995 8.63362 2.15537 7.47767C2.31672 6.27752 2.66191 5.26702 3.46447 4.46447C4.26702 3.66191 5.27752 3.31672 6.47767 3.15537ZM15 6C15 6.55228 15.4477 7 16 7C16.5523 7 17 6.55228 17 6V5.10669C17.0876 5.11612 17.1728 5.12637 17.2558 5.13753C18.2342 5.26907 18.7523 5.50966 19.1213 5.87868C19.4903 6.2477 19.7309 6.76579 19.8625 7.74416C19.9122 8.11434 19.944 8.5288 19.9643 9L4.03573 9C4.056 8.5288 4.08776 8.11434 4.13753 7.74416C4.26907 6.76579 4.50966 6.2477 4.87868 5.87868C5.2477 5.50966 5.7658 5.26907 6.74416 5.13753C6.82717 5.12637 6.9124 5.11612 7 5.10669V6C7 6.55228 7.44772 7 8 7C8.55229 7 9 6.55228 9 6V5.0089C9.58769 5.00033 10.2493 5 11 5H13C13.7507 5 14.4123 5.00033 15 5.0089V6ZM4.00104 11C4.00007 11.3147 4 11.6476 4 12V13C4 14.9139 4.00213 16.2487 4.13753 17.2558C4.26907 18.2342 4.50966 18.7523 4.87868 19.1213C5.2477 19.4903 5.76579 19.7309 6.74416 19.8625C7.7513 19.9979 9.08611 20 11 20H13C14.9139 20 16.2487 19.9979 17.2558 19.8625C18.2342 19.7309 18.7523 19.4903 19.1213 19.1213C19.4903 18.7523 19.7309 18.2342 19.8625 17.2558C19.9979 16.2487 20 14.9139 20 13V12C20 11.6476 19.9999 11.3147 19.999 11L4.00104 11Z' fill='%23A3B0B8'/%3E%3C/svg%3E%0A");background-repeat:no-repeat,repeat;background-position:right .7em top 50%,0 0;-moz-appearance:none;-webkit-appearance:none;appearance:none}input[type=date]:focus{outline:none;border-color:#43bfde;border-width:2px}input[type=date]::-webkit-calendar-picker-indicator{opacity:0}label{font-size:16px;line-height:135%;margin-bottom:-8px;display:block}.dropdown-input{margin:16px 0px;box-sizing:border-box;width:100%;padding:10px;background-color:#fcfcfc;border-radius:8px;border:1px solid #dce1e4;color:#555;width:100%;font-size:18px;line-height:135%;font-weight:500;background-image:url("data:image/svg+xml,%3Csvg fill='none' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath clip-rule='evenodd' d='m5.33923 8.24944c.41453-.36494 1.04642-.32474 1.41136.08979l5.24941 5.96277 5.2494-5.96275c.365-.41452.9968-.45472 1.4114-.08978.4145.36494.4547.99683.0898 1.41136l-5.2495 5.96267c-.7963.9046-2.2059.9046-3.0023 0l-5.24936-5.9627c-.36494-.41454-.32474-1.04642.08979-1.41136z' fill='%23A3B0B8' fill-rule='evenodd'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .7em top 50%,0 0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.dropdown-input:focus{outline:none;border-color:#43bfde;border-width:2px}.dropdown-input:focus{outline-color:#43bfde}.attachment{box-sizing:border-box;width:100%;padding:10px;background-color:#fcfcfc;border-radius:8px;border:1px solid #dce1e4;color:#555;width:100%;display:inline-flex;flex-direction:column;padding:2px;background-color:transparent;border-width:1.5px}.attachment:focus{outline:none;border-color:#43bfde;border-width:2px}.attachment .content{display:flex;align-items:center}.attachment .content>*{margin:0 8px 0 8px}.attachment .content>*:first-child{margin-left:0}.attachment .content>*:last-child{margin-right:0}.attachment .content .icon{flex-shrink:0;align-self:flex-start}.pill{color:#555;box-shadow:0px 2px 8px rgba(0,0,0,.16);border-radius:100px;background-color:#fff;font-size:14px;padding:6px 24px}.tabs{background-color:rgba(220,225,228,.5);border-radius:100px;display:inline-flex}.tabs .tab{cursor:pointer;color:#000;font-size:14px;padding:6px 24px}.tabs .tab.selected{color:#555;box-shadow:0px 2px 8px rgba(0,0,0,.16);border-radius:100px;background-color:#fff;font-size:14px;padding:6px 24px}.tag{font-size:13px;font-weight:500;line-height:135%;display:inline-block;padding:6px 16px 6px 16px;border-radius:100px;background:#ecf9fc;color:#00677f;text-align:center}.tag-edit{font-size:13px;font-weight:500;line-height:135%;display:inline-block;padding:6px 16px 6px 16px;border-radius:100px;background:#ecf9fc;color:#00677f;text-align:center}.tag-edit i,.tag-edit .icon{vertical-align:middle;display:inline-block;padding-left:8px}.tag-icon{font-size:13px;font-weight:500;line-height:135%;display:inline-block;padding:6px 16px 6px 16px;border-radius:100px;background:#ecf9fc;color:#00677f;text-align:center}.tag-icon i,.tag-icon .icon{vertical-align:middle;display:inline-block;margin-right:4px}h1{font-weight:500;font-size:50px;line-height:135%}h6{font-size:16px;font-weight:bold;line-height:135%}h2{font-weight:500;font-size:32px;line-height:135%}h6{font-size:16px;font-weight:bold;line-height:135%}h3{font-weight:500;font-size:24px;line-height:135%}h6{font-size:16px;font-weight:bold;line-height:135%}h4{font-weight:500;font-size:20px;line-height:135%}h6{font-size:16px;font-weight:bold;line-height:135%}h5{font-weight:500;font-size:18px;line-height:135%}h6{font-size:16px;font-weight:bold;line-height:135%}html{font-family:"Euclid Circular B","Avenir Next",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,"Apple Color Emoji",Arial,sans-serif,"Segoe UI Emoji","Segoe UI Symbol";color:#555;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}p{font-size:16px;line-height:135%;margin:0;padding:0}.large{font-size:18px;line-height:135%}.medium{font-size:16px;line-height:135%}.small{font-size:14px;line-height:135%}.card-label,.tile-label{font-size:16px;line-height:135%;font-weight:500}.subtitle{font-size:14px;line-height:135%;color:#aaa}.notification-text{font-weight:500;font-size:16px;line-height:20.8px}label,.label{font-size:16px;line-height:135%}input,.text-value{font-size:18px;line-height:135%;font-weight:500}ul li,ol li{margin-bottom:8px}table,th,td{padding:16px;border:1px solid #dce1e4;border-collapse:collapse;text-align:center}table th,th th,td th{border-bottom:2px solid #dce1e4}.avatar{position:relative;display:inline-flex;justify-content:center;align-items:center;background-color:#ecf9fc;border-radius:100px;border-width:3px;border-style:solid;border-color:#ecf9fc;text-align:center;color:#00677f;overflow:hidden;font-size:17px;font-weight:500;line-height:135%;height:48px;width:48px;margin:8px}.avatar img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.avatar.large{font-size:30px;font-weight:500;line-height:135%;height:80px;width:80px}.avatar.small{font-size:12px;font-weight:500;line-height:135%;height:32px;width:32px}.avatar-stack{display:flex;flex-direction:row}.avatar-stack .avatar{margin-left:-1.55rem}.avatar-stack .avatar.small{margin-left:-1.25rem}.avatar-stack .avatar.large{margin-left:-2.2rem}.avatar-stack .avatar:first-child{margin-left:0px}.switch-input{margin:16px 0px;position:relative;display:inline-block;width:51px;height:30px}.switch-input input{position:absolute;opacity:0;height:0;width:0}.switch-input .slider{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#dce1e4;border-radius:30px;transition:.4s}.switch-input .slider:before{position:absolute;top:10%;left:4%;content:"";width:24px;height:24px;background-color:#fff;border-radius:50%;box-shadow:0px 3px 1px rgba(0,0,0,.03),0px 1px 1px rgba(0,0,0,.01),0px 3px 8px rgba(0,0,0,.1);transition:.4s}.switch-input input:checked+.slider{background-color:#43bfde}.switch-input input:checked+.slider:before{transform:translateX(23px)}.checkbox-input{margin:16px 0px;position:relative;display:inline-block;padding:0px 0px 8px 24px;cursor:pointer}.checkbox-input input{position:absolute;opacity:0;height:0;width:0;cursor:pointer}.checkbox-input .checkmark{position:absolute;top:0;left:0;height:20px;width:20px;background-color:#fff;border:1px solid #b0b4b6;border-radius:6px}.checkbox-input input:checked~.checkmark{background-color:#43bfde;border-color:#43bfde}.checkbox-input .checkmark:after{position:absolute;display:none;content:""}.checkbox-input input:checked~.checkmark:after{display:block}.checkbox-input .checkmark:after{left:6px;top:3px;height:9px;width:4px;border:solid #fff;border-width:0 3px 3px 0;box-shadow:0px 3px 1px rgba(0,0,0,.03),0px 1px 1px rgba(0,0,0,.01),0px 3px 8px rgba(0,0,0,.1);transform:rotate(45deg)}.radio-button{margin:16px 0px;position:relative;display:inline-block;padding:0px 0px 8px 24px;cursor:pointer}.radio-button input{position:absolute;opacity:0;height:0;width:0;cursor:pointer}.radio-button .checkmark{position:absolute;top:0;left:0;height:20px;width:20px;background-color:#fff;border:1px solid #b0b4b6;border-radius:6px}.radio-button input:checked~.checkmark{background-color:#43bfde;border-color:#43bfde}.radio-button .checkmark:after{position:absolute;display:none;content:""}.radio-button input:checked~.checkmark:after{display:block}.radio-button .checkmark:after{left:6px;top:3px;height:9px;width:4px;border:solid #fff;border-width:0 3px 3px 0;box-shadow:0px 3px 1px rgba(0,0,0,.03),0px 1px 1px rgba(0,0,0,.01),0px 3px 8px rgba(0,0,0,.1);transform:rotate(45deg)}.radio-button .checkmark{border-radius:50%;box-sizing:border-box}.radio-button .checkmark:after{top:4px;left:4px;width:10px;height:10px;box-sizing:border-box;border-radius:50%;background:#fff}.radio-button label{margin-left:8px}i,.icon,[class^=icon-],[class*=" icon-"]{font-family:"meeco-icons" !important;speak:never;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;font-size:24px;letter-spacing:0;-webkit-font-feature-settings:"liga";-moz-font-feature-settings:"liga=1";-moz-font-feature-settings:"liga";-ms-font-feature-settings:"liga" 1;font-feature-settings:"liga";-webkit-font-variant-ligatures:discretionary-ligatures;font-variant-ligatures:discretionary-ligatures;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}i.sm,.icon.sm,[class^=icon-].sm,[class*=" icon-"].sm{font-size:16px}i.md,.icon.md,[class^=icon-].md,[class*=" icon-"].md{font-size:24px}i.lg,.icon.lg,[class^=icon-].lg,[class*=" icon-"].lg{font-size:32px}i.xl,.icon.xl,[class^=icon-].xl,[class*=" icon-"].xl{font-size:48px}.icon-add-circled-reverse:before{content:""}.icon-add-circled:before{content:""}.icon-add:before{content:""}.icon-alert-circled-reverse:before{content:""}.icon-alert-circled:before{content:""}.icon-alert-octagon-reverse:before{content:""}.icon-alert-octagon:before{content:""}.icon-alert-triangle-reverse:before{content:""}.icon-alert-triangle:before{content:""}.icon-arrow-down:before{content:""}.icon-arrow-left:before{content:""}.icon-arrow-right:before{content:""}.icon-arrow-up:before{content:""}.icon-attachment:before{content:""}.icon-badge:before{content:""}.icon-calendar:before{content:""}.icon-camera:before{content:""}.icon-card-stack:before{content:""}.icon-chevron-down-circled-reverse:before{content:""}.icon-chevron-down-circled:before{content:""}.icon-chevron-down:before{content:""}.icon-chevron-left-circled-reverse:before{content:""}.icon-chevron-left-circled:before{content:""}.icon-chevron-left:before{content:""}.icon-chevron-right-circled-reverse:before{content:""}.icon-chevron-right-circled:before{content:""}.icon-chevron-right:before{content:""}.icon-chevron-up-circled-reverse:before{content:""}.icon-chevron-up-circled:before{content:""}.icon-chevron-up:before{content:""}.icon-clipboard:before{content:""}.icon-contact-new:before{content:""}.icon-contact:before{content:""}.icon-contacts:before{content:""}.icon-credit-card:before{content:""}.icon-cross-circled-reverse:before{content:""}.icon-cross-circled:before{content:""}.icon-cross:before{content:""}.icon-delete:before{content:""}.icon-download:before{content:""}.icon-duplicate:before{content:""}.icon-edit:before{content:""}.icon-feed:before{content:""}.icon-field:before{content:""}.icon-file-text:before{content:""}.icon-file:before{content:""}.icon-filter:before{content:""}.icon-hamburger-menu:before{content:""}.icon-home:before{content:""}.icon-id:before{content:""}.icon-image:before{content:""}.icon-info-circled-reverse:before{content:""}.icon-info-circled:before{content:""}.icon-integrations:before{content:""}.icon-item:before{content:""}.icon-kebab-circled-reverse:before{content:""}.icon-kebab-circled:before{content:""}.icon-kebab:before{content:""}.icon-list:before{content:""}.icon-login:before{content:""}.icon-logout:before{content:""}.icon-me-filled:before{content:""}.icon-me-outlined:before{content:""}.icon-me:before{content:""}.icon-meatballs-circled-reverse:before{content:""}.icon-meatballs-circled:before{content:""}.icon-meatballs:before{content:""}.icon-meeco-free:before{content:""}.icon-meeco:before{content:""}.icon-notes:before{content:""}.icon-notification:before{content:""}.icon-qr-code:before{content:""}.icon-question-circled-reverse:before{content:""}.icon-question-circled:before{content:""}.icon-redo:before{content:""}.icon-refresh:before{content:""}.icon-reminder:before{content:""}.icon-remove-circled-reverse:before{content:""}.icon-remove-circled:before{content:""}.icon-remove:before{content:""}.icon-reorder:before{content:""}.icon-scan:before{content:""}.icon-search:before{content:""}.icon-settings:before{content:""}.icon-share:before{content:""}.icon-shared:before{content:""}.icon-sharing:before{content:""}.icon-tag:before{content:""}.icon-template:before{content:""}.icon-tick-circled-reverse:before{content:""}.icon-tick-circled:before{content:""}.icon-tick:before{content:""}.icon-undo:before{content:""}.icon-vault:before{content:""}.icon-vault2:before{content:""}.icon-verified-outline:before{content:""}.icon-verified-reverse:before{content:""}.icon-wallet:before{content:""}.icon-website:before{content:""}.icon-zoom:before{content:""}*{box-sizing:border-box}.notification{display:inline-block;box-shadow:0px 2px 8px rgba(0,0,0,.16);border-radius:8px;color:#fff;background-color:#32333c}.notification .content{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;font-weight:500;font-size:16px;line-height:20.8px}.notification .content>*{margin:0 8px 0 8px}.notification .content>*:first-child{margin-left:0}.notification .content>*:last-child{margin-right:0}.notification .content span{flex-grow:1}.notification .content i,.notification .content .icon{flex-shrink:0;flex-grow:0}.notification .content button{margin:0 8px;border:none;background:none;color:#fff;font-weight:500;font-size:16px;line-height:20.8px;font-size:13px;text-transform:uppercase;cursor:pointer;opacity:.7}.notification.hard{box-shadow:0px 4px 16px rgba(0,0,0,.24)}.notification.dark{box-shadow:0px 4px 16px #000}html *{box-sizing:border-box}