:root{--SIDE_WIDTH:200px;--MARGIN:5px}.WELCOME_SCREEN{z-index:1500}.SIDE{width:calc(var(--SIDE_WIDTH) - var(--MARGIN));height:calc(100vh - (var(--MARGIN) * 2));margin:var(--MARGIN);padding:10px;position:absolute;top:0;left:0}.SIDE>.TITLE{color:#000;font-size:40px;text-decoration:none}.SIDE>.SITE_LIST{height:calc(calc(100vh - (var(--MARGIN) * 10) - 40px - 32px));overflow-y:auto}.CONTENTS{top:0;left:var(--SIDE_WIDTH);width:calc(100vw - var(--SIDE_WIDTH) - (var(--MARGIN) * 2));height:calc(100vh - (var(--MARGIN) * 2));margin:var(--MARGIN);padding:10px;position:absolute}.DATA_ITEM{background-color:#0000;flex-direction:row;display:flex}.DATA_ITEM:hover{background-color:#ffffffe6}.DATA_ITEM>.NAME{flex:1;max-width:40%}.DATA_ITEM>.VALUE{flex:1}.DATA_ITEM>.VALUE>input{width:100%}.DATA_ITEM>.EDIT{width:20px;height:20px;padding:0}.DATA_ITEM[data-name=__TOTP]>.VALUE{flex-direction:column;display:flex}.DATA_ITEM[data-name=__TOTP]>.VALUE>div{height:20px}.DATA_ITEM[data-name=__TOTP]>.VALUE>progress{height:3px}