@import"https://fonts.googleapis.com/css?family=Fira+Sans";.site-header{height:4.5rem;padding:.5rem .75rem;box-shadow:0 0 4px #000c}.header-content{display:flex;justify-content:space-between;align-items:center}.header-content .about-nav{cursor:pointer}.logo,.logo img{display:block}.logo .logo-img{width:4.5rem;cursor:pointer}.header-navigation{display:flex;align-items:center;gap:1rem}.google-logout-btn>span{padding:.15rem!important}.user-logout-btn{padding:.15rem!important;background-color:#fff;color:#0000008a;box-shadow:#0000003d 0 2px 2px,#0000003d 0 0 1px;padding:.15rem;border-radius:2px;border:1px solid transparent;font-size:14px;font-weight:500;font-family:Roboto,sans-serif}.user-container .user-icon-content{cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center}.user-container .user-icon-content .user-name{font-size:var(--fs-200)}.user-container .user-details{position:absolute;top:5rem;right:1rem;z-index:10;background-color:var(--clr-body);box-shadow:1px 0 4px var(--clr-success);border-radius:.15rem;font-size:var(--fs-300);color:var(--clr-white-200);padding:.25rem .15rem}.user-container .user-details .user-info-list{height:100%;display:flex;flex-direction:column;gap:.5rem;justify-content:center;margin:0rem .25rem;overflow:hidden}.user-container .user-details .user-info{display:flex;align-items:center;gap:.25rem;min-height:1.65rem}.user-container .user-details .user-info img{width:1.35rem}.user-container .user-details .update-profile,.user-container .user-details .about-us{cursor:pointer}.user-container .user-details:before{content:"";position:absolute;top:-.25rem;right:.5rem;border-left:.3rem solid transparent;border-right:.3rem solid transparent;border-bottom:.3rem solid var(--clr-black-200)}.site-footer{position:absolute;bottom:calc(0% - 4.5rem);width:100%;height:3.5rem;padding:.25rem .5rem;box-shadow:0 0 4px #000c;color:var(--clr-white-200);font-size:var(--fs-200);box-sizing:border-box}.footer-content{height:100%;width:100%;display:flex;justify-content:space-between;align-items:center}.right-content{display:flex;gap:.5rem}.landingpage-content{margin-top:1rem;padding-bottom:1rem;background:conic-gradient(from 225.35deg at 86.57% 2.55%,rgba(31,175,156,0) 0deg,#1FAF9C .03deg,rgba(31,175,156,.533333) 63deg,rgba(31,175,156,0) 360deg)}.landingpage-section{padding:2rem .25rem}.hero{display:flex;flex-direction:column;gap:3rem;align-items:center;margin-bottom:2rem}.hero .hero-static{display:flex;flex-direction:column;gap:3rem;align-items:center}.hero img{display:block;width:90%;margin:auto;opacity:0;animation:hero-image-animation 1s forwards ease-in-out}.hero .hero-message{font-size:var(--fs-900);opacity:0;width:90%;animation:hero-message-animation 1s forwards ease-in-out}.hero .hero-message .hero-message-line:first-child{text-align:left}.hero .hero-message .hero-message-line:nth-child(2){text-align:right}.hero .hero-message .hero-message-line:nth-child(3){font-size:var(--fs-400);text-align:center;margin-top:1.5rem}.hero .hero-action button{width:7rem}.features{background-color:var(--clr-white-400);width:85%;margin:0 auto;border-radius:.15rem;display:flex;flex-direction:column;justify-content:center;gap:2rem;color:var(--clr-black-400)}.features .feature{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:.5rem}.features .feature img{display:block;object-fit:cover;width:75%;max-width:7rem}.features .feature>*{display:flex;justify-content:center}@keyframes hero-message-animation{0%{margin-top:2rem}to{margin-top:0rem;opacity:1}}@keyframes hero-image-animation{0%{margin-top:-3rem;opacity:0}50%{opacity:.5}to{margin-top:0rem;opacity:1}}@media only screen and (min-width: 768px){section{margin:3.5rem .5rem}.hero .hero-message{font-size:var(--fs-1000)}.message{display:grid;grid-template-columns:1fr 1fr;justify-items:center;text-align:center}.message .message-headings{flex-direction:column;font-size:var(--fs-900)}.message .message-statement{max-width:50%}}@media only screen and (min-width: 980px){.hero .hero-static{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.hero .hero-message{font-size:var(--fs-900)}.hero .hero-message .hero-message-line:nth-child(2){text-align:left}.hero .hero-message .hero-message-line:nth-child(3){text-align:left}.features{width:90%;flex-direction:row;gap:2rem}.features .feature{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.features .feature img{width:55%;max-width:7rem}.features .feature-message{text-align:center}}@media only screen and (min-width: 1240px){.hero .hero-message{font-size:var(--fs-1000)}}.popup-cover{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--clr-black-200);opacity:.4;z-index:100}.popup{position:fixed;z-index:10;margin-top:3%;top:50vh;left:50%;transform:translate(-50%,-50%);width:320px;height:500px;background-color:var(--clr-body);color:var(--clr-white-400);overflow-y:auto;display:grid;grid-template-rows:10% 75% 15%;border-radius:.25rem;box-shadow:1px 0 4px var(--clr-success);z-index:101}.popup-header{text-align:center;font-size:var(--fs-700);font-weight:var(--fw-400);color:var(--clr-white-400)}.popup-header img{width:3.5rem}.popup-header h4{width:95%;margin:1.5rem auto}.popup-footer{display:flex;flex-direction:column;gap:1rem;text-align:center}.loader-image{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:7rem;z-index:101}.nav-tabs{display:flex;justify-content:space-between;align-items:center;height:2rem;border-bottom:1px solid var(--clr-black-400)}.nav-tabs .tab{width:100%;height:100%;display:flex;justify-content:center;align-items:center;cursor:pointer}.nav-tabs .tab:not(:last-child){border-right:1px solid var(--clr-black-400)}.nav-tabs .active-tab{border-bottom:1px solid var(--clr-success)}.my-secrets-header{padding:0rem .5rem;height:3rem;display:flex;gap:1rem;justify-content:space-between;align-items:center;border-radius:.25rem}.search-keys{display:inline;position:relative;width:100%}.search-keys input{width:100%}.search-keys img{width:1.5rem;position:absolute;right:0;top:0}.add-secret-btn{display:flex;justify-content:space-between;align-items:center}.add-secret-btn img{width:.75rem;margin-left:.5rem}.secret-tab-bar{margin:1rem .75rem;box-shadow:1px 0 4px var(--clr-success);border:1px solid var(--clr-success);border-radius:.25rem}.my-secrets-main .secret-tab-bar{display:grid;grid-template-columns:3fr 3fr 1fr;align-items:center;padding:0 .5rem;height:3rem}.my-secrets-main .secret-tab-bar .secret-key,.my-secrets-main .secret-tab-bar .secret-symbol{overflow:hidden;display:flex;flex-direction:column}.my-secrets-main .secret-tab-bar .secret-actions{display:flex;justify-content:space-between;align-items:center;gap:.25rem}.my-secrets-main .secret-tab-bar img{width:1.5rem;cursor:pointer}.readonly-secret label{display:flex;align-items:center;gap:.25rem}.readonly-secret .copy-secret-icon{width:1rem;cursor:pointer;padding-top:.15rem}.no-secrets-message{text-align:center;margin:1rem .75rem}.page-info{display:flex;gap:.5rem;margin-left:.7rem}.page-info .nav-link{cursor:pointer}.shared-secret-group{margin-bottom:4rem}.shared-secret-group h3{padding-inline:.65rem}:root{--clr-white-200: #E4E4E4;--clr-white-400: #FFFFFF;--clr-black-400: #000000;--clr-black-200: #2F2F2F;--clr-black-150: #A1A1A1;--clr-black-100: #C4C4C4;--clr-primary: #FF5722;--clr-primary-dark: #DB342C;--clr-text-secondary: #bababa;--clr-body: #21232D;--clr-body-dark: #2F2E41;--clr-success: #1FAF9C;--fs-200: .75rem;--fs-300: .85rem;--fs-400: .95rem;--fs-600: 1.15rem;--fs-700: 1.35rem;--fs-800: 1.65rem;--fs-900: 1.9rem;--fs-1000: 2.75rem;--fs-2000: 10rem;--fw-400: 400;--fw-500: 500;--fw-300: 300;--fw-700: 700}body{margin:0;padding:0;border:0;font-size:var(--fs-400);font-family:Fira Sans,sans-serif;font-weight:var(--fw-500);line-height:1;box-sizing:border-box;background-color:var(--clr-body);color:var(--clr-white-400);position:relative}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}button{background:none;border:none;font:inherit}h1,h2,h3,h4,h5,h6{height:inherit;font:inherit}input,select,textarea{border:none;background-image:none;background-color:transparent;color:var(--clr-white-400);-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}input:focus,select:focus,textarea:focus{outline:none}a{cursor:pointer;text-decoration:none;color:inherit}::-webkit-scrollbar{width:.5rem;opacity:.4;background:var(--clr-white-200)}::-webkit-scrollbar-track{background:var(--clr-white-200);opacity:.4}::-webkit-scrollbar-thumb{background:var(--clr-black-150);opacity:.4}::-webkit-scrollbar-thumb:hover{background:var(--clr-black-200)}.main-content{min-height:100vh}.container{max-width:1200px;margin:0 auto}.bg-white{background-color:var(--clr-white-400)}.btn-container{display:flex;justify-content:end;gap:1rem;margin-right:.75rem}.btn-container-center{display:flex;justify-content:center;gap:1rem}.btn{padding:.5rem .75rem;border-radius:.15rem;cursor:pointer;transition:all .1s ease-in}.btn-primary-fade{color:var(--clr-white-400);transition:all .1s ease-in}.btn-primary-fade:hover{background-color:var(--clr-primary);color:var(--clr-white-400);cursor:pointer}.btn-primary{background-color:var(--clr-primary);color:var(--clr-white-400)}.btn-primary:hover{background-color:var(--clr-primary-dark)}.btn-secondary{background-color:var(--clr-white-200)}.btn-secondary:hover{background-color:var(--clr-black-100)}.input-group-vertical,.input-group-flexible{display:flex;flex-direction:column;width:95%;margin:auto;gap:.25rem;margin-top:1.5rem;margin-bottom:1.5rem}.input-group-vertical label,.input-group-flexible label{font-size:var(--fs-300)}input,select,textarea{border-color:var(--clr-black-100);border-width:.2px;border-style:solid;font-family:Fira Sans,sans-serif}input::placeholder,select::placeholder,textarea::placeholder{color:var(--clr-text-secondary)}input,textarea{font-size:var(--fs-400);line-height:1.5}select{height:1.65rem;max-width:300px;margin:0;overflow-x:hidden}select option{background-color:var(--clr-body);max-width:300px;overflow-x:hidden}input:focus,select:focus,textarea:focus{border-color:var(--clr-black-150)}.nav-link{color:var(--clr-text-secondary)}.nav-link:hover{color:var(--clr-white-200)}.text-sm{font-size:var(--fs-200)}.text-clr-primary{color:var(--clr-primary)}.text-clr-secondary{color:var(--clr-text-secondary)}.text-clr-grey{color:var(--clr-black-200)}.text-italic{font-style:italic}.clr-success{color:var(--clr-success)}.clr-danger{color:var(--clr-primary-dark)}.separator{border-bottom:1px solid black;width:95%;margin-inline:auto;margin-block:2rem}.swal2-styled.swal2-confirm{background-color:var(--clr-primary)!important;border-radius:.15rem!important;padding:.5rem .75rem!important}.swal2-styled.swal2-confirm:focus{box-shadow:none!important}.swal2-icon.swal2-success .swal2-success-ring{border:.25em solid var(--clr-success)!important}.swal2-icon.swal2-success [class^=swal2-success-line]{background-color:var(--clr-success)!important}@media only screen and (min-width: 768px){.container{width:75%}.input-group-flexible{flex-direction:row;align-items:center}.input-group-flexible *:nth-child(1){width:30%}.input-group-flexible *:not(:first-child){width:70%}.input-group-flexible select{max-width:none}}