#q-app,.main-router-view,body,html{top:0;left:0;right:0;bottom:0;position:absolute}.sbn-container{max-width:1170px;margin-left:auto;margin-right:auto}.sbn-card{color:#fff;position:relative;cursor:pointer}.sbn-card:hover:before{content:"";position:absolute;width:100%;height:100%;border-style:solid;opacity:0.2;border-width:4px}.sbn-card:after{content:"";position:absolute;width:17px;height:12px;right:12px;bottom:12px;background-image:url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTcgMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxLjQxNCI+PHBhdGggZD0iTTE2LjczIDUuNjM4TDExLjMzLjM3NWEuNjI1LjYyNSAwIDAwLS40Ni0uMTk3Yy0uMTcgMC0uMzQuMDcxLS40Ni4xOTctLjEyLjEyLS4yLjI4Ny0uMi40NiAwIC4xNzQuMDguMzQxLjIuNDYxbDQuMDggNC4wNzlILjk0TC45IDUuMzc0Yy0uMzQgMC0uNjIuMjgxLS42Mi42MjJ2LjA3NGEuNjI0LjYyNCAwIDAwLjY2LjYyMWgxMy41NWwtNC4wOCA0LjA3OWMtLjEyLjEyLS4yLjI4Ny0uMi40NjEgMCAuMTczLjA4LjM0LjIuNDYuMTMuMTMyLjI2LjEzMi41My4xMzIuMjYgMCAuMzkgMCAuNTItLjEzMmw1LjI3LTUuMjYzdi0uNzl6IiBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=);background-repeat:no-repeat;background-size:contain;transition:right 0.3s}.sbn-card:hover:after{right:10px}.sbn-card-header{padding:1.25rem 1rem 0}.sbn-card-body{padding:1.25rem 1rem}.sbn-card-footer{padding:1rem 2rem 2rem;position:relative}.sbn-card-footer:before{content:"";height:3px;position:absolute;left:2rem;top:-.75rem;width:30%;background:#b4c642;transition:width 1s ease}.sbn-card:hover .sbn-card-footer:before{width:45%}.bg-color-ssn-green{background-color:#b4c642}.bg-color-ssn-orange{background-color:#ff824b}.bg-color-ssn-dark-red{background-color:#ba4a4a}.toolbar[data-v-10c214d7]{position:static;padding-top:0.5rem;padding-bottom:0.5rem;padding-left:15px;padding-right:15px}.logo[data-v-10c214d7]{width:112px}.q-btn[data-v-10c214d7]{font-weight:400}.overview-btn[data-v-10c214d7]{position:static}.overview-bar[data-v-10c214d7]{display:none;position:absolute;top:100%;left:0;right:0;border-top:1px solid #cee9e9;background-color:#f8f9fa}.overview-btn:hover .overview-bar[data-v-10c214d7]{display:block}.overview-btn[data-v-10c214d7]:hover:after{content:"";position:absolute;bottom:0;left:0;right:0;height:0.5rem}.overview-bar .content[data-v-10c214d7]{display:grid;grid-template-rows:auto;grid-template-columns:35% 65%;font-size:0.875rem;white-space:normal}.category[data-v-10c214d7]{width:170px;height:170px}.search-input[data-v-10f3d1ec]{border-radius:5px;box-shadow:5px 5px 15px rgba(0,0,0,0.1)}.intro-head[data-v-cb089ae6]{display:grid;grid-template-rows:50% 50%;grid-template-columns:40% 1fr}.container[data-v-2d4e456d]{box-shadow:0 30px 60px 0 rgba(0,0,0,0.16)}.login-body[data-v-2d4e456d],.login-head[data-v-2d4e456d]{display:grid;grid-template-rows:auto;grid-template-columns:50% 50%}.overview .search-input[data-v-69b6a58c]{width:720px}.grade-category-section[data-v-69b6a58c]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAGQCAYAAACAvzbMAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAYLSURBVHic7ddBSpxREEbRv6NODEIT3P8mRYiIednD7UFRcM4KvsF7XOp2zrl4yNP0gOV+pgcsd58esNzH9IDNfk0PAGAnAQEgERAAEgEBIBEQABIBASAREAASAQEgERAAEgEBIBEQABIBASAREAASAQEgERAAEgEBIBEQABIBASAREAASAQEgERAAEgEBIBEQABIBASAREAASAQEgERAAEgEBIBEQABIBASAREAASAQEgERAAEgEBIBEQABIBASAREAASAQEgERAAEgEBIBEQABIBASAREAASAQEgERAAEgEBIBEQABIBASAREAASAQEgERAAEgEBIBEQABIBASAREAASAQEgERAAEgEBIBEQABIBASAREAASAQEgERAAEgEBIBEQABIBASAREAASAQEgERAAEgEBIBEQABIBASAREAASAQEgERAAEgEBIBEQABIBASAREACS2zlnesN2r9MDlvuaHrDcy/SA5f5MD9jMBQJAIiAAJAICQCIgACQCAkAiIAAkAgJAIiAAJAICQCIgACQCAkAiIAAkAgJAIiAAJAICQCIgACQCAkAiIAAkAgJAIiAAJAICQCIgACQCAkAiIAAkAgJAIiAAJAICQCIgACQCAkAiIAAkAgJAIiAAJAICQCIgACQCAkAiIAAkAgJAIiAAJAICQCIgACQCAkAiIAAkAgJAIiAAJAICQCIgACQCAkAiIAAkAgJAIiAAJAICQCIgACQCAkAiIAAkAgJAIiAAJAICQCIgACQCAkAiIAAkAgJAIiAAJAICQCIgACQCAkAiIAAkAgJAIiAAJAICQCIgACQCAkAiIAAkAgJAIiAAJAICQCIgACQCAkAiIAAkAgJAcjvnvEyPWO7f9IDl3qYHLPc5PWC539MDNnOBAJAICACJgACQCAgAiYAAkAgIAImAAJAICACJgACQCAgAiYAAkAgIAImAAJAICACJgACQCAgAiYAAkAgIAImAAJAICACJgACQCAgAiYAAkAgIAImAAJAICACJgACQCAgAiYAAkAgIAImAAJAICACJgACQCAgAiYAAkAgIAImAAJAICACJgACQCAgAiYAAkAgIAImAAJAICACJgACQCAgAiYAAkAgIAImAAJAICACJgACQCAgAiYAAkAgIAImAAJAICACJgACQCAgAiYAAkAgIAImAAJAICACJgACQCAgAiYAAkAgIAImAAJAICACJgACQCAgAiYAAkAgIAImAAJAICACJgACQCAgAiYAAkAgIAImAAJA8X9f1PT1iufv0gOX+Tg9Yzv99jPf3ABcIAImAAJAICACJgACQCAgAiYAAkAgIAImAAJAICACJgACQCAgAiYAAkAgIAImAAJAICACJgACQCAgAiYAAkAgIAImAAJAICACJgACQCAgAiYAAkAgIAImAAJAICACJgACQCAgAiYAAkAgIAImAAJAICACJgACQCAgAiYAAkAgIAImAAJAICACJgACQCAgAiYAAkAgIAImAAJAICACJgACQCAgAiYAAkAgIAImAAJAICACJgACQCAgAiYAAkAgIAImAAJAICACJgACQCAgAiYAAkAgIAImAAJAICACJgACQCAgAiYAAkAgIAImAAJAICACJgACQCAgAiYAAkAgIAImAAJAICACJgACQCAgAiYAAkAgIAMnzdV336RHLfUwPWO59esByP9MDlnudHrCZCwSAREAASAQEgERAAEgEBIBEQABIBASAREAASAQEgERAAEgEBIBEQABIBASAREAASAQEgERAAEgEBIBEQABIBASAREAASAQEgERAAEgEBIBEQABIBASAREAASAQEgERAAEgEBIBEQABIBASAREAASAQEgERAAEgEBIBEQABIBASAREAASAQEgERAAEgEBIBEQABIBASAREAASAQEgERAAEgEBIBEQABIBASAREAASAQEgERAAEgEBIBEQABIBASAREAASAQEgERAAEgEBIBEQABIBASAREAASAQEgERAAEgEBIBEQABIBASAREAASAQEgERAAEgEBIBEQABIBASAREAASAQEgERAAEgEBIBEQABIBASA5D8d6RdawBnrtAAAAABJRU5ErkJggg==)}.grade-category[data-v-69b6a58c]{display:grid;grid-template-rows:auto;grid-template-columns:50% 50%;padding-top:4.5rem;padding-bottom:3.5rem}.subject-category[data-v-69b6a58c]{width:140px;height:140px}.header[data-v-94eaf366]{justify-content:space-between;border-top:1px solid #cee9e9}.separator[data-v-94eaf366]{height:4px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAeUAAAAECAIAAAA/PbCmAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAAsSAAALEgHS3X78AAAAFnRFWHRDcmVhdGlvbiBUaW1lADA4LzE1LzE4MEzJ9gAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAEnSURBVFiFY5y104YBFew804EmUrP0DJqI+pwmNJFnwnxoImfcfdFEPs08jyYSw3uNoDkca1jQRLaZSBA0Z8lnLTQRvnRDNBF1LmU0kZZoEzQRd5MKgnaR52bMcP6nLIQmMvmuH5rIj5A/aCKl57cR1JXPsABNJHT2SjQRzNhxUnhC0K7wiuloIn7LlqKJYIZP+ZolaCKLHdHdTM8UtcNUGk0khBvdnNVf0FPUjjOtaCKdITFoIlJvP6GJbIqKRhNZ2ZGJJtJt6IUmsu+BDJoIZnpenRqOJjKRIQFNJFd5E0G7MMMnT3kjmgjj3fdoIpg5xevMCzQRzNSLGT6YOXe0RIIDJoZRMApGwSgYBUMBjJbXo2AUjIJRMDTAaHk9CkbBKBgFQwMAAOywb6RJ8B5eAAAAAElFTkSuQmCC);background-repeat:repeat-x}.activities[data-v-94eaf366]{display:flex;flex:3 3 0;flex-flow:wrap;padding-bottom:100px}.activity[data-v-94eaf366]{flex:0 0 25%}.activity .sbn-card-body[data-v-94eaf366]{padding:2rem}.difficulty[data-v-94eaf366]{width:40px;height:15px;display:grid;grid-template-rows:15px;grid-template-columns:10px 10px 10px;column-gap:5px;transform:scaleY(-1)}.difficulty .bar[data-v-94eaf366]{width:100%;background-color:hsla(0,0%,100%,0.4);bottom:0}.difficulty .bar.active[data-v-94eaf366]{background-color:#fff}.difficulty .bar.first[data-v-94eaf366]{height:33.33333%}.difficulty .bar.second[data-v-94eaf366]{height:66.66667%}.difficulty .bar.third[data-v-94eaf366]{height:100%}.activity[data-v-94eaf366]:hover:before{border-width:12px}.activity[data-v-94eaf366]:after{display:none}.add-activities[data-v-94eaf366]{color:#000}.add-activities:hover .info[data-v-94eaf366]{color:#fff}.add-activities .icon[data-v-94eaf366]{transition:transform 0.3s}.add-activities:hover .icon[data-v-94eaf366]{transform:rotate(180deg)}.filter-header[data-v-94eaf366]{display:flex;justify-content:space-between;align-content:center;padding:1rem 20px}.filter .icon[data-v-94eaf366]{width:34px;height:30px}.filter .options[data-v-94eaf366]{padding:1rem}.exercise[data-v-2a6567fa]{display:grid;grid-template-rows:1fr auto;grid-template-columns:100%}.info[data-v-2a6567fa]{padding:7em 2em 0;margin:0}.footer[data-v-2a6567fa]{padding:1rem;display:flex;justify-content:space-between;align-items:center}.compilation-card[data-v-2a6567fa]{max-width:600px;padding:44px 42px;margin-top:50px;margin-bottom:12em;background:#fff;border-radius:14px;text-align:left;font-size:16px;box-shadow:25px 50px 30px 0 rgba(0,0,0,0.16)}.compilation-content [data-v-2a6567fa]{max-width:100%}.compilation-content iframe[data-v-2a6567fa]{min-height:400px}