/*
 * Pastel toast cards. toastr paints a dark fill and a white icon with !important,
 * so every visual override here has to win on specificity and !important too.
 */

#toast-container.toast-top-right,
#toast-container.toast-top-left,
#toast-container.toast-bottom-right,
#toast-container.toast-bottom-left {
    width: calc(100vw - 24px);
    max-width: 343px;
    box-sizing: border-box;
}

#toast-container > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    box-sizing: border-box;
    width: 100%;
    max-width: 343px;
    min-height: 86px;
    margin: 0 0 10px;
    padding: 16px 18px 16px 46px;
    border-radius: 12px;
    background-color: #ffffff;
    background-repeat: no-repeat !important;
    background-position: 16px center !important;
    background-size: 18px 18px !important;
    box-shadow: 0 8px 24px rgba(21, 21, 20, 0.08);
    opacity: 1;
    color: #151514;
    font-family: 'SuisseIntl-Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
}

#toast-container > div:hover {
    box-shadow: 0 8px 24px rgba(21, 21, 20, 0.12);
    opacity: 1;
    cursor: pointer;
}

#toast-container > .toast-success {
    padding-left: 52px;
    background-color: #d4f3de;
    background-size: 24px 24px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M21.3975 7.14751L9.39751 19.1475C9.29204 19.2528 9.14907 19.312 9.00001 19.312C8.85094 19.312 8.70798 19.2528 8.60251 19.1475L3.35251 13.8975C3.25315 13.7909 3.19905 13.6498 3.20163 13.5041C3.2042 13.3584 3.26323 13.2194 3.36629 13.1163C3.46935 13.0132 3.60839 12.9542 3.75411 12.9516C3.89984 12.9491 4.04088 13.0031 4.14751 13.1025L9.00001 17.9541L20.6025 6.35251C20.7091 6.25315 20.8502 6.19905 20.9959 6.20163C21.1416 6.2042 21.2807 6.26323 21.3837 6.36629C21.4868 6.46935 21.5458 6.60839 21.5484 6.75412C21.551 6.89984 21.4969 7.04088 21.3975 7.14751Z' fill='%23151514'/%3E%3C/svg%3E") !important;
}

#toast-container > .toast-info {
    padding-left: 52px;
    background-color: #d3ebfc;
    background-size: 24px 24px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M13.3125 16.5C13.3125 16.6492 13.2532 16.7923 13.1478 16.8977C13.0423 17.0032 12.8992 17.0625 12.75 17.0625C12.4019 17.0625 12.0681 16.9242 11.8219 16.6781C11.5758 16.4319 11.4375 16.0981 11.4375 15.75V12C11.4375 11.9503 11.4178 11.9026 11.3826 11.8674C11.3474 11.8323 11.2997 11.8125 11.25 11.8125C11.1008 11.8125 10.9577 11.7532 10.8523 11.6477C10.7468 11.5423 10.6875 11.3992 10.6875 11.25C10.6875 11.1008 10.7468 10.9577 10.8523 10.8523C10.9577 10.7468 11.1008 10.6875 11.25 10.6875C11.5981 10.6875 11.9319 10.8258 12.1781 11.0719C12.4242 11.3181 12.5625 11.6519 12.5625 12V15.75C12.5625 15.7997 12.5823 15.8474 12.6174 15.8826C12.6526 15.9177 12.7003 15.9375 12.75 15.9375C12.8992 15.9375 13.0423 15.9968 13.1478 16.1023C13.2532 16.2077 13.3125 16.3508 13.3125 16.5ZM11.625 8.8125C11.8104 8.8125 11.9917 8.75752 12.1459 8.6545C12.3 8.55149 12.4202 8.40507 12.4911 8.23377C12.5621 8.06246 12.5807 7.87396 12.5445 7.6921C12.5083 7.51025 12.419 7.3432 12.2879 7.21209C12.1568 7.08098 11.9898 6.99169 11.8079 6.95551C11.626 6.91934 11.4375 6.93791 11.2662 7.00886C11.0949 7.07982 10.9485 7.19998 10.8455 7.35415C10.7425 7.50832 10.6875 7.68958 10.6875 7.875C10.6875 8.12364 10.7863 8.3621 10.9621 8.53791C11.1379 8.71373 11.3764 8.8125 11.625 8.8125ZM21.5625 12C21.5625 13.8913 21.0017 15.7401 19.9509 17.3126C18.9002 18.8852 17.4067 20.1108 15.6594 20.8346C13.9121 21.5584 11.9894 21.7477 10.1345 21.3788C8.27951 21.0098 6.57564 20.099 5.2383 18.7617C3.90096 17.4244 2.99022 15.7205 2.62125 13.8656C2.25227 12.0106 2.44164 10.0879 3.16541 8.34059C3.88917 6.59327 5.11482 5.09981 6.68736 4.04907C8.25991 2.99833 10.1087 2.4375 12 2.4375C14.5352 2.44048 16.9658 3.44891 18.7584 5.24158C20.5511 7.03425 21.5595 9.46478 21.5625 12ZM20.4375 12C20.4375 10.3312 19.9427 8.69992 19.0155 7.31238C18.0884 5.92484 16.7706 4.84338 15.2289 4.20477C13.6871 3.56615 11.9906 3.39906 10.3539 3.72462C8.71722 4.05019 7.2138 4.85378 6.03379 6.03379C4.85379 7.21379 4.05019 8.71721 3.72463 10.3539C3.39907 11.9906 3.56616 13.6871 4.20477 15.2289C4.84338 16.7706 5.92484 18.0884 7.31238 19.0155C8.69992 19.9426 10.3312 20.4375 12 20.4375C14.237 20.435 16.3817 19.5453 17.9635 17.9635C19.5453 16.3817 20.435 14.237 20.4375 12Z' fill='%23151514'/%3E%3C/svg%3E") !important;
}

#toast-container > .toast-warning {
    padding-left: 52px;
    background-color: #fff3c4;
    background-size: 24px 24px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M22.0378 17.7272L13.8384 3.48937C13.6501 3.16916 13.3814 2.90369 13.059 2.71925C12.7365 2.5348 12.3715 2.43777 12 2.43777C11.6285 2.43777 11.2635 2.5348 10.941 2.71925C10.6186 2.90369 10.3499 3.16916 10.1616 3.48937L1.96219 17.7272C1.78171 18.0361 1.6866 18.3875 1.6866 18.7453C1.6866 19.1031 1.78171 19.4545 1.96219 19.7634C2.148 20.0859 2.41633 20.353 2.73961 20.5374C3.06288 20.7218 3.42943 20.8167 3.80157 20.8125H20.1984C20.5703 20.8164 20.9364 20.7213 21.2593 20.5369C21.5823 20.3526 21.8503 20.0856 22.0359 19.7634C22.2167 19.4546 22.3121 19.1034 22.3125 18.7456C22.3128 18.3878 22.218 18.0363 22.0378 17.7272ZM21.0619 19.2C20.9743 19.3506 20.8481 19.4752 20.6963 19.5609C20.5446 19.6466 20.3727 19.6903 20.1984 19.6875H3.80157C3.62731 19.6903 3.45545 19.6466 3.30369 19.5609C3.15193 19.4752 3.02575 19.3506 2.93813 19.2C2.85617 19.0621 2.81291 18.9047 2.81291 18.7444C2.81291 18.584 2.85617 18.4266 2.93813 18.2887L11.1366 4.05093C11.2262 3.90204 11.3528 3.77886 11.5041 3.69334C11.6554 3.60783 11.8262 3.56289 12 3.56289C12.1738 3.56289 12.3446 3.60783 12.4959 3.69334C12.6472 3.77886 12.7738 3.90204 12.8634 4.05093L21.0628 18.2887C21.1446 18.4267 21.1877 18.5841 21.1876 18.7445C21.1874 18.9049 21.144 19.0622 21.0619 19.2ZM11.4375 13.5V9.74999C11.4375 9.60081 11.4968 9.45773 11.6023 9.35225C11.7077 9.24676 11.8508 9.18749 12 9.18749C12.1492 9.18749 12.2923 9.24676 12.3978 9.35225C12.5032 9.45773 12.5625 9.60081 12.5625 9.74999V13.5C12.5625 13.6492 12.5032 13.7923 12.3978 13.8977C12.2923 14.0032 12.1492 14.0625 12 14.0625C11.8508 14.0625 11.7077 14.0032 11.6023 13.8977C11.4968 13.7923 11.4375 13.6492 11.4375 13.5ZM12.9375 16.875C12.9375 17.0604 12.8825 17.2417 12.7795 17.3958C12.6765 17.55 12.5301 17.6702 12.3588 17.7411C12.1875 17.8121 11.999 17.8307 11.8171 17.7945C11.6353 17.7583 11.4682 17.669 11.3371 17.5379C11.206 17.4068 11.1167 17.2397 11.0805 17.0579C11.0443 16.876 11.0629 16.6875 11.1339 16.5162C11.2048 16.3449 11.325 16.1985 11.4792 16.0955C11.6333 15.9925 11.8146 15.9375 12 15.9375C12.2486 15.9375 12.4871 16.0363 12.6629 16.2121C12.8387 16.3879 12.9375 16.6264 12.9375 16.875Z' fill='%23151514'/%3E%3C/svg%3E") !important;
}

#toast-container > .toast-error {
    padding-left: 52px;
    background-color: #f8d4d4;
    background-size: 24px 24px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 2.4375C10.1087 2.4375 8.25991 2.99833 6.68736 4.04907C5.11482 5.09981 3.88917 6.59327 3.16541 8.34059C2.44164 10.0879 2.25227 12.0106 2.62125 13.8656C2.99022 15.7205 3.90096 17.4244 5.2383 18.7617C6.57564 20.099 8.27951 21.0098 10.1345 21.3788C11.9894 21.7477 13.9121 21.5584 15.6594 20.8346C17.4067 20.1108 18.9002 18.8852 19.9509 17.3126C21.0017 15.7401 21.5625 13.8913 21.5625 12C21.5595 9.46478 20.5511 7.03425 18.7584 5.24158C16.9658 3.44891 14.5352 2.44048 12 2.4375ZM12 20.4375C10.3312 20.4375 8.69992 19.9426 7.31238 19.0155C5.92484 18.0884 4.84338 16.7706 4.20477 15.2289C3.56616 13.6871 3.39907 11.9906 3.72463 10.3539C4.05019 8.71721 4.85379 7.21379 6.03379 6.03379C7.2138 4.85378 8.71722 4.05019 10.3539 3.72462C11.9906 3.39906 13.6871 3.56615 15.2289 4.20477C16.7706 4.84338 18.0884 5.92484 19.0155 7.31238C19.9427 8.69992 20.4375 10.3312 20.4375 12C20.435 14.237 19.5453 16.3817 17.9635 17.9635C16.3817 19.5453 14.237 20.435 12 20.4375ZM11.4375 12.75V7.5C11.4375 7.35082 11.4968 7.20774 11.6023 7.10225C11.7077 6.99676 11.8508 6.9375 12 6.9375C12.1492 6.9375 12.2923 6.99676 12.3978 7.10225C12.5032 7.20774 12.5625 7.35082 12.5625 7.5V12.75C12.5625 12.8992 12.5032 13.0423 12.3978 13.1477C12.2923 13.2532 12.1492 13.3125 12 13.3125C11.8508 13.3125 11.7077 13.2532 11.6023 13.1477C11.4968 13.0423 11.4375 12.8992 11.4375 12.75ZM12.9375 16.125C12.9375 16.3104 12.8825 16.4917 12.7795 16.6458C12.6765 16.8 12.5301 16.9202 12.3588 16.9911C12.1875 17.0621 11.999 17.0807 11.8171 17.0445C11.6353 17.0083 11.4682 16.919 11.3371 16.7879C11.206 16.6568 11.1167 16.4898 11.0805 16.3079C11.0443 16.126 11.0629 15.9375 11.1339 15.7662C11.2048 15.5949 11.325 15.4485 11.4792 15.3455C11.6333 15.2425 11.8146 15.1875 12 15.1875C12.2486 15.1875 12.4871 15.2863 12.6629 15.4621C12.8387 15.6379 12.9375 15.8764 12.9375 16.125Z' fill='%23151514'/%3E%3C/svg%3E") !important;
}

/* Warning and error keep a dismiss control; leave room for it. */
#toast-container > .toast-warning,
#toast-container > .toast-error {
    padding-right: 42px;
}

#toast-container .toast-title {
    margin-bottom: 2px;
    font-weight: 400;
    color: #151514;
}

#toast-container .toast-title,
#toast-container .toast-message {
    width: 100%;
}

#toast-container .toast-message {
    color: #151514;
}

#toast-container .beautysociety-toast-description {
    display: block;
    margin-top: 2px;
    font-size: 13px;
    line-height: 1.3;
    opacity: 0.75;
}

#toast-container .beautysociety-toast-action {
    display: inline-block;
    margin-top: 8px;
    padding: 0;
    border: 0;
    background: none;
    color: #151514;
    font: inherit;
    line-height: 1.3;
    text-decoration: underline;
    cursor: pointer;
}

#toast-container .toast-message ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#toast-container .toast-message li + li {
    margin-top: 4px;
}

#toast-container .toast-close-button {
    position: absolute;
    top: 50%;
    right: 12px;
    float: none;
    width: 18px;
    height: 18px;
    margin: 0;
    padding: 0;
    transform: translateY(-50%);
    background: none;
    border: 0;
    font-size: 0;
    line-height: 0;
    color: #151514;
    text-shadow: none;
    opacity: 0.55;
}

#toast-container .toast-close-button svg {
    display: block;
    width: 18px;
    height: 18px;
}

#toast-container .toast-close-button:hover,
#toast-container .toast-close-button:focus {
    color: #151514;
    opacity: 1;
}

#toast-container > div > .toast-progress {
    display: none;
}