body,html{padding:0;margin:0;font-family:IBM Plex Mono,monospace;max-width:100vw;overflow-x:hidden;overflow-y:auto}a{color:inherit;text-decoration:none}ul{list-style-type:none}button,h1,h2,h3,p,ul{margin:0}button{padding:0;border:none;background-color:transparent;cursor:pointer}*,:after,:before{-moz-box-sizing:border-box;box-sizing:border-box}.header{display:grid;grid-template-columns:1fr auto 1fr;padding:2rem}.header,.header .iqos{-webkit-align-items:center;align-items:center}.header .iqos{height:60px;display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;text-align:right}.header .iqos svg{width:60px;height:60px}.header__type{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.header__type button{margin-right:4px}.logo{vertical-align:middle}.footer{-webkit-justify-content:space-between;justify-content:space-between;width:100%;padding:2rem;background-color:#fff}.footer,.footer__btns{display:-webkit-flex;display:flex}.footer__btns button:first-of-type{margin-right:1rem}.login{width:50%;padding:40px;background-color:#eee;position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.login,.login__input{border:1px solid #bbb}.login__input{display:block;width:200px;margin-bottom:20px;background-color:#fff!important;outline:none;font:300 14px/24px IBM Plex Mono,monospace;height:24px}.login__input--disabled{background-color:#ddd!important}.login__label{color:#666}.login__label,.login__select{font:300 14px/24px IBM Plex Mono,monospace}.login__select{display:block;width:200px;height:24px;margin-bottom:20px;border:1px solid #bbb}.login__btn{background:#75d0d1;border:none;outline:none;font:300 14px/24px IBM Plex Mono,monospace;padding:0 20px}.title{font:500 22px/56px IBM Plex Mono,monospace;text-align:center;color:#36333f;opacity:.9}.select-container{height:-webkit-calc(100vh - 133px - 40px - 2rem);height:calc(100vh - 133px - 40px - 2rem);margin:2rem auto}.scrollers{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.scroll_arrow{display:block;margin:0 20px}.select-grid_wrap{height:-webkit-calc(100vh - 287px);height:calc(100vh - 287px);overflow-y:scroll;padding:2rem 40px;background-color:#e9e9ea;scroll-behavior:smooth}.select-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-column-gap:12px;grid-row-gap:12px;width:100%;-webkit-transition:all .6s;transition:all .6s}.select-item{position:relative;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;border-radius:32px;background-color:#fff}.select-item.selected{background-color:#2d2a35}.selection-container{position:relative;height:-webkit-calc(100vh - 257px);height:calc(100vh - 257px);padding:2rem 40px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;width:100%;background-color:#e9e9ea}.selection{width:75%;height:100%;overflow-y:scroll;scroll-behavior:smooth}.selection-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:20px;grid-row-gap:20px}.selection-grid--2{grid-template-columns:repeat(2,1fr)}.selection-title{width:25%;font-size:32px;font-weight:500}.selection-item{position:relative;display:block;height:-webkit-calc(100vh - 331px);height:calc(100vh - 331px);border-radius:32px;background-color:#fff}.selection-selected{background-color:#2d2a35}.selection-item img{position:absolute;top:50%;left:50%;width:80%;height:auto;max-height:80%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.portrait_preview_prime{position:absolute;top:20vh;left:18vh;height:auto;width:15vh;border-radius:8px}.portrait_preview_iluma{position:absolute;top:40%;left:29vh;height:auto;width:7.5vh;max-width:90px;border-radius:8px}