.comp-notification-01 {
  display: none; }
  .comp-notification-01.on {
    display: flex;
    margin-bottom: 19px; }
  .comp-notification-01.successs {
    padding: 16px 16px 16px 20px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 4px;
    color: #24A148;
    border-left: 4px solid #24A148;
    background: #DEFBE6;
    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"); }
  .comp-notification-01.error {
    padding: 16px 16px 16px 20px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 4px;
    color: #DA1E28;
    border-left: 4px solid #DA1E28;
    background: #FFF1F1;
    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"); }
  .comp-notification-01 .comp-notification-01-A {
    position: absolute;
    top: 34px;
    right: 6px;
    font-size: 13px;
    font-weight: bold;
    color: #CE4842; }

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