.core-layout__viewport .qrcodes-modal__content{width:100%;color:var(--color_6);font-size:12px}.core-layout__viewport .qrcodes-modal__content--no-items{text-align:center;margin-bottom:30px;font-weight:600}.core-layout__viewport .qrcodes-modal__content .button-transparent{text-transform:uppercase;width:100%;font-weight:600}.core-layout__viewport .qrcodes-modal__content .button-transparent+.qrcodes-modal__content--item{margin-top:30px}.core-layout__viewport .qrcodes-modal__content--item{background:var(--grey_gainsboro);height:215px;margin-bottom:10px;padding:15px 15px 20px 20px;display:flex}.core-layout__viewport .qrcodes-modal__code{width:175px}.core-layout__viewport .qrcodes-modal__code h3{color:var(--grey_zambezi);margin:0;padding:8px 0 7px;font-size:14px;font-weight:700}.core-layout__viewport .qrcodes-modal__code img{border:1px solid var(--grey_gainsboro);width:150px;height:150px;margin:0;padding:0;bottom:19px;left:19px}.core-layout__viewport .qrcodes-modal__buttons{flex-direction:column;justify-content:space-between;align-items:flex-end;width:200px;display:flex}.core-layout__viewport .qrcodes-modal__buttons.download-qrcode-button{width:200px;padding:10px 0}.core-layout__viewport.theme-light-green.modal-white .custom-passcode-form{background-color:var(--color_13);border:1px solid var(--color_10);margin-bottom:15px;padding:10px 20px}.core-layout__viewport.theme-light-green.modal-white .custom-passcode-form__buttons-container{justify-content:flex-end;display:flex}.core-layout__viewport.theme-light-green.modal-white .custom-passcode-form__buttons-container .button-default.button-grey-light{margin-right:10px}.core-layout__viewport.theme-light-green.modal-white .passcodes-modal__actions{display:flex}.core-layout__viewport.theme-light-green.modal-white .passcodes-modal__code{flex-direction:column}.core-layout__viewport.theme-light-green.modal-white .passcodes-modal__content{width:100%;color:var(--color_6);font-size:12px}.core-layout__viewport.theme-light-green.modal-white .passcodes-modal__content--no-items{text-align:center;margin-bottom:30px;font-weight:600}.core-layout__viewport.theme-light-green.modal-white .passcodes-modal__content .button-transparent{text-transform:uppercase;width:100%;font-weight:600}.core-layout__viewport.theme-light-green.modal-white .passcodes-modal__content .button-transparent+.passcodes-modal__content--item{margin-top:30px}.core-layout__viewport.theme-light-green.modal-white .passcodes-modal__content--item{background:var(--color_10);margin-top:15px;margin-bottom:10px;padding:15px 15px 20px 20px;position:relative}.core-layout__viewport.theme-light-green.modal-white .passcodes-modal__content--item h3{color:var(--color_5);margin:0;padding:8px 0 7px;font-size:14px;font-weight:700}.core-layout__viewport.theme-light-green.modal-white .passcodes-modal__content--item .action-icon-buttons{margin:-15px 0 0 auto}.core-layout__viewport.theme-light-green.modal-white .passcodes-modal__content .info-label{width:90%;margin:15px 5%}.core-layout__viewport.theme-light-green.modal-white .passcodes-modal__copy-input--long{width:180px;height:32px}.core-layout__viewport.theme-light-green.modal-white .passcodes-modal__copy-input__button--copy{padding-top:1px}.core-layout__viewport.theme-light-green.modal-white .passcodes-modal__copy-input__button--copied .icon-background{padding:4px}.core-layout__viewport.theme-light-green.modal-white .passcodes-modal__copy-input svg{width:15px;fill:var(--color_5)}.core-layout__viewport.theme-light-green.modal-white .passcodes-modal__info{border-top:1px solid var(--color_8);box-sizing:content-box;height:81px;color:var(--color_5);flex-flow:column wrap;justify-content:space-between;margin-top:20px;padding-top:12px;font-size:14px;display:flex}.core-layout__viewport.theme-light-green.modal-white .passcodes-modal__info--generated-by{flex-flow:column wrap;justify-content:space-between;width:225px;height:100%;display:flex}.core-layout__viewport.theme-light-green.modal-white .passcodes-modal__info--generated-by-content{align-items:center;height:50px;display:flex}.core-layout__viewport.theme-light-green.modal-white .passcodes-modal__info--generated-by h3{width:100%;padding-bottom:0}.core-layout__viewport.theme-light-green.modal-white .passcodes-modal__info--generated-by img{border:1px solid var(--color_8);border-radius:50%;width:50px;min-width:50px;height:50px;margin-right:10px}.core-layout__viewport.theme-light-green.modal-white .passcodes-modal__info--on,.core-layout__viewport.theme-light-green.modal-white .passcodes-modal__info--used{flex-wrap:nowrap;align-items:flex-start;width:calc(100% - 225px);display:flex}.core-layout__viewport.theme-light-green.modal-white .passcodes-modal__info--on h3,.core-layout__viewport.theme-light-green.modal-white .passcodes-modal__info--on .content,.core-layout__viewport.theme-light-green.modal-white .passcodes-modal__info--used h3,.core-layout__viewport.theme-light-green.modal-white .passcodes-modal__info--used .content{text-align:right}.core-layout__viewport.theme-light-green.modal-white .passcodes-modal__info--on h3,.core-layout__viewport.theme-light-green.modal-white .passcodes-modal__info--used h3{width:50px;padding-bottom:0}.core-layout__viewport.theme-light-green.modal-white .passcodes-modal__info--on .content,.core-layout__viewport.theme-light-green.modal-white .passcodes-modal__info--used .content{width:calc(100% - 50px);padding-top:8px;line-height:1.1}.core-layout__viewport.theme-light-green.modal-white .passcodes-modal .copy-input__value{height:32px}.core-layout__viewport.theme-light-green.modal-white .passcodes-modal .copy-input__value svg{width:15px;fill:var(--color_5)}.core-layout__viewport.theme-light-green.modal-white .passcodes-modal .copy-input__button--copy{padding-top:1px}.core-layout__viewport.theme-light-green.modal-white .passcodes-modal .copy-input__button--copied .icon-background{padding:4px}.core-layout__viewport.theme-light-green.modal-white .passcodes-modal .generate-random-passcode .help-block{color:var(--color_34);font-weight:500}