.ty-notification {
  position: relative;
  padding: 16px 24px;
  border-radius: 3px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .ty-notification-container {
    width: 380px;
    position: fixed;
    background-color: #fff;
    z-index: 999;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transition: all 200ms;
    transition: all 200ms; }
    .ty-notification-container_top-right, .ty-notification-container_bottom-right {
      right: -400px;
      margin-right: 20px; }
    .ty-notification-container_top-left, .ty-notification-container_bottom-left {
      left: -400px;
      margin-left: 20px; }
  .ty-notification__close {
    position: absolute;
    right: 24px;
    top: 16px;
    cursor: pointer;
    color: rgba(0, 0, 0, 0.2);
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-transition: all 300ms;
    transition: all 300ms; }
    .ty-notification__close:hover {
      color: rgba(0, 0, 0, 0.7); }
  .ty-notification__title {
    padding-right: 24px;
    margin-bottom: 5px;
    color: rgba(0, 0, 0, 0.85);
    font-size: 16px;
    line-height: 24px; }
  .ty-notification__icon {
    margin-right: 15px; }