.Pads,.pads-grid{height:100%}.pads-grid{color:var(--color-black)}.app-topnav .pads-grid{max-height:calc(100vh - 50px);position:relative;bottom:-50px}.app:not(.app-full) .pads-grid{display:grid;position:relative;grid-template-columns:auto 1fr;grid-template-rows:1fr;gap:10px;grid-template-areas:"pads-grid-left pads-grid-right"}.pads-grid-left{grid-area:"pads-grid-left";height:100%;background-color:var(--color-background);overflow:hidden;transform:width .2s ease}.app-lg .pads-grid-left{width:350px}.app-xl .pads-grid-left{width:400px}.app-full .pads-grid-left{width:100vw;grid-area:unset;height:calc(100vh - 50px);z-index:3;position:absolute;bottom:0}.app-md .pads-grid-left{width:350px;box-shadow:var(--shadow-far)}.group-list-container{height:calc(100vh - 50px);display:grid;grid-template-rows:auto 1fr auto;padding:20px}.group-list-container .groupSelect{overflow-y:scroll;max-height:100%;padding:10px 20px 10px 10px}.group-list-container .groupEntry{border-radius:7px;box-shadow:0 0 0 10px transparent;width:calc(100% - 20px)}.group-list-container .groupEntry.selected{background-color:var(--color-main)!important;box-shadow:0 0 0 10px var(--color-main);color:#fff;margin:20px 0 20px 0!important}.pads-grid-right{grid-area:"pads-grid-right";width:100%;height:100%;background-color:var(--color-clearer);overflow-y:auto;position:relative}.pads-grid-right .group-entry-title{font-size:20px;margin-bottom:0}.pads-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));justify-items:center;justify-content:center;align-content:center;align-items:center;text-align:center;row-gap:20px;max-width:calc(100% - 50px);margin-left:auto;margin-right:auto;padding-top:30px;padding-bottom:30px}.pads-grid-right .groupEntry{width:calc(100% - 20px);margin-top:20px;margin-left:10px;overflow:hidden;border-radius:20px;position:relative;border:2px solid var(--color-clearer)}.pad-thumb-wrapper{position:relative;width:200px;cursor:pointer}.pad-placeholder,.pad-thumb-wrapper .add-pad,.pad-thumb-wrapper img{display:block;margin-left:auto;background-color:#fff;margin-right:auto;border-radius:10px;max-width:200px;max-height:500px;min-width:200px;min-height:100px;padding:10px}.pad-placeholder{border:1px solid var(--color-border-clear);opacity:.5;max-width:unset;min-width:100px}.pad-thumb-decorator{z-index:1;position:relative}.pad-thumb-wrapper:hover .pad-thumb,.pad-thumb-wrapper:hover .pad-thumb-decorator .add-pad{position:relative;transform:scale(1.1) translateY(-6%);z-index:2}.pad-thumb-wrapper:hover .pad-thumb-decorator .add-pad,.pad-thumb-wrapper:hover .pad-thumb-decorator img{box-shadow:var(--shadow-nav)}.app-md .active-switch{left:317px}.app-sm .active-switch{right:10px}.welcome-card{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.rSignup{overflow-y:auto;min-height:calc(100vh - 50px)}