artemis-ui/dist/index.css

a component ui library for react applications

.art-error-text{color:#ee5e52;margin-top:.4rem;margin-left:.4rem;font-size:.8rem}.art-success-text{color:#328048;margin-top:.4rem;margin-left:.4rem;font-size:.8rem}.art-avatar{height:2.5rem;width:2.5rem;background-color:#8e8ea9;display:flex;justify-content:center;align-items:center;font-weight:bold;color:#fff}.art-avatar .ant-avatar-img{height:100%;width:100%;object-fit:contain;border-radius:inherit}.art-avatar-circle{border-radius:100%}.art-avatar-sm{height:2rem;width:2rem}.art-avatar-lg{height:3.5rem;width:3.5rem}.art-badge{border-radius:.4rem;width:fit-content;color:#fff;display:flex;align-items:center;padding:.1rem .6rem;font-size:14px}.art-badge .art-badge-content{margin-left:4px}.art-badge-sm{font-size:12px}.art-badge-md{font-size:14px}.art-badge-lg{font-size:20px}.art-badge-primary{background-color:#4945ff}.art-badge-danger{background-color:#ee5e52}.art-badge-warning{background-color:#f29d41}.art-badge-success{background-color:#5cb176}.art-badge-dark{background-color:#8e8ea9}.art-badge-primary-light{color:#4945ff;background-color:#f0f0f0}.art-badge-danger-light{color:#ee5e52;background-color:#fcecea}.art-badge-warning-light{color:#f29d41;background-color:#fdf4dc}.art-badge-success-light{color:#5cb176;background-color:#eafbe7}.art-badge-dark-light{color:#8e8ea9;background-color:#f6f6f6}.art-btn{padding:.8rem 1rem;background-color:transparent;border:2px solid #dcdce4;cursor:pointer;display:flex}.art-btn:hover{background-color:#f6f6f6}.art-btn:focus{outline:2px solid #271fe0;outline-offset:2px}.art-btn-rounded{border-radius:.4rem}.art-btn-circle{border-radius:100%}.art-btn-lg{padding:1rem 1.6rem}.art-btn-sm{padding:.4rem .8rem;font-size:.8rem}.art-btn-disabled,.art-btn-success:disabled,.art-btn-danger:disabled,.art-btn-primary:disabled,.art-btn-light-pseudo:disabled,.art-btn-success-light:disabled,.art-btn-danger-light:disabled,.art-btn-primary-light:disabled,.art-btn:disabled{border:2px solid #dcdce4;background-color:#eaeaef;color:#666687;pointer-events:none}.art-btn-light-pseudo:hover,.art-btn-success-light:hover,.art-btn-danger-light:hover,.art-btn-primary-light:hover{background-color:#fff}.art-btn-light-pseudo:focus,.art-btn-success-light:focus,.art-btn-danger-light:focus,.art-btn-primary-light:focus{background-color:#fff}.art-btn-primary{border:2px solid #271fe0;background-color:#271fe0;color:#fff}.art-btn-primary:hover{background-color:#4945ff}.art-btn-danger{border:2px solid #d02b20;background-color:#d02b20;color:#fff}.art-btn-danger:hover{background-color:#ee5e52}.art-btn-success{border:2px solid #328048;background-color:#328048;color:#fff}.art-btn-success:hover{background-color:#5cb176}.art-btn-primary-light{border:2px solid #d9d8ff;background-color:#f0f0f0;color:#4945ff}.art-btn-danger-light{border:2px solid #f5c0b8;background-color:#fcecea;color:#d02b20}.art-btn-success-light{border:2px solid #c6f0c2;background-color:#eafbe7;color:#328048}.art-collapse-basic{background-color:#fff;border-bottom:1px solid #eaeaef}.art-collapse-rounded{background-color:#fff;border-radius:.4rem;margin-bottom:.4rem}.art-collapse-margin,.art-collapse-border-margin{background-color:#fff;margin-bottom:.4rem}.art-collapse-border,.art-collapse-border-margin{background-color:#fff;border:1px solid #eaeaef;margin-top:-1px}.art-collapse-border-margin{background-color:#fff}.art-collapse-title{cursor:pointer;padding:.8rem 1rem;position:relative;display:flex;align-items:center}.art-collapse-content{padding:0 1rem;transition-duration:.2s;transition-property:all;max-height:0;overflow:hidden}.art-collapse-content.active{max-height:fit-content;overflow:visible;padding:1rem}.art-collapse-icon{transition:.2s all}.art-collapse-icon.active{transform:rotateZ(180deg)}.art-drawer-container{position:fixed;z-index:1000;inset:0;height:100vh;width:100%;background-color:rgba(0,0,0,.4);visibility:hidden;opacity:0;transition:.2s all}.art-drawer-container.active{visibility:visible;opacity:1}.art-drawer-header{border-bottom:1px solid #eaeaef;display:flex;align-items:center;padding-left:1rem;min-height:4rem}.art-drawer-content{padding:1rem}.art-drawer,.art-drawer-bottom,.art-drawer-top,.art-drawer-right,.art-drawer-left{position:absolute;background-color:#fff;transition-delay:.4s;transition:.2s all ease-in-out}.art-drawer-left{height:100%;inset:0;transform:translateX(-100%)}.art-drawer-left.active{transform:translateX(0)}.art-drawer-right{height:100%;top:0;right:0;transform:translateX(100%)}.art-drawer-right.active{transform:translateX(0)}.art-drawer-top{width:100%;transform:translateY(-100%)}.art-drawer-top.active{transform:translateY(0)}.art-drawer-bottom{width:100%;bottom:0;transform:translateY(100%)}.art-drawer-bottom.active{transform:translateY(0)}.art-dropdown-container,.art-dropdown-container.rounded{width:fit-content}.art-dropdown,.art-sub-dropdown{background-color:#fff;box-shadow:0px 0px 10px #dcdce4;position:absolute;z-index:500;max-height:0;overflow-y:hidden;transition:.2s all;min-width:8rem}.art-dropdown-item{padding:.4rem .6rem;margin:0 .4rem;cursor:pointer;position:relative}.art-dropdown-item:hover{background-color:#f0f0f0;color:#271fe0}.art-dropdown-label{cursor:pointer;display:flex;align-items:center;margin:0}.art-dropdown.active,.active.art-sub-dropdown{max-height:fit-content;overflow-y:visible;padding:.4rem 0}.art-dropdown-container.rounded .art-dropdown,.art-dropdown-container.rounded .art-sub-dropdown{border-radius:.4rem}.art-dropdown-container.rounded .art-dropdown-item{border-radius:.2rem}.art-dropdown-container.rounded .art-sub-dropdown-container{border-radius:.2rem}.art-sub-dropdown-container{padding:.4rem .6rem;margin:0 .4rem;cursor:pointer;position:relative}.art-sub-dropdown-container:hover{background-color:#f0f0f0}.art-sub-dropdown{left:100%;top:0;width:fit-content}.art-sub-dropdown.active{max-height:fit-content;overflow-y:visible;padding:.4rem 0}.art-input-wrapper{display:flex;flex-direction:column}.art-input-wrapper label{color:#a5a5ba;font-size:.8rem}.art-input-wrapper .art-input{margin-top:4px;border:1px solid #eaeaef;min-width:22ch;display:flex;align-items:center;padding:0rem .6rem;color:#c0c0cf;background-color:#fff}.art-input-wrapper .art-input:hover{border:1px solid #7b79ff}.art-input-wrapper .art-input:focus-within{border:1px solid #271fe0;outline:1px solid #271fe0;box-shadow:0px 4px 10px #f6f6f6}.art-input-wrapper .art-input input{padding:.6rem .4rem;border-radius:.4rem;background-color:inherit;width:100%;outline:none;border:none}.art-input-wrapper .art-input input:focus::placeholder{padding-left:.2rem}.art-input-wrapper .art-input input::placeholder{transition:.2s}.art-input-rounded{border-radius:.4rem}.art-input-error .art-input{border:1px solid #d02b20}.art-input-error .art-input:hover{border:1px solid #d02b20}.art-input-error .art-input:focus-within{border:1px solid #d02b20;outline:1px solid #d02b20;box-shadow:0px 4px 10px #f6f6f6}.art-input-success .art-input{border:1px solid #328048}.art-input-success .art-input:hover{border:1px solid #328048}.art-input-success .art-input:focus-within{border:1px solid #328048;outline:1px solid #328048;box-shadow:0px 4px 10px #eafbe7}.art-input-disabled{pointer-events:none}.art-input-disabled .art-input{background-color:#eaeaef}.art-input-disabled .art-input input{background-color:inherit}.art-select{position:relative;cursor:pointer;display:flex;align-items:center;font-family:inherit;font-size:inherit;width:100%;min-width:15ch}.art-select::after{content:"";position:absolute;right:.6em;width:.8em;height:.5em;background-color:#a5a5ba;clip-path:polygon(100% 0%, 0 0%, 50% 100%)}.art-select select{padding:.6em;appearance:none;border:none;background-color:transparent;height:100%;width:100%;font-family:inherit;font-size:inherit;cursor:inherit;line-height:inherit;outline:none;flex:1;border-radius:.4em;border:1px solid #eaeaef;background-color:#fff}.art-select select:hover{border:1px solid #7b79ff}.art-select select:focus{border:1px solid #271fe0;outline:1px solid #271fe0}.art-select select::-ms-expand{display:none}.art-select-error select{border:1px solid #d02b20}.art-select-error select:hover{border:1px solid #d02b20}.art-select-error select:focus-within{border:1px solid #d02b20;outline:1px solid #d02b20;box-shadow:0px 4px 10px #f6f6f6}.art-select-success select{border:1px solid #328048}.art-select-success select:hover{border:1px solid #328048}.art-select-success select:focus-within{border:1px solid #328048;outline:1px solid #328048;box-shadow:0px 4px 10px #eafbe7}.art-select-disabled{pointer-events:none}.art-select-disabled select{background-color:#eaeaef}.art-textarea-container{display:flex;flex-direction:column}.art-textarea-container label{color:#a5a5ba;font-size:.8rem}.art-textarea{margin-top:4px;border:1px solid #eaeaef;padding:.4rem;background-color:#fff}.art-textarea:hover{border:1px solid #7b79ff}.art-textarea:focus{border:1px solid #271fe0;outline:1px solid #271fe0;box-shadow:0px 4px 10px #f6f6f6}.art-textarea::placeholder{transition:.2s}.art-textarea:focus::placeholder{padding-left:.2rem}.art-textarea-rounded .art-textarea{border-radius:.4rem}.art-textarea-error .art-textarea{border:1px solid #d02b20}.art-textarea-error .art-textarea:hover{border:1px solid #d02b20}.art-textarea-error .art-textarea:focus-within{border:1px solid #d02b20;outline:1px solid #d02b20;box-shadow:0px 4px 10px #f6f6f6}.art-textarea-success .art-textarea{border:1px solid #328048}.art-textarea-success .art-textarea:hover{border:1px solid #328048}.art-textarea-success .art-textarea:focus{border:1px solid #328048;outline:1px solid #328048;box-shadow:0px 4px 10px #eafbe7}.art-textarea-disabled{pointer-events:none}.art-textarea-disabled .art-textarea{background-color:#eaeaef}.art-modal-container{position:fixed;z-index:2000;inset:0;height:100vh;width:100%;background-color:rgba(0,0,0,.4);margin:0;padding:0;display:flex;justify-content:center;visibility:hidden;opacity:0;transition:.2s all}.art-modal-container.active{visibility:visible;opacity:1}.art-modal{background-color:#fff;transition-delay:.4s;transition:.2s all ease-in-out;height:fit-content}.art-modal.active{margin-top:2rem}.art-modal-rounded{border-radius:.4rem}.art-modal-header{position:relative;padding:1rem;border-bottom:1px solid #eaeaef}.art-modal-header .art-modal-close{font-size:1.4rem;position:absolute;top:50%;right:.6rem;transform:translateY(-50%);cursor:pointer;color:#8e8ea9}.art-modal-header .art-modal-close:hover{color:#212134}.art-modal-footer{padding:0 1rem;padding-bottom:.6rem}.art-modal-content{padding:.6rem 1rem}.art-modal-container.center{align-items:center}.art-modal-container.center .art-modal{transition:.2s all;transform:translateY(-4rem)}.art-modal-container.center .art-modal.active{margin:0;transform:translateY(0)}.art-quantity-picker{border:2px solid #eaeaef;width:fit-content;display:flex;align-items:center;background-color:#fff}.art-quantity-picker .art-quantity-action{cursor:pointer;display:flex;padding:.6rem .8rem;color:#a5a5ba;background-color:transparent;border:none}.art-quantity-picker .art-quantity-action:hover{color:#212134}.art-quantity-picker .art-quantity-action:focus{outline:2px solid #4945ff}.art-quantity-count{padding:0 .6rem}.art-quantity-rounded{border-radius:.4rem}.art-quantity-rounded .art-quantity-action{border-radius:.3rem}.art-quantity-disabled{pointer-events:none;background-color:#eaeaef;color:#a5a5ba}.art-rate{color:#f29d41;font-size:1.2rem}.art-tab-header{list-style:none;display:flex;align-items:center;border-bottom:1px solid #eaeaef;margin:0;padding:0 1rem}.art-tab-trigger{padding:.6rem;cursor:pointer}.art-tab-trigger.active{position:relative;color:#271fe0}.art-tab-trigger.active::after{content:"";position:absolute;background-color:#271fe0;height:1px;width:100%;top:100%;left:0}.art-tab-panel{display:none;padding:1rem;background-color:#fff;border-radius:inherit}.art-tab-panel.active{display:block}.art-tab-group-basic,.art-tab-group-rounded{border:1px solid #eaeaef;background-color:#fff}.art-tab-group-rounded{border-radius:.4rem}.art-tab-group-rounded .art-tab-panel{border-bottom-left-radius:.4rem;border-bottom-right-radius:.4rem}.art-tooltip{width:fit-content;position:relative;display:inline-block}.art-tooltip-message{width:150px;text-align:center;border-radius:.4rem;padding:.4rem .6rem;position:absolute;font-size:.8rem;visibility:hidden;opacity:0;transition:opacity .3s;background-color:#32324d;color:#fff}.art-tooltip-message.active{visibility:visible;opacity:1}.art-tooptip-arrow,.art-tooltip-message-right .art-tooptip-arrow,.art-tooltip-message-top .art-tooltip-message-right .art-tooptip-arrow,.art-tooltip-message-right .art-tooltip-message-top .art-tooptip-arrow,.art-tooltip-message-bottom .art-tooltip-message-right .art-tooptip-arrow,.art-tooltip-message-right .art-tooltip-message-bottom .art-tooptip-arrow,.art-tooltip-message-top .art-tooltip-message-bottom .art-tooltip-message-right .art-tooptip-arrow,.art-tooltip-message-right .art-tooltip-message-top .art-tooltip-message-bottom .art-tooptip-arrow,.art-tooltip-message-bottom .art-tooltip-message-top .art-tooltip-message-right .art-tooptip-arrow,.art-tooltip-message-right .art-tooltip-message-bottom .art-tooltip-message-top .art-tooptip-arrow,.art-tooltip-message-left .art-tooltip-message-right .art-tooptip-arrow,.art-tooltip-message-right .art-tooltip-message-left .art-tooptip-arrow,.art-tooltip-message-top .art-tooltip-message-left .art-tooltip-message-right .art-tooptip-arrow,.art-tooltip-message-right .art-tooltip-message-top .art-tooltip-message-left .art-tooptip-arrow,.art-tooltip-message-left .art-tooltip-message-top .art-tooltip-message-right .art-tooptip-arrow,.art-tooltip-message-right .art-tooltip-message-left .art-tooltip-message-top .art-tooptip-arrow,.art-tooltip-message-bottom .art-tooltip-message-left .art-tooltip-message-right .art-tooptip-arrow,.art-tooltip-message-right .art-tooltip-message-bottom .art-tooltip-message-left .art-tooptip-arrow,.art-tooltip-message-left .art-tooltip-message-bottom .art-tooltip-message-right .art-tooptip-arrow,.art-tooltip-message-right .art-tooltip-message-left .art-tooltip-message-bottom .art-tooptip-arrow,.art-tooltip-message-top .art-tooltip-message-bottom .art-tooltip-message-left .art-tooltip-message-right .art-tooptip-arrow,.art-tooltip-message-right .art-tooltip-message-top .art-tooltip-message-bottom .art-tooltip-message-left .art-tooptip-arrow,.art-tooltip-message-left .art-tooltip-message-top .art-tooltip-message-bottom .art-tooltip-message-right .art-tooptip-arrow,.art-tooltip-message-right .art-tooltip-message-left .art-tooltip-message-top .art-tooltip-message-bottom .art-tooptip-arrow,.art-tooltip-message-bottom .art-tooltip-message-top .art-tooltip-message-left .art-tooltip-message-right .art-tooptip-arrow,.art-tooltip-message-right .art-tooltip-message-bottom .art-tooltip-message-top .art-tooltip-message-left .art-tooptip-arrow,.art-tooltip-message-left .art-tooltip-message-bottom .art-tooltip-message-top .art-tooltip-message-right .art-tooptip-arrow,.art-tooltip-message-right .art-tooltip-message-left .art-tooltip-message-bottom .art-tooltip-message-top .art-tooptip-arrow,.art-tooltip-message-left .art-tooptip-arrow,.art-tooltip-message-left .art-tooltip-message-right .art-tooptip-arrow,.art-tooltip-message-right .art-tooltip-message-left .art-tooptip-arrow,.art-tooltip-message-left .art-tooltip-message-top .art-tooltip-message-right .art-tooptip-arrow,.art-tooltip-message-top .art-tooltip-message-right .art-tooltip-message-left .art-tooptip-arrow,.art-tooltip-message-left .art-tooltip-message-right .art-tooltip-message-top .art-tooptip-arrow,.art-tooltip-message-right .art-tooltip-message-top .art-tooltip-message-left .art-tooptip-arrow,.art-tooltip-message-left .art-tooltip-message-bottom .art-tooltip-message-right .art-tooptip-arrow,.art-tooltip-message-bottom .art-tooltip-message-right .art-tooltip-message-left .art-tooptip-arrow,.art-tooltip-message-left .art-tooltip-message-right .art-tooltip-message-bottom .art-tooptip-arrow,.art-tooltip-message-right .art-tooltip-message-bottom .art-tooltip-message-left .art-tooptip-arrow,.art-tooltip-message-left .art-tooltip-message-top .art-tooltip-message-bottom .art-tooltip-message-right .art-tooptip-arrow,.art-tooltip-message-top .art-tooltip-message-bottom .art-tooltip-message-right .art-tooltip-message-left .art-tooptip-arrow,.art-tooltip-message-left .art-tooltip-message-right .art-tooltip-message-top .art-tooltip-message-bottom .art-tooptip-arrow,.art-tooltip-message-right .art-tooltip-message-top .art-tooltip-message-bottom .art-tooltip-message-left .art-tooptip-arrow,.art-tooltip-message-left .art-tooltip-message-bottom .art-tooltip-message-top .art-tooltip-message-right .art-tooptip-arrow,.art-tooltip-message-bottom .art-tooltip-message-top .art-tooltip-message-right .art-tooltip-message-left .art-tooptip-arrow,.art-tooltip-message-left .art-tooltip-message-right .art-tooltip-message-bottom .art-tooltip-message-top .art-tooptip-arrow,.art-tooltip-message-right .art-tooltip-message-bottom .art-tooltip-message-top .art-tooltip-message-left .art-tooptip-arrow,.art-tooltip-message-left .art-tooltip-message-right .art-tooptip-arrow,.art-tooltip-message-right .art-tooltip-message-left .art-tooptip-arrow,.art-tooltip-message-top .art-tooltip-message-left .art-tooltip-message-right .art-tooptip-arrow,.art-tooltip-message-right .art-tooltip-message-top .art-tooltip-message-left .art-tooptip-arrow,.art-tooltip-message-left .art-tooltip-message-top .art-tooltip-message-right .art-tooptip-arrow,.art-tooltip-message-right .art-tooltip-message-left .art-tooltip-message-top .art-tooptip-arrow,.art-tooltip-message-bottom .art-tooltip-message-left .art-tooltip-message-right .art-tooptip-arrow,.art-tooltip-message-right .art-tooltip-message-bottom .art-tooltip-message-left .art-tooptip-arrow,.art-tooltip-message-left .art-tooltip-message-bottom .art-tooltip-message-right .art-tooptip-arrow,.art-tooltip-message-right .art-tooltip-message-left .art-tooltip-message-bottom .art-tooptip-arrow,.art-tooltip-message-top .art-tooltip-message-bottom .art-tooltip-message-left .art-tooltip-message-right .art-tooptip-arrow,.art-tooltip-message-right .art-tooltip-message-top .art-tooltip-message-bottom .art-tooltip-message-left .art-tooptip-arrow,.art-tooltip-message-left .art-tooltip-message-top .art-tooltip-message-bottom .art-tooltip-message-right .art-tooptip-arrow,.art-tooltip-message-right .art-tooltip-message-left .art-tooltip-message-top .art-tooltip-message-bottom .art-tooptip-arrow,.art-tooltip-message-bottom .art-tooltip-message-top .art-tooltip-message-left .art-tooltip-message-right .art-tooptip-arrow,.art-tooltip-message-right .art-tooltip-message-bottom .art-tooltip-message-top .art-tooltip-message-left .art-tooptip-arrow,.art-tooltip-message-left .art-tooltip-message-bottom .art-tooltip-message-top .art-tooltip-message-right .art-tooptip-arrow,.art-tooltip-message-right .art-tooltip-message-left .art-tooltip-message-bottom .art-tooltip-message-top .art-tooptip-arrow,.art-tooltip-message-bottom .art-tooptip-arrow,.art-tooltip-message-bottom .art-tooltip-message-right .art-tooptip-arrow,.art-tooltip-message-right .art-tooltip-message-bottom .art-tooptip-arrow,.art-tooltip-message-bottom .art-tooltip-message-top .art-tooltip-message-right .art-tooptip-arrow,.art-tooltip-message-top .art-tooltip-message-right .art-tooltip-message-bottom .art-tooptip-arrow,.art-tooltip-message-bottom .art-tooltip-message-right .art-tooltip-message-top .art-tooptip-arrow,.art-tooltip-message-right .art-tooltip-message-top .art-tooltip-message-bottom .art-tooptip-arrow,.art-tooltip-message-bottom .art-tooltip-message-right .art-tooptip-arrow,.art-tooltip-message-right .art-tooltip-message-bottom .art-tooptip-arrow,.art-tooltip-message-top .art-tooltip-message-bottom .art-tooltip-message-right .art-tooptip-arrow,.art-tooltip-message-right .art-tooltip-message-top .art-tooltip-message-bottom .art-tooptip-arrow,.art-tooltip-message-bottom .art-tooltip-message-top .art-tooltip-message-right .art-tooptip-arrow,.art-tooltip-message-right .art-tooltip-message-bottom .art-tooltip-message-top .art-tooptip-arrow,.art-tooltip-message-bottom .art-tooltip-message-left .art-tooltip-message-right .art-tooptip-arrow,.art-tooltip-message-left .art-tooltip-message-right .art-tooltip-message-bottom .art-tooptip-arrow,.art-tooltip-message-bottom .art-tooltip-message-right .art-tooltip-message-left .art-tooptip-arrow,.art-tooltip-message-right .art-tooltip-message-left .art-tooltip-message-bottom .art-tooptip-arrow,.art-tooltip-message-bottom .art-tooltip-message-top .art-tooltip-message-left .art-tooltip-message-right .art-tooptip-arrow,.art-tooltip-message-top .art-tooltip-message-left .art-tooltip-message-right .art-tooltip-message-bottom .art-tooptip-arrow,.art-tooltip-message-bottom .art-tooltip-message-right .art-tooltip-message-top .art-tooltip-message-left .art-tooptip-arrow,.art-tooltip-message-right .art-tooltip-message-top .art-tooltip-message-left .art-tooltip-message-bottom .art-tooptip-arrow,.art-tooltip-message-bottom .art-tooltip-message-left .art-tooltip-message-top .art-tooltip-message-right .art-tooptip-arrow,.art-tooltip-message-left .art-tooltip-message-top .art-tooltip-message-right .art-tooltip-message-bottom .art-tooptip-arrow,.art-tooltip-message-bottom .art-tooltip-message-right .art-tooltip-message-left .art-tooltip-message-top .art-tooptip-arrow,.art-tooltip-message-right .art-tooltip-message-left .art-tooltip-message-top .art-tooltip-message-bottom .art-tooptip-arrow,.art-tooltip-message-bottom .art-tooltip-message-left .art-tooltip-message-right .art-tooptip-arrow,.art-tooltip-message-right .art-tooltip-message-bottom .art-tooltip-message-left .art-tooptip-arrow,.art-tooltip-message-left .art-tooltip-message-bottom .art-tooltip-message-right .art-tooptip-arrow,.art-tooltip-message-right .art-tooltip-message-left .art-tooltip-message-bottom .art-tooptip-arrow,.art-tooltip-message-top .art-tooltip-message-bottom .art-tooltip-message-left .art-tooltip-message-right .art-tooptip-arrow,.art-tooltip-message-right .art-tooltip-message-top .art-tooltip-message-bottom .art-tooltip-message-left .art-tooptip-arrow,.art-tooltip-message-left .art-tooltip-message-top .art-tooltip-message-bottom .art-tooltip-message-right .art-tooptip-arrow,.art-tooltip-message-right .art-tooltip-message-left .art-tooltip-message-top .art-tooltip-message-bottom .art-tooptip-arrow,.art-tooltip-message-bottom .art-tooltip-message-top .art-tooltip-message-left .art-tooltip-message-right .art-tooptip-arrow,.art-tooltip-message-right .art-tooltip-message-bottom .art-tooltip-message-top .art-tooltip-message-left .art-tooptip-arrow,.art-tooltip-message-left .art-tooltip-message-bottom .art-tooltip-message-top .art-tooltip-message-right .art-tooptip-arrow,.art-tooltip-message-right .art-tooltip-message-left .art-tooltip-message-bottom .art-tooltip-message-top .art-tooptip-arrow,.art-tooltip-message-top .art-tooptip-arrow,.art-tooltip-message-top .art-tooltip-message-right .art-tooptip-arrow,.art-tooltip-message-right .art-tooltip-message-top .art-tooptip-arrow,.art-tooltip-message-top .art-tooltip-message-right .art-tooptip-arrow,.art-tooltip-message-right .art-tooltip-message-top .art-tooptip-arrow,.art-tooltip-message-top .art-tooltip-message-bottom .art-tooltip-message-right .art-tooptip-arrow,.art-tooltip-message-bottom .art-tooltip-message-right .art-tooltip-message-top .art-tooptip-arrow,.art-tooltip-message-top .art-tooltip-message-right .art-tooltip-message-bottom .art-tooptip-arrow,.art-tooltip-message-right .art-tooltip-message-bottom .art-tooltip-message-top .art-tooptip-arrow,.art-tooltip-message-top .art-tooltip-message-bottom .art-tooltip-message-right .art-tooptip-arrow,.art-tooltip-message-right .art-tooltip-message-top .art-tooltip-message-bottom .art-tooptip-arrow,.art-tooltip-message-bottom .art-tooltip-message-top .art-tooltip-message-right .art-tooptip-arrow,.art-tooltip-message-right .art-tooltip-message-bottom .art-tooltip-message-top .art-tooptip-arrow,.art-tooltip-message-top .art-tooltip-message-left .art-tooltip-message-right .art-tooptip-arrow,.art-tooltip-message-left .art-tooltip-message-right .art-tooltip-message-top .art-tooptip-arrow,.art-tooltip-message-top .art-tooltip-message-right .art-tooltip-message-left .art-tooptip-arrow,.art-tooltip-message-right .art-tooltip-message-left .art-tooltip-message-top .art-tooptip-arrow,.art-tooltip-message-top .art-tooltip-message-left .art-tooltip-message-right .art-tooptip-arrow,.art-tooltip-message-right .art-tooltip-message-top .art-tooltip-message-left .art-tooptip-arrow,.art-tooltip-message-left .art-tooltip-message-top .art-tooltip-message-right .art-tooptip-arrow,.art-tooltip-message-right .art-tooltip-message-left .art-tooltip-message-top .art-tooptip-arrow,.art-tooltip-message-top .art-tooltip-message-bottom .art-tooltip-message-left .art-tooltip-message-right .art-tooptip-arrow,.art-tooltip-message-bottom .art-tooltip-message-left .art-tooltip-message-right .art-tooltip-message-top .art-tooptip-arrow,.art-tooltip-message-top .art-tooltip-message-right .art-tooltip-message-bottom .art-tooltip-message-left .art-tooptip-arrow,.art-tooltip-message-right .art-tooltip-message-bottom .art-tooltip-message-left .art-tooltip-message-top .art-tooptip-arrow,.art-tooltip-message-top .art-tooltip-message-left .art-tooltip-message-bottom .art-tooltip-message-right .art-tooptip-arrow,.art-tooltip-message-left .art-tooltip-message-bottom .art-tooltip-message-right .art-tooltip-message-top .art-tooptip-arrow,.art-tooltip-message-top .art-tooltip-message-right .art-tooltip-message-left .art-tooltip-message-bottom .art-tooptip-arrow,.art-tooltip-message-right .art-tooltip-message-left .art-tooltip-message-bottom .art-tooltip-message-top .art-tooptip-arrow,.art-tooltip-message-top .art-tooltip-message-bottom .art-tooltip-message-left .art-tooltip-message-right .art-tooptip-arrow,.art-tooltip-message-right .art-tooltip-message-top .art-tooltip-message-bottom .art-tooltip-message-left .art-tooptip-arrow,.art-tooltip-message-left .art-tooltip-message-top .art-tooltip-message-bottom .art-tooltip-message-right .art-tooptip-arrow,.art-tooltip-message-right .art-tooltip-message-left .art-tooltip-message-top .art-tooltip-message-bottom .art-tooptip-arrow,.art-tooltip-message-bottom .art-tooltip-message-top .art-tooltip-message-left .art-tooltip-message-right .art-tooptip-arrow,.art-tooltip-message-right .art-tooltip-message-bottom .art-tooltip-message-top .art-tooltip-message-left .art-tooptip-arrow,.art-tooltip-message-left .art-tooltip-message-bottom .art-tooltip-message-top .art-tooltip-message-right .art-tooptip-arrow,.art-tooltip-message-right .art-tooltip-message-left .art-tooltip-message-bottom .art-tooltip-message-top .art-tooptip-arrow{content:"";position:absolute;margin-left:-4px;border:4px solid transparent}.art-tooltip-message-top{left:50%;bottom:120%;transform:translateX(-50%)}.art-tooltip-message-top .art-tooptip-arrow{top:100%;left:50%;transform:translateX(-50%);border-top-color:#32324d}.art-tooltip-message-bottom{left:50%;top:120%;transform:translateX(-50%)}.art-tooltip-message-bottom .art-tooptip-arrow{bottom:100%;left:50%;border-bottom-color:#32324d}.art-tooltip-message-left{top:50%;right:120%;transform:translateY(-50%)}.art-tooltip-message-left .art-tooptip-arrow{top:50%;left:100%;transform:translateY(-50%);border-left-color:#32324d;margin-left:0}.art-tooltip-message-right{top:50%;left:120%;transform:translateY(-50%)}.art-tooltip-message-right .art-tooptip-arrow{top:50%;right:100%;transform:translateY(-50%);border-right-color:#32324d}*{box-sizing:border-box;margin:0;padding:0}