.notifier__container *{box-sizing:border-box}.notifier__container-list{margin-top:0;margin-bottom:0;padding-left:0;list-style-type:none}.notifier__notification{display:flex;align-items:center;position:fixed;visibility:hidden;z-index:10000;will-change:transform;backface-visibility:hidden}.notifier__notification--material{border-radius:3px;box-shadow:0 1px 3px #0003;cursor:default;padding:11px 26px 10px}.notifier__notification--material .notifier__notification-message{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:top;line-height:32px;font-size:15px}.notifier__notification--material .notifier__notification-button{display:inline-block;transition:opacity .2s ease;opacity:.5;margin-right:-10px;margin-left:10px;outline:none;border:none;background:none;cursor:pointer;padding:6px;width:32px;height:32px;vertical-align:top}.notifier__notification--material .notifier__notification-button:hover,.notifier__notification--material .notifier__notification-button:focus{opacity:1}.notifier__notification--material .notifier__notification-button:active{transform:scale(.82);opacity:1}.notifier__notification--default{background-color:#444;color:#fff}.notifier__notification--default .notifier__notification-button-icon{fill:#fff}.notifier__notification--error{background-color:#d9534f;color:#fff}.notifier__notification--error .notifier__notification-button-icon{fill:#fff}.notifier__notification--info{background-color:#5bc0de;color:#fff}.notifier__notification--info .notifier__notification-button-icon{fill:#fff}.notifier__notification--success{background-color:#5cb85c;color:#fff}.notifier__notification--success .notifier__notification-button-icon{fill:#fff}.notifier__notification--warning{background-color:#f0ad4e;color:#fff}.notifier__notification--warning .notifier__notification-button-icon{fill:#fff}:root{--vh: 1vh}html,body{font-family:Fredoka,sans-serif;background-color:#f6f6f6;margin:0;padding:0;width:100%;min-height:100vh;min-height:calc(var(--vh, 1vh) * 100)}*:focus{outline:0}::-webkit-scrollbar{display:none}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rotating{animation:rotating 2s linear infinite}.loader{width:32px;height:32px;border:5px solid #ddd;border-right:5px solid #197bd1;border-radius:50%;animation:rotating 2s linear infinite}.notifier__notification{min-width:360px;max-width:96vw}