.snacks{display:flex;flex-wrap:wrap}.snacks .snack{margin:0 8px 16px}.snack{display:inline-block;background:var(--fade-grey-light-2);height:38px;width:auto;border-radius:500px;border:1px solid var(--fade-grey-dark-3);transition:all .3s}.snack:hover{box-shadow:var(--light-box-shadow)}.snack.is-white{background:var(--white)}.snack.is-small{height:30px}.snack.is-small .snack-media{height:32px;width:32px;margin-right:4px}.snack.is-small .snack-media.is-icon{height:30px;width:30px}.snack.is-small .snack-media.is-icon svg{height:15px;width:15px}.snack.is-small .snack-media.is-icon .fas,.snack.is-small .snack-media.is-icon .far,.snack.is-small .snack-media.is-icon .fad,.snack.is-small .snack-media.is-icon .fal,.snack.is-small .snack-media.is-icon .fab{font-size:13px}.snack.is-small .snack-media.is-icon .lnil,.snack.is-small .snack-media.is-icon .lnir{font-size:16px}.snack.is-small .snack-media img{height:30px;width:30px}.snack.is-small .snack-text{font-size:.9rem;top:-12px}.snack.is-small .snack-action{top:-9px;margin:0 10px 0 6px}.snack .snack-media{position:relative;top:-1px;height:40px;width:40px;display:inline-block;margin-right:6px}.snack .snack-media.is-icon{position:relative;left:-1px;height:38px;width:38px;background:var(--white);border:1px solid var(--fade-grey-dark-3);border-radius:var(--radius-rounded)}.snack .snack-media.is-icon.is-solid .fas,.snack .snack-media.is-icon.is-solid .far,.snack .snack-media.is-icon.is-solid .fad,.snack .snack-media.is-icon.is-solid .fal,.snack .snack-media.is-icon.is-solid .fab,.snack .snack-media.is-icon.is-solid .lnil,.snack .snack-media.is-icon.is-solid .lnir{color:var(--white)!important}.snack .snack-media.is-icon.is-primary{border-color:var(--primary)}.snack .snack-media.is-icon.is-primary.is-solid{background:var(--primary)}.snack .snack-media.is-icon.is-primary.is-solid svg{color:var(--white)}.snack .snack-media.is-icon.is-primary svg{color:var(--primary)}.snack .snack-media.is-icon.is-primary .fas,.snack .snack-media.is-icon.is-primary .far,.snack .snack-media.is-icon.is-primary .fad,.snack .snack-media.is-icon.is-primary .fal,.snack .snack-media.is-icon.is-primary .fab,.snack .snack-media.is-icon.is-primary .lnil,.snack .snack-media.is-icon.is-primary .lnir{color:var(--primary)}.snack .snack-media.is-icon.is-success{border-color:var(--success)}.snack .snack-media.is-icon.is-success.is-solid{background:var(--success)}.snack .snack-media.is-icon.is-success.is-solid svg{color:var(--white)}.snack .snack-media.is-icon.is-success svg{color:var(--success)}.snack .snack-media.is-icon.is-success .fas,.snack .snack-media.is-icon.is-success .far,.snack .snack-media.is-icon.is-success .fad,.snack .snack-media.is-icon.is-success .fal,.snack .snack-media.is-icon.is-success .fab,.snack .snack-media.is-icon.is-success .lnil,.snack .snack-media.is-icon.is-success .lnir{color:var(--success)}.snack .snack-media.is-icon.is-info{border-color:var(--info)}.snack .snack-media.is-icon.is-info.is-solid{background:var(--info)}.snack .snack-media.is-icon.is-info.is-solid svg{color:var(--white)}.snack .snack-media.is-icon.is-info svg{color:var(--info)}.snack .snack-media.is-icon.is-info .fas,.snack .snack-media.is-icon.is-info .far,.snack .snack-media.is-icon.is-info .fad,.snack .snack-media.is-icon.is-info .fal,.snack .snack-media.is-icon.is-info .fab,.snack .snack-media.is-icon.is-info .lnil,.snack .snack-media.is-icon.is-info .lnir{color:var(--info)}.snack .snack-media.is-icon.is-warning{border-color:var(--warning)}.snack .snack-media.is-icon.is-warning.is-solid{background:var(--warning)}.snack .snack-media.is-icon.is-warning.is-solid svg{color:var(--white)}.snack .snack-media.is-icon.is-warning svg{color:var(--warning)}.snack .snack-media.is-icon.is-warning .fas,.snack .snack-media.is-icon.is-warning .far,.snack .snack-media.is-icon.is-warning .fad,.snack .snack-media.is-icon.is-warning .fal,.snack .snack-media.is-icon.is-warning .fab,.snack .snack-media.is-icon.is-warning .lnil,.snack .snack-media.is-icon.is-warning .lnir{color:var(--warning)}.snack .snack-media.is-icon.is-danger{border-color:var(--danger)}.snack .snack-media.is-icon.is-danger.is-solid{background:var(--danger)}.snack .snack-media.is-icon.is-danger.is-solid svg{color:var(--white)}.snack .snack-media.is-icon.is-danger svg{color:var(--danger)}.snack .snack-media.is-icon.is-danger .fas,.snack .snack-media.is-icon.is-danger .far,.snack .snack-media.is-icon.is-danger .fad,.snack .snack-media.is-icon.is-danger .fal,.snack .snack-media.is-icon.is-danger .fab,.snack .snack-media.is-icon.is-danger .lnil,.snack .snack-media.is-icon.is-danger .lnir{color:var(--danger)}.snack .snack-media.is-icon .snack-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.snack .snack-media.is-icon svg{height:18px;width:18px;stroke-width:1.6px;color:var(--light-text);vertical-align:0!important;transform:rotate(0) translate(-50%,-50%)!important}.snack .snack-media.is-icon .fas,.snack .snack-media.is-icon .far,.snack .snack-media.is-icon .fad,.snack .snack-media.is-icon .fal,.snack .snack-media.is-icon .fab{font-size:15px;color:var(--light-text)}.snack .snack-media.is-icon .lnil,.snack .snack-media.is-icon .lnir{font-size:18px;color:var(--light-text)}.snack .snack-media img{display:inline-block;height:38px;width:38px;border-radius:var(--radius-rounded)}.snack .snack-text{display:inline-block;position:relative;top:-15px;color:var(--dark-text)}.snack .snack-action{position:relative;top:-14px;display:inline-block;margin:0 16px 0 10px;cursor:pointer}.snack .snack-action svg{height:14px;width:14px;color:var(--light-text)}.is-dark .snack{background:var(--dark-sidebar-light-2);border-color:var(--dark-sidebar-light-4)}.is-dark .snack .snack-media.is-icon:not(.is-solid){background:var(--dark-sidebar-light-4)}.is-dark .snack .snack-media.is-icon.is-primary:not(.is-solid){border-color:var(--primary)}.is-dark .snack .snack-media.is-icon.is-primary:not(.is-solid) svg{color:var(--primary)}.is-dark .snack .snack-media.is-icon.is-primary:not(.is-solid) .fas,.is-dark .snack .snack-media.is-icon.is-primary:not(.is-solid) .far,.is-dark .snack .snack-media.is-icon.is-primary:not(.is-solid) .fad,.is-dark .snack .snack-media.is-icon.is-primary:not(.is-solid) .fab,.is-dark .snack .snack-media.is-icon.is-primary:not(.is-solid) .fal,.is-dark .snack .snack-media.is-icon.is-primary:not(.is-solid) .lnil,.is-dark .snack .snack-media.is-icon.is-primary:not(.is-solid) .lnir{color:var(--primary)}.is-dark .snack .snack-media.is-icon.is-primary.is-solid{background:var(--primary);border-color:var(--primary)}.is-dark .snack .snack-text{color:var(--dark-dark-text)}