[data-animation='fade'] .toast-item {
  opacity: 0;
  transition: opacity 400s; }
  [data-animation='fade'] .toast-item.on {
    opacity: 1;
    transition: opacity 2000s; }

#toast-wrapper {
  position: fixed; }
  #toast-wrapper .toast-item {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 320px;
    margin: 20px;
    padding: 16px 16px 16px 20px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 4px; }
    #toast-wrapper .toast-item .t-icon {
      display: block;
      width: 20px;
      height: 20px; }
    #toast-wrapper .toast-item.toast-info {
      border-left: 4px solid #0043CE;
      background: #EDF5FF; }
      #toast-wrapper .toast-item.toast-info .t-icon {
        background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M10%201.25C8.26942%201.25%206.57769%201.76318%205.13876%202.72464C3.69983%203.6861%202.57832%205.05267%201.91606%206.65152C1.25379%208.25037%201.08051%2010.0097%201.41813%2011.707C1.75575%2013.4044%202.58911%2014.9635%203.81282%2016.1872C5.03653%2017.4109%206.59563%2018.2442%208.29296%2018.5819C9.9903%2018.9195%2011.7496%2018.7462%2013.3485%2018.0839C14.9473%2017.4217%2016.3139%2016.3002%2017.2754%2014.8612C18.2368%2013.4223%2018.75%2011.7306%2018.75%2010C18.75%207.67936%2017.8281%205.45376%2016.1872%203.81282C14.5462%202.17187%2012.3206%201.25%2010%201.25ZM10%205C10.1854%205%2010.3667%205.05498%2010.5209%205.158C10.675%205.26101%2010.7952%205.40743%2010.8661%205.57873C10.9371%205.75004%2010.9557%205.93854%2010.9195%206.1204C10.8833%206.30225%2010.794%206.4693%2010.6629%206.60041C10.5318%206.73152%2010.3648%206.82081%2010.1829%206.85699C10.001%206.89316%209.81254%206.87459%209.64124%206.80364C9.46993%206.73268%209.32351%206.61252%209.2205%206.45835C9.11749%206.30418%209.0625%206.12292%209.0625%205.9375C9.0625%205.68886%209.16128%205.4504%209.33709%205.27459C9.51291%205.09877%209.75136%205%2010%205ZM12.5%2015.0781H7.5V13.6719H9.29688V10.0781H8.125V8.67188H10.7031V13.6719H12.5V15.0781Z%22%20fill%3D%22%230043CE%22%2F%3E%3C%2Fsvg%3E"); }
    #toast-wrapper .toast-item.toast-danger {
      border-left: 4px solid #DA1E28;
      background: #FFF1F1; }
      #toast-wrapper .toast-item.toast-danger .t-icon {
        background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20%3B%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M9.99998%201.24998C8.84892%201.24285%207.7079%201.4643%206.64308%201.9015C5.57826%202.3387%204.61083%202.98295%203.79689%203.79689C2.98295%204.61083%202.3387%205.57826%201.9015%206.64308C1.4643%207.7079%201.24285%208.84892%201.24998%209.99998C1.24285%2011.151%201.4643%2012.2921%201.9015%2013.3569C2.3387%2014.4217%202.98295%2015.3891%203.79689%2016.2031C4.61083%2017.017%205.57826%2017.6613%206.64308%2018.0985C7.7079%2018.5357%208.84892%2018.7571%209.99998%2018.75C11.151%2018.7571%2012.2921%2018.5357%2013.3569%2018.0985C14.4217%2017.6613%2015.3891%2017.017%2016.2031%2016.2031C17.017%2015.3891%2017.6613%2014.4217%2018.0985%2013.3569C18.5357%2012.2921%2018.7571%2011.151%2018.75%209.99998C18.7571%208.84892%2018.5357%207.7079%2018.0985%206.64308C17.6613%205.57826%2017.017%204.61083%2016.2031%203.79689C15.3891%202.98295%2014.4217%202.3387%2013.3569%201.9015C12.2921%201.4643%2011.151%201.24285%209.99998%201.24998ZM13.403%2014.375L5.62498%206.5973L6.5973%205.62498L14.375%2013.403L13.403%2014.375Z%22%20fill%3D%22%23DA1E28%22%2F%3E%20%3C%2Fsvg%3E%20"); }
    #toast-wrapper .toast-item.toast-warning {
      border-left: 4px solid #F1C21B;
      background: #FFF8E1; }
      #toast-wrapper .toast-item.toast-warning .t-icon {
        background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M10%201.25C5.1875%201.25%201.25%205.1875%201.25%2010C1.25%2014.8125%205.1875%2018.75%2010%2018.75C14.8125%2018.75%2018.75%2014.8125%2018.75%2010C18.75%205.1875%2014.8125%201.25%2010%201.25ZM9.3125%205H10.6875V11.875H9.3125V5ZM10%2015.625C9.5%2015.625%209.0625%2015.1875%209.0625%2014.6875C9.0625%2014.1875%209.5%2013.75%2010%2013.75C10.5%2013.75%2010.9375%2014.1875%2010.9375%2014.6875C10.9375%2015.1875%2010.5%2015.625%2010%2015.625Z%22%20fill%3D%22%23F1C21B%22%2F%3E%20%3C%2Fsvg%3E%20"); }
    #toast-wrapper .toast-item.toast-success {
      border-left: 4px solid #24A148;
      background: #DEFBE6; }
      #toast-wrapper .toast-item.toast-success .t-icon {
        background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M10%201.25C8.26942%201.25%206.57769%201.76318%205.13876%202.72464C3.69983%203.6861%202.57832%205.05267%201.91606%206.65152C1.25379%208.25037%201.08051%2010.0097%201.41813%2011.707C1.75575%2013.4044%202.58911%2014.9635%203.81282%2016.1872C5.03653%2017.4109%206.59563%2018.2442%208.29296%2018.5819C9.9903%2018.9195%2011.7496%2018.7462%2013.3485%2018.0839C14.9473%2017.4217%2016.3139%2016.3002%2017.2754%2014.8612C18.2368%2013.4223%2018.75%2011.7306%2018.75%2010C18.75%207.67936%2017.8281%205.45376%2016.1872%203.81282C14.5462%202.17187%2012.3206%201.25%2010%201.25ZM8.75%2013.4942L5.625%2010.3692L6.61913%209.375L8.75%2011.5058L13.3813%206.875L14.3786%207.86619L8.75%2013.4942Z%22%20fill%3D%22%2324A148%22%2F%3E%20%3C%2Fsvg%3E%20"); }
    #toast-wrapper .toast-item .t-description {
      display: flex;
      flex-direction: column;
      flex: 1;
      margin: 0 12px; }
      #toast-wrapper .toast-item .t-description .t-title {
        font-weight: 600;
        font-size: 14px;
        line-height: 20px;
        color: #232941; }
      #toast-wrapper .toast-item .t-description .t-explanation {
        display: block;
        margin: 12px 0 0 0;
        font-weight: 500;
        font-size: 12px;
        line-height: 16px;
        color: #232941; }
        #toast-wrapper .toast-item .t-description .t-explanation a {
          color: #232941;
          text-decoration: underline; }
    #toast-wrapper .toast-item .t-close {
      display: block;
      width: 20px;
      height: 20px;
      background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M15%205.875L14.125%205L10%209.125L5.875%205L5%205.875L9.125%2010L5%2014.125L5.875%2015L10%2010.875L14.125%2015L15%2014.125L10.875%2010L15%205.875Z%22%20fill%3D%22%23232941%22%2F%3E%3C%2Fsvg%3E"); }

/* Common XS1 and XS2 */
@media all and (max-width: 767px) {
  #toast-wrapper.toast-default-xs-tl {
    top: 0;
    right: auto;
    bottom: auto;
    left: 0; }
  #toast-wrapper.toast-xs-tl {
    top: 0 !important;
    right: auto;
    bottom: auto;
    left: 0 !important; }
  #toast-wrapper .toast-item {
    width: calc(100% - 40px); }
  #toast-wrapper.toast-default-xs-tc {
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%; }
  #toast-wrapper.toast-xs-tc {
    top: 0 !important;
    right: auto;
    bottom: auto;
    left: 50% !important; }
  #toast-wrapper .toast-item {
    width: calc(100% - 40px); }
  #toast-wrapper.toast-default-xs-tr {
    top: 0;
    bottom: auto;
    right: 0;
    left: auto; }
  #toast-wrapper.toast-xs-tr {
    top: 0 !important;
    bottom: auto;
    right: 0 !important;
    left: auto; }
  #toast-wrapper .toast-item {
    width: calc(100% - 40px); }
  #toast-wrapper.toast-default-xs-ml {
    top: 50%;
    right: auto;
    bottom: auto;
    left: 0; }
  #toast-wrapper.toast-xs-ml {
    top: 50% !important;
    right: auto;
    bottom: auto;
    left: 0 !important; }
  #toast-wrapper .toast-item {
    width: calc(100% - 40px); }
  #toast-wrapper.toast-default-xs-mc {
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%; }
  #toast-wrapper.toast-xs-mc {
    top: 50% !important;
    right: auto;
    bottom: auto;
    left: 50% !important; }
  #toast-wrapper .toast-item {
    width: calc(100% - 40px); }
  #toast-wrapper.toast-default-xs-mr {
    top: 50%;
    right: 0;
    bottom: auto;
    left: auto; }
  #toast-wrapper.toast-xs-mr {
    top: 50% !important;
    right: 0 !important;
    bottom: auto;
    left: auto; }
  #toast-wrapper .toast-item {
    width: calc(100% - 40px); }
  #toast-wrapper.toast-default-xs-bl {
    top: auto;
    right: auto;
    bottom: 0;
    left: 0; }
  #toast-wrapper.toast-xs-bl {
    top: auto;
    right: auto;
    bottom: 0 !important;
    left: 0 !important; }
  #toast-wrapper .toast-item {
    width: calc(100% - 40px); }
  #toast-wrapper.toast-default-xs-bc {
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%; }
  #toast-wrapper.toast-xs-bc {
    top: auto;
    right: auto;
    bottom: 0 !important;
    left: 50% !important; }
  #toast-wrapper .toast-item {
    width: calc(100% - 40px); }
  #toast-wrapper.toast-default-xs-br {
    top: auto;
    right: 0;
    bottom: 0;
    left: auto; }
  #toast-wrapper.toast-xs-br {
    top: auto;
    right: 0 !important;
    bottom: 0 !important;
    left: auto; }
  #toast-wrapper .toast-item {
    width: calc(100% - 40px); } }
/* XS1 */
/* XS2 */
/* Common SM1 and SM2 */
@media all and (min-width: 768px) and (max-width: 1279px) {
  #toast-wrapper.toast-default-sm-tl {
    top: 0;
    right: auto;
    bottom: auto;
    left: 0; }
  #toast-wrapper.toast-sm-tl {
    top: 0 !important;
    right: auto;
    bottom: auto;
    left: 0 !important; }
  #toast-wrapper.toast-default-sm-tc {
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%; }
  #toast-wrapper.toast-sm-tc {
    top: 0 !important;
    right: auto;
    bottom: auto;
    left: 50% !important; }
  #toast-wrapper.toast-default-sm-tr {
    top: 0;
    bottom: auto;
    right: 0;
    left: auto; }
  #toast-wrapper.toast-sm-tr {
    top: 0 !important;
    bottom: auto;
    right: 0 !important;
    left: auto; }
  #toast-wrapper.toast-default-sm-ml {
    top: 50%;
    right: auto;
    bottom: auto;
    left: 0; }
  #toast-wrapper.toast-sm-ml {
    top: 50% !important;
    right: auto;
    bottom: auto;
    left: 0 !important; }
  #toast-wrapper.toast-default-sm-mc {
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%; }
  #toast-wrapper.toast-sm-mc {
    top: 50% !important;
    right: auto;
    bottom: auto;
    left: 50% !important; }
  #toast-wrapper.toast-default-sm-mr {
    top: 50%;
    right: 0;
    bottom: auto;
    left: auto; }
  #toast-wrapper.toast-sm-mr {
    top: 50% !important;
    right: 0 !important;
    bottom: auto;
    left: auto; }
  #toast-wrapper.toast-default-sm-bl {
    top: auto;
    right: auto;
    bottom: 0;
    left: 0; }
  #toast-wrapper.toast-sm-bl {
    top: auto;
    right: auto;
    bottom: 0 !important;
    left: 0 !important; }
  #toast-wrapper.toast-default-sm-bc {
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%; }
  #toast-wrapper.toast-sm-bc {
    top: auto;
    right: auto;
    bottom: 0 !important;
    left: 50% !important; }
  #toast-wrapper.toast-default-sm-br {
    top: auto;
    right: 0;
    bottom: 0;
    left: auto; }
  #toast-wrapper.toast-sm-br {
    top: auto;
    right: 0 !important;
    bottom: 0 !important;
    left: auto; }
  #toast-wrapper.toast-default-mdlg-tc .toast-item, #toast-wrapper.toast-default-mdlg-mc .toast-item, #toast-wrapper.toast-default-mdlg-tc .toast-item {
    margin-left: -160px; }
  #toast-wrapper.toast-mdlg-tc .toast-item, #toast-wrapper.toast-mdlg-mc .toast-item, #toast-wrapper.toast-mdlg-bc .toast-item {
    margin-left: -160px !important; } }
/* SM1 */
/* SM2 */
/* Common MD and LG */
@media all and (min-width: 1280px) {
  #toast-wrapper.toast-default-mdlg-tl {
    top: 0;
    right: auto;
    bottom: auto;
    left: 0; }
  #toast-wrapper.toast-mdlg-tl {
    top: 0 !important;
    right: auto;
    bottom: auto;
    left: 0 !important; }
  #toast-wrapper.toast-default-mdlg-tc {
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%; }
  #toast-wrapper.toast-mdlg-tc {
    top: 0 !important;
    right: auto;
    bottom: auto;
    left: 50% !important; }
  #toast-wrapper.toast-default-mdlg-tr {
    top: 0;
    bottom: auto;
    right: 0;
    left: auto; }
  #toast-wrapper.toast-mdlg-tr {
    top: 0 !important;
    bottom: auto;
    right: 0 !important;
    left: auto; }
  #toast-wrapper.toast-default-mdlg-ml {
    top: 50%;
    right: auto;
    bottom: auto;
    left: 0; }
  #toast-wrapper.toast-mdlg-ml {
    top: 50% !important;
    right: auto;
    bottom: auto;
    left: 0 !important; }
  #toast-wrapper.toast-default-mdlg-mc {
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%; }
  #toast-wrapper.toast-mdlg-mc {
    top: 50% !important;
    right: auto;
    bottom: auto;
    left: 50% !important; }
  #toast-wrapper.toast-default-mdlg-mr {
    top: 50%;
    right: 0;
    bottom: auto;
    left: auto; }
  #toast-wrapper.toast-mdlg-mr {
    top: 50% !important;
    right: 0 !important;
    bottom: auto;
    left: auto; }
  #toast-wrapper.toast-default-mdlg-bl {
    top: auto;
    right: auto;
    bottom: 0;
    left: 0; }
  #toast-wrapper.toast-mdlg-bl {
    top: auto;
    right: auto;
    bottom: 0 !important;
    left: 0 !important; }
  #toast-wrapper.toast-default-mdlg-bc {
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%; }
  #toast-wrapper.toast-mdlg-bc {
    top: auto;
    right: auto;
    bottom: 0 !important;
    left: 50% !important; }
  #toast-wrapper.toast-default-mdlg-br {
    top: auto;
    right: 0;
    bottom: 0;
    left: auto; }
  #toast-wrapper.toast-mdlg-br {
    top: auto;
    right: 0 !important;
    bottom: 0 !important;
    left: auto; }
  #toast-wrapper.toast-default-mdlg-tc .toast-item, #toast-wrapper.toast-default-mdlg-mc .toast-item, #toast-wrapper.toast-default-mdlg-tc .toast-item {
    margin-left: -160px; }
  #toast-wrapper.toast-mdlg-tc .toast-item, #toast-wrapper.toast-mdlg-mc .toast-item, #toast-wrapper.toast-mdlg-bc .toast-item {
    margin-left: -160px !important; } }
/* MD */
/* LG */

/*# sourceMappingURL=Toast.css.map */