.facial-recognition-warning{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background:var(--primary-color);position:fixed;top:0;right:0;width:calc(100% - 210px);-webkit-box-shadow:0 0 20px var(--black-500);box-shadow:0 0 20px var(--black-500);z-index:999;padding-left:20px;gap:12px}.facial-recognition-warning svg{fill:var(--text-color)}.facial-recognition-warning__text{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.facial-recognition-warning__text .title{color:var(--text-color);width:-webkit-max-content;width:-moz-max-content;width:max-content}.facial-recognition-warning .btn{height:46px}.facial-recognition-warning .btn .text{color:var(--text-color);font-size:.8em}@media screen and (max-width:1023px){.facial-recognition-warning{width:100%;-ms-flex-wrap:wrap;flex-wrap:wrap;background:var(--primary-color);padding:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:0}.facial-recognition-warning .icon-wrapper{margin-left:2em}.facial-recognition-warning__text{margin:12px}.facial-recognition-warning__text .title{width:200px;font-weight:700}.facial-recognition-warning__action .btn{height:36px;padding:0}.facial-recognition-warning .btn{background-color:var(--accent-light-color)}.facial-recognition-warning .btn,.facial-recognition-warning__action{width:100%}}