.notice{bottom:1rem;left:50%;max-width:600px;position:fixed;transform:translate(-50%);width:100%;z-index:1000}@media screen and (max-width:480px){.notice{bottom:0}}.notice .notice__item{background:var(--color-main);border-radius:5px;box-shadow:0 4px 10px #0000004f;box-sizing:border-box;display:table;margin-top:1rem;overflow:hidden;padding:1rem 2rem;position:relative;width:100%}@media screen and (max-width:480px){.notice .notice__item{border-radius:0;margin-bottom:0}}.notice .notice__item.notice-error{background-color:#f86c6b}.notice .notice__item.notice-loading{background-color:#fff}.notice .notice__item.notice-loading .notice__item-icon svg{--fill:#000}.notice .notice__item.notice-loading .notice__item-text{color:#000}.notice .notice__item.notice-loading .btn{display:none;--border-color:#ffffff00;--color:#000;--background-color:#0000001c}.notice .notice__item.notice-loading .btn:hover{--background-color:#ffffff24}.notice .notice__item.notice-success{background-color:#2fae12}.notice .notice__item.notice-success .btn{--border-color:#ffffff00;--color:#fff;--background-color:#0000001c}.notice .notice__item.notice-success .btn:hover{--background-color:#ffffff24}.notice .notice__item.notice-warning{background-color:#ff9800}.notice .notice__item.notice-warning .btn{--border-color:#ffffff00;--color:#fff;--background-color:#0000001c}.notice .notice__item.notice-warning .btn:hover{--background-color:#ffffff24}.notice .notice__item-icon{align-items:center;display:grid;display:table-cell;vertical-align:middle;width:40px}.notice .notice__item-icon svg{display:inline-grid;height:26px;width:26px;--fill:transparent;--stroke:#fff}.notice .notice__item-row{display:table-row}.notice .notice__item-text{color:#fff;display:table-cell;font-size:16px;font-weight:500;padding:5px 1rem 5px 2rem;vertical-align:middle;width:100%}.notice .notice__item-text-text{font-size:15px;font-weight:400;line-height:1.1;margin:0;padding:0}.notice .notice__item-text-text p{line-height:1.2em;margin-bottom:5px}.notice .notice__item-text-text p:last-child{margin:0}.notice .notice__item-text-title{display:block;font-size:16px;font-weight:500;margin-bottom:5px}.notice .notice__item-text a{text-decoration:underline}.notice .notice__item-controlls{display:table-cell;vertical-align:middle}.notice .notice__item-controlls .btn{--font-size:14px;--padding-top-bottom:8px}.notice .notice__item-controlls-close{background:transparent;border:none;border-radius:3px;box-sizing:border-box;cursor:pointer;display:flex;padding:2px;transition:.1s linear}.notice .notice__item-controlls-close svg{stroke:#fff}.notice .notice__item-controlls-close:hover{background:#0000001f}.notice .notice__item-timeout{animation:widthToZero var(--timeout-value,1s) ease-in-out;background:#00000029;bottom:0;height:5px;left:0;position:absolute;width:100%}@keyframes widthToZero{to{width:0}}