@layer bcc-design-layer{.bcc-snackbar-body{border-radius:var(--b-border-radius-cof-6);font-family:var(--g-text-body-font-family);padding:var(--g-spacing-4);font-size:var(--b-text-body-2-font-size);line-height:var(--b-text-body-2-line-height);max-width:388px;position:relative}.bcc-snackbar-body__icon svg{width:20px;height:20px}.bcc-snackbar-body__title-area{display:-webkit-box;display:-ms-flexbox;display:flex;width:calc(100% - 30px)}.bcc-snackbar-body__title{font-size:var(--g-text-body-font-size);line-height:var(--g-text-body-line-height);margin-left:var(--g-spacing-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.bcc-snackbar-body__title a{color:var(--b-color-brand-600)}.bcc-snackbar-body__description{font-weight:var(--b-text-caption-medium-font-weight);margin-top:var(--g-spacing-3);margin-left:var(--g-spacing-7);margin-bottom:0;display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.bcc-snackbar-body__description a{color:var(--b-color-accent-600)}.bcc-snackbar-body__button{display:block;margin-top:var(--g-spacing-3);margin-left:var(--g-spacing-6)}.bcc-snackbar-body__button span{font-size:var(--b-text-caption-1-font-size)}.bcc-snackbar-body_type_default,.bcc-snackbar-body_type_loading,.bcc-snackbar-body_type_warning{background-color:var(--b-color-neutral-default-900);color:var(--b-color-neutral-default-0)}.bcc-snackbar-body_type_destructive{background-color:var(--b-color-status-error-500);color:var(--b-color-ultimate-white)}.bcc-snackbar-body_type_destructive path,.bcc-snackbar-body_type_destructive svg{fill:var(--b-color-ultimate-white)}.bcc-snackbar-body_type_default path,.bcc-snackbar-body_type_default svg{fill:var(--b-color-neutral-default-0)}.bcc-snackbar-body_type_loading svg{color:var(--b-color-neutral-default-0)}.bcc-snackbar-body__close-icon{position:absolute;top:var(--g-spacing-4);right:var(--g-spacing-4);width:20px;height:20px}.bcc-snackbar-body__close-icon svg{width:15px;height:15px}.bcc-snackbar-body__close-icon path,.bcc-snackbar-body__close-icon svg{fill:var(--b-color-neutral-default-0)}}@layer bcc-design-layer{@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.bcc-snackbar{position:fixed;-webkit-animation:fadeIn .4s ease;animation:fadeIn .4s ease;border-radius:var(--b-border-radius-cof-6);color:var(--b-color-neutral-default-900);max-width:388px;width:100%}.bcc-snackbar_placement_top-left{top:32px;left:32px}.bcc-snackbar_placement_top-right{top:32px;right:32px}.bcc-snackbar_placement_bottom-left{bottom:32px;left:32px}.bcc-snackbar_placement_bottom-right{bottom:32px;right:32px}@media (max-width:450px){.bcc-snackbar_placement_bottom-right{max-width:312px;bottom:var(--g-spacing-4);right:var(--g-spacing-2)}}}