assetbank.socialpoint.es
Open in
urlscan Pro
52.222.158.6
Public Scan
URL:
https://assetbank.socialpoint.es/
Submission: On September 15 via automatic, source certstream-suspicious — Scanned from DE
Submission: On September 15 via automatic, source certstream-suspicious — Scanned from DE
Form analysis 1 forms found in the DOM
<form class="ng-tns-c7-1 ng-untouched ng-pristine ng-valid" novalidate="">
<div class="group">
<h2 class="ng-tns-c7-1">Color themes</h2><mat-radio-group class="mat-radio-group ng-untouched ng-pristine ng-valid" formcontrolname="colorTheme" fxlayout="column" fxlayoutalign="start start" role="radiogroup"
style="flex-direction: column; box-sizing: border-box; display: flex; place-content: flex-start; align-items: flex-start;"><mat-radio-button class="mb-12 mat-radio-button mat-radio-checked mat-accent" value="theme-default" tabindex="-1"
id="mat-radio-2"><label class="mat-radio-label" for="mat-radio-2-input">
<div class="mat-radio-container">
<div class="mat-radio-outer-circle"></div>
<div class="mat-radio-inner-circle"></div>
<div class="mat-radio-ripple mat-ripple" mat-ripple="">
<div class="mat-ripple-element mat-radio-persistent-ripple"></div>
</div><input class="mat-radio-input cdk-visually-hidden" type="radio" id="mat-radio-2-input" tabindex="0" name="mat-radio-group-0">
</div>
<div class="mat-radio-label-content"><span style="display:none"> </span>Default Light</div>
</label></mat-radio-button><mat-radio-button class="mb-12 mat-radio-button mat-accent" value="theme-yellow-light" tabindex="-1" id="mat-radio-3"><label class="mat-radio-label" for="mat-radio-3-input">
<div class="mat-radio-container">
<div class="mat-radio-outer-circle"></div>
<div class="mat-radio-inner-circle"></div>
<div class="mat-radio-ripple mat-ripple" mat-ripple="">
<div class="mat-ripple-element mat-radio-persistent-ripple"></div>
</div><input class="mat-radio-input cdk-visually-hidden" type="radio" id="mat-radio-3-input" tabindex="0" name="mat-radio-group-0">
</div>
<div class="mat-radio-label-content"><span style="display:none"> </span>Yellow Light</div>
</label></mat-radio-button><mat-radio-button class="mb-12 mat-radio-button mat-accent" value="theme-blue-gray-dark" tabindex="-1" id="mat-radio-4"><label class="mat-radio-label" for="mat-radio-4-input">
<div class="mat-radio-container">
<div class="mat-radio-outer-circle"></div>
<div class="mat-radio-inner-circle"></div>
<div class="mat-radio-ripple mat-ripple" mat-ripple="">
<div class="mat-ripple-element mat-radio-persistent-ripple"></div>
</div><input class="mat-radio-input cdk-visually-hidden" type="radio" id="mat-radio-4-input" tabindex="0" name="mat-radio-group-0">
</div>
<div class="mat-radio-label-content"><span style="display:none"> </span>Blue-Gray Dark</div>
</label></mat-radio-button><mat-radio-button class="mb-12 mat-radio-button mat-accent" value="theme-pink-dark" tabindex="-1" id="mat-radio-5"><label class="mat-radio-label" for="mat-radio-5-input">
<div class="mat-radio-container">
<div class="mat-radio-outer-circle"></div>
<div class="mat-radio-inner-circle"></div>
<div class="mat-radio-ripple mat-ripple" mat-ripple="">
<div class="mat-ripple-element mat-radio-persistent-ripple"></div>
</div><input class="mat-radio-input cdk-visually-hidden" type="radio" id="mat-radio-5-input" tabindex="0" name="mat-radio-group-0">
</div>
<div class="mat-radio-label-content"><span style="display:none"> </span>Pink Dark</div>
</label></mat-radio-button></mat-radio-group>
</div>
<div class="group ng-untouched ng-pristine ng-valid" formgroupname="layout">
<h2 class="ng-tns-c7-1">Layout Styles</h2><mat-radio-group class="mat-radio-group ng-untouched ng-pristine ng-valid" formcontrolname="style" fxlayout="column" fxlayoutalign="start start" role="radiogroup"
style="flex-direction: column; box-sizing: border-box; display: flex; place-content: flex-start; align-items: flex-start;"><mat-radio-button class="mb-12 mat-radio-button mat-radio-checked mat-accent" value="vertical-layout-1" tabindex="-1"
id="mat-radio-7"><label class="mat-radio-label" for="mat-radio-7-input">
<div class="mat-radio-container">
<div class="mat-radio-outer-circle"></div>
<div class="mat-radio-inner-circle"></div>
<div class="mat-radio-ripple mat-ripple" mat-ripple="">
<div class="mat-ripple-element mat-radio-persistent-ripple"></div>
</div><input class="mat-radio-input cdk-visually-hidden" type="radio" id="mat-radio-7-input" tabindex="0" name="mat-radio-group-5">
</div>
<div class="mat-radio-label-content"><span style="display:none"> </span> Vertical Layout #1 </div>
</label></mat-radio-button><mat-radio-button class="mb-12 mat-radio-button mat-accent" value="vertical-layout-2" tabindex="-1" id="mat-radio-8"><label class="mat-radio-label" for="mat-radio-8-input">
<div class="mat-radio-container">
<div class="mat-radio-outer-circle"></div>
<div class="mat-radio-inner-circle"></div>
<div class="mat-radio-ripple mat-ripple" mat-ripple="">
<div class="mat-ripple-element mat-radio-persistent-ripple"></div>
</div><input class="mat-radio-input cdk-visually-hidden" type="radio" id="mat-radio-8-input" tabindex="0" name="mat-radio-group-5">
</div>
<div class="mat-radio-label-content"><span style="display:none"> </span> Vertical Layout #2 </div>
</label></mat-radio-button><mat-radio-button class="mb-12 mat-radio-button mat-accent" value="vertical-layout-3" tabindex="-1" id="mat-radio-9"><label class="mat-radio-label" for="mat-radio-9-input">
<div class="mat-radio-container">
<div class="mat-radio-outer-circle"></div>
<div class="mat-radio-inner-circle"></div>
<div class="mat-radio-ripple mat-ripple" mat-ripple="">
<div class="mat-ripple-element mat-radio-persistent-ripple"></div>
</div><input class="mat-radio-input cdk-visually-hidden" type="radio" id="mat-radio-9-input" tabindex="0" name="mat-radio-group-5">
</div>
<div class="mat-radio-label-content"><span style="display:none"> </span> Vertical Layout #3 </div>
</label></mat-radio-button><mat-radio-button class="mb-12 mat-radio-button mat-accent" value="horizontal-layout-1" tabindex="-1" id="mat-radio-10"><label class="mat-radio-label" for="mat-radio-10-input">
<div class="mat-radio-container">
<div class="mat-radio-outer-circle"></div>
<div class="mat-radio-inner-circle"></div>
<div class="mat-radio-ripple mat-ripple" mat-ripple="">
<div class="mat-ripple-element mat-radio-persistent-ripple"></div>
</div><input class="mat-radio-input cdk-visually-hidden" type="radio" id="mat-radio-10-input" tabindex="0" name="mat-radio-group-5">
</div>
<div class="mat-radio-label-content"><span style="display:none"> </span> Horizontal Layout #1 </div>
</label></mat-radio-button></mat-radio-group><!----><!----><!---->
<div class="group mt-32 ng-tns-c7-1 ng-star-inserted">
<h2 class="ng-tns-c7-1">Layout Width</h2><mat-radio-group class="mat-radio-group ng-untouched ng-pristine ng-valid" formcontrolname="width" fxlayout="column" fxlayoutalign="start start" role="radiogroup"
style="flex-direction: column; box-sizing: border-box; display: flex; place-content: flex-start; align-items: flex-start;"><mat-radio-button class="mb-12 mat-radio-button mat-radio-checked mat-accent" value="fullwidth" tabindex="-1"
id="mat-radio-12"><label class="mat-radio-label" for="mat-radio-12-input">
<div class="mat-radio-container">
<div class="mat-radio-outer-circle"></div>
<div class="mat-radio-inner-circle"></div>
<div class="mat-radio-ripple mat-ripple" mat-ripple="">
<div class="mat-ripple-element mat-radio-persistent-ripple"></div>
</div><input class="mat-radio-input cdk-visually-hidden" type="radio" id="mat-radio-12-input" tabindex="0" name="mat-radio-group-10">
</div>
<div class="mat-radio-label-content"><span style="display:none"> </span>Fullwidth</div>
</label></mat-radio-button><mat-radio-button class="mb-12 mat-radio-button mat-accent" value="boxed" tabindex="-1" id="mat-radio-13"><label class="mat-radio-label" for="mat-radio-13-input">
<div class="mat-radio-container">
<div class="mat-radio-outer-circle"></div>
<div class="mat-radio-inner-circle"></div>
<div class="mat-radio-ripple mat-ripple" mat-ripple="">
<div class="mat-ripple-element mat-radio-persistent-ripple"></div>
</div><input class="mat-radio-input cdk-visually-hidden" type="radio" id="mat-radio-13-input" tabindex="0" name="mat-radio-group-10">
</div>
<div class="mat-radio-label-content"><span style="display:none"> </span>Boxed</div>
</label></mat-radio-button></mat-radio-group>
</div>
<div class="group ng-tns-c7-1 ng-untouched ng-pristine ng-valid ng-star-inserted" formgroupname="navbar">
<h2 class="ng-tns-c7-1">Navbar</h2><mat-slide-toggle class="mat-slide-toggle mat-accent mat-checked ng-untouched ng-pristine ng-valid" formcontrolname="hidden" id="mat-slide-toggle-5" tabindex="-1"><label class="mat-slide-toggle-label"
for="mat-slide-toggle-5-input">
<div class="mat-slide-toggle-bar"><input class="mat-slide-toggle-input cdk-visually-hidden" role="switch" type="checkbox" id="mat-slide-toggle-5-input" tabindex="0" aria-checked="true">
<div class="mat-slide-toggle-thumb-container" style="touch-action: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);">
<div class="mat-slide-toggle-thumb"></div>
<div class="mat-slide-toggle-ripple mat-ripple" mat-ripple="">
<div class="mat-ripple-element mat-slide-toggle-persistent-ripple"></div>
</div>
</div>
</div><span class="mat-slide-toggle-content"><span style="display:none"> </span> Hide </span>
</label></mat-slide-toggle><mat-slide-toggle class="mt-24 mat-slide-toggle mat-accent ng-untouched ng-pristine ng-valid" formcontrolname="folded" id="mat-slide-toggle-6" tabindex="-1"><label class="mat-slide-toggle-label"
for="mat-slide-toggle-6-input">
<div class="mat-slide-toggle-bar"><input class="mat-slide-toggle-input cdk-visually-hidden" role="switch" type="checkbox" id="mat-slide-toggle-6-input" tabindex="0" aria-checked="false">
<div class="mat-slide-toggle-thumb-container" style="touch-action: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);">
<div class="mat-slide-toggle-thumb"></div>
<div class="mat-slide-toggle-ripple mat-ripple" mat-ripple="">
<div class="mat-ripple-element mat-slide-toggle-persistent-ripple"></div>
</div>
</div>
</div><span class="mat-slide-toggle-content"><span style="display:none"> </span> Folded </span>
</label></mat-slide-toggle>
<h3 class="mt-24">Position:</h3><mat-radio-group class="mat-radio-group ng-untouched ng-pristine ng-valid" formcontrolname="position" fxlayout="column" fxlayoutalign="start start" role="radiogroup"
style="flex-direction: column; box-sizing: border-box; display: flex; place-content: flex-start; align-items: flex-start;"><mat-radio-button class="mb-16 mat-radio-button mat-radio-checked mat-accent" value="left" tabindex="-1"
id="mat-radio-15"><label class="mat-radio-label" for="mat-radio-15-input">
<div class="mat-radio-container">
<div class="mat-radio-outer-circle"></div>
<div class="mat-radio-inner-circle"></div>
<div class="mat-radio-ripple mat-ripple" mat-ripple="">
<div class="mat-ripple-element mat-radio-persistent-ripple"></div>
</div><input class="mat-radio-input cdk-visually-hidden" type="radio" id="mat-radio-15-input" tabindex="0" name="mat-radio-group-13">
</div>
<div class="mat-radio-label-content"><span style="display:none"> </span>Left</div>
</label></mat-radio-button><mat-radio-button class="mb-16 mat-radio-button mat-accent" value="right" tabindex="-1" id="mat-radio-16"><label class="mat-radio-label" for="mat-radio-16-input">
<div class="mat-radio-container">
<div class="mat-radio-outer-circle"></div>
<div class="mat-radio-inner-circle"></div>
<div class="mat-radio-ripple mat-ripple" mat-ripple="">
<div class="mat-ripple-element mat-radio-persistent-ripple"></div>
</div><input class="mat-radio-input cdk-visually-hidden" type="radio" id="mat-radio-16-input" tabindex="0" name="mat-radio-group-13">
</div>
<div class="mat-radio-label-content"><span style="display:none"> </span>Right</div>
</label></mat-radio-button></mat-radio-group>
<h3 class="mt-8">Variant:</h3><mat-radio-group class="mat-radio-group ng-untouched ng-pristine ng-valid" formcontrolname="variant" fxlayout="column" fxlayoutalign="start start" role="radiogroup"
style="flex-direction: column; box-sizing: border-box; display: flex; place-content: flex-start; align-items: flex-start;"><mat-radio-button class="mb-16 mat-radio-button mat-radio-checked mat-accent" value="vertical-style-1" tabindex="-1"
id="mat-radio-18"><label class="mat-radio-label" for="mat-radio-18-input">
<div class="mat-radio-container">
<div class="mat-radio-outer-circle"></div>
<div class="mat-radio-inner-circle"></div>
<div class="mat-radio-ripple mat-ripple" mat-ripple="">
<div class="mat-ripple-element mat-radio-persistent-ripple"></div>
</div><input class="mat-radio-input cdk-visually-hidden" type="radio" id="mat-radio-18-input" tabindex="0" name="mat-radio-group-16">
</div>
<div class="mat-radio-label-content"><span style="display:none"> </span>Style 1</div>
</label></mat-radio-button><mat-radio-button class="mb-16 mat-radio-button mat-accent" value="vertical-style-2" tabindex="-1" id="mat-radio-19"><label class="mat-radio-label" for="mat-radio-19-input">
<div class="mat-radio-container">
<div class="mat-radio-outer-circle"></div>
<div class="mat-radio-inner-circle"></div>
<div class="mat-radio-ripple mat-ripple" mat-ripple="">
<div class="mat-ripple-element mat-radio-persistent-ripple"></div>
</div><input class="mat-radio-input cdk-visually-hidden" type="radio" id="mat-radio-19-input" tabindex="0" name="mat-radio-group-16">
</div>
<div class="mat-radio-label-content"><span style="display:none"> </span>Style 2</div>
</label></mat-radio-button></mat-radio-group>
<h3 class="mt-16 mb-8">Primary background:</h3><fuse-material-color-picker class="mb-16 ng-tns-c13-3 ng-untouched ng-pristine ng-valid" formcontrolname="primaryBackground"><button class="mat-icon-button mat-elevation-z1 fuse-navy-700"
aria-haspopup="true" mat-icon-button=""><span class="mat-button-wrapper"><mat-icon class="mat-icon notranslate ng-tns-c13-3 material-icons mat-icon-no-color" role="img" aria-hidden="true">palette</mat-icon></span>
<div class="mat-button-ripple mat-ripple mat-button-ripple-round" matripple=""></div>
<div class="mat-button-focus-overlay"></div>
</button><mat-menu class=""><!----></mat-menu></fuse-material-color-picker>
<h3 class="mt-16 mb-8">Secondary background:</h3><fuse-material-color-picker class="mb-16 ng-tns-c13-4 ng-untouched ng-pristine ng-valid" formcontrolname="secondaryBackground"><button class="mat-icon-button mat-elevation-z1 fuse-navy-900"
aria-haspopup="true" mat-icon-button=""><span class="mat-button-wrapper"><mat-icon class="mat-icon notranslate ng-tns-c13-4 material-icons mat-icon-no-color" role="img" aria-hidden="true">palette</mat-icon></span>
<div class="mat-button-ripple mat-ripple mat-button-ripple-round" matripple=""></div>
<div class="mat-button-focus-overlay"></div>
</button><mat-menu class=""><!----></mat-menu></fuse-material-color-picker>
</div>
<div class="group ng-tns-c7-1 ng-untouched ng-pristine ng-valid ng-star-inserted" formgroupname="toolbar">
<h2 class="ng-tns-c7-1">Toolbar</h2><mat-slide-toggle class="mat-slide-toggle mat-accent ng-untouched ng-pristine ng-valid mat-checked" formcontrolname="hidden" id="mat-slide-toggle-7" tabindex="-1"><label class="mat-slide-toggle-label"
for="mat-slide-toggle-7-input">
<div class="mat-slide-toggle-bar"><input class="mat-slide-toggle-input cdk-visually-hidden" role="switch" type="checkbox" id="mat-slide-toggle-7-input" tabindex="0" aria-checked="true">
<div class="mat-slide-toggle-thumb-container" style="touch-action: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);">
<div class="mat-slide-toggle-thumb"></div>
<div class="mat-slide-toggle-ripple mat-ripple" mat-ripple="">
<div class="mat-ripple-element mat-slide-toggle-persistent-ripple"></div>
</div>
</div>
</div><span class="mat-slide-toggle-content"><span style="display:none"> </span> Hide </span>
</label></mat-slide-toggle>
<h3 class="mt-24">Position:</h3><mat-radio-group class="mat-radio-group ng-untouched ng-pristine ng-valid" formcontrolname="position" fxlayout="column" fxlayoutalign="start start" role="radiogroup"
style="flex-direction: column; box-sizing: border-box; display: flex; place-content: flex-start; align-items: flex-start;"><mat-radio-button class="mb-12 mat-radio-button mat-accent" value="above" tabindex="-1" id="mat-radio-21"><label
class="mat-radio-label" for="mat-radio-21-input">
<div class="mat-radio-container">
<div class="mat-radio-outer-circle"></div>
<div class="mat-radio-inner-circle"></div>
<div class="mat-radio-ripple mat-ripple" mat-ripple="">
<div class="mat-ripple-element mat-radio-persistent-ripple"></div>
</div><input class="mat-radio-input cdk-visually-hidden" type="radio" id="mat-radio-21-input" tabindex="0" name="mat-radio-group-19">
</div>
<div class="mat-radio-label-content"><span style="display:none"> </span>Above</div>
</label></mat-radio-button><mat-radio-button class="mb-12 mat-radio-button mat-radio-checked mat-accent" value="below-static" tabindex="-1" id="mat-radio-22"><label class="mat-radio-label" for="mat-radio-22-input">
<div class="mat-radio-container">
<div class="mat-radio-outer-circle"></div>
<div class="mat-radio-inner-circle"></div>
<div class="mat-radio-ripple mat-ripple" mat-ripple="">
<div class="mat-ripple-element mat-radio-persistent-ripple"></div>
</div><input class="mat-radio-input cdk-visually-hidden" type="radio" id="mat-radio-22-input" tabindex="0" name="mat-radio-group-19">
</div>
<div class="mat-radio-label-content"><span style="display:none"> </span>Below Static</div>
</label></mat-radio-button><mat-radio-button class="mb-12 mat-radio-button mat-accent" value="below-fixed" tabindex="-1" id="mat-radio-23"><label class="mat-radio-label" for="mat-radio-23-input">
<div class="mat-radio-container">
<div class="mat-radio-outer-circle"></div>
<div class="mat-radio-inner-circle"></div>
<div class="mat-radio-ripple mat-ripple" mat-ripple="">
<div class="mat-ripple-element mat-radio-persistent-ripple"></div>
</div><input class="mat-radio-input cdk-visually-hidden" type="radio" id="mat-radio-23-input" tabindex="0" name="mat-radio-group-19">
</div>
<div class="mat-radio-label-content"><span style="display:none"> </span>Below Fixed</div>
</label></mat-radio-button></mat-radio-group><mat-checkbox class="mt-24 mat-checkbox mat-accent ng-untouched ng-pristine ng-valid" formcontrolname="customBackgroundColor" id="mat-checkbox-1"><label class="mat-checkbox-layout"
for="mat-checkbox-1-input">
<div class="mat-checkbox-inner-container"><input class="mat-checkbox-input cdk-visually-hidden" type="checkbox" id="mat-checkbox-1-input" tabindex="0" aria-checked="false">
<div class="mat-checkbox-ripple mat-ripple" matripple="">
<div class="mat-ripple-element mat-checkbox-persistent-ripple"></div>
</div>
<div class="mat-checkbox-frame"></div>
<div class="mat-checkbox-background"><svg xml:space="preserve" class="mat-checkbox-checkmark" focusable="false" version="1.1" viewBox="0 0 24 24">
<path class="mat-checkbox-checkmark-path" d="M4.1,12.7 9,17.6 20.3,6.3" fill="none" stroke="white"></path>
</svg>
<div class="mat-checkbox-mixedmark"></div>
</div>
</div><span class="mat-checkbox-label"><span style="display:none"> </span> Use custom background color </span>
</label></mat-checkbox>
<h3 class="mt-24 mb-8">Background color:</h3><fuse-material-color-picker class="mb-16 ng-tns-c13-5 ng-untouched ng-pristine ng-valid" formcontrolname="background"><button class="mat-icon-button mat-elevation-z1 fuse-white-500"
aria-haspopup="true" mat-icon-button=""><span class="mat-button-wrapper"><mat-icon class="mat-icon notranslate ng-tns-c13-5 material-icons mat-icon-no-color" role="img" aria-hidden="true">palette</mat-icon></span>
<div class="mat-button-ripple mat-ripple mat-button-ripple-round" matripple=""></div>
<div class="mat-button-focus-overlay"></div>
</button><mat-menu class=""><!----></mat-menu></fuse-material-color-picker>
</div>
<div class="group ng-tns-c7-1 ng-untouched ng-pristine ng-valid ng-star-inserted" formgroupname="footer">
<h2 class="ng-tns-c7-1">Footer</h2><mat-slide-toggle class="mat-slide-toggle mat-accent mat-checked ng-untouched ng-pristine ng-valid" formcontrolname="hidden" id="mat-slide-toggle-8" tabindex="-1"><label class="mat-slide-toggle-label"
for="mat-slide-toggle-8-input">
<div class="mat-slide-toggle-bar"><input class="mat-slide-toggle-input cdk-visually-hidden" role="switch" type="checkbox" id="mat-slide-toggle-8-input" tabindex="0" aria-checked="true">
<div class="mat-slide-toggle-thumb-container" style="touch-action: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);">
<div class="mat-slide-toggle-thumb"></div>
<div class="mat-slide-toggle-ripple mat-ripple" mat-ripple="">
<div class="mat-ripple-element mat-slide-toggle-persistent-ripple"></div>
</div>
</div>
</div><span class="mat-slide-toggle-content"><span style="display:none"> </span> Hide </span>
</label></mat-slide-toggle>
<h3 class="mt-24">Position:</h3><mat-radio-group class="mat-radio-group ng-untouched ng-pristine ng-valid" formcontrolname="position" fxlayout="column" fxlayoutalign="start start" role="radiogroup"
style="flex-direction: column; box-sizing: border-box; display: flex; place-content: flex-start; align-items: flex-start;"><mat-radio-button class="mb-12 mat-radio-button mat-accent" value="above" tabindex="-1" id="mat-radio-25"><label
class="mat-radio-label" for="mat-radio-25-input">
<div class="mat-radio-container">
<div class="mat-radio-outer-circle"></div>
<div class="mat-radio-inner-circle"></div>
<div class="mat-radio-ripple mat-ripple" mat-ripple="">
<div class="mat-ripple-element mat-radio-persistent-ripple"></div>
</div><input class="mat-radio-input cdk-visually-hidden" type="radio" id="mat-radio-25-input" tabindex="0" name="mat-radio-group-23">
</div>
<div class="mat-radio-label-content"><span style="display:none"> </span>Above</div>
</label></mat-radio-button><mat-radio-button class="mb-12 mat-radio-button mat-accent" value="below-static" tabindex="-1" id="mat-radio-26"><label class="mat-radio-label" for="mat-radio-26-input">
<div class="mat-radio-container">
<div class="mat-radio-outer-circle"></div>
<div class="mat-radio-inner-circle"></div>
<div class="mat-radio-ripple mat-ripple" mat-ripple="">
<div class="mat-ripple-element mat-radio-persistent-ripple"></div>
</div><input class="mat-radio-input cdk-visually-hidden" type="radio" id="mat-radio-26-input" tabindex="0" name="mat-radio-group-23">
</div>
<div class="mat-radio-label-content"><span style="display:none"> </span>Below Static</div>
</label></mat-radio-button><mat-radio-button class="mb-12 mat-radio-button mat-radio-checked mat-accent" value="below-fixed" tabindex="-1" id="mat-radio-27"><label class="mat-radio-label" for="mat-radio-27-input">
<div class="mat-radio-container">
<div class="mat-radio-outer-circle"></div>
<div class="mat-radio-inner-circle"></div>
<div class="mat-radio-ripple mat-ripple" mat-ripple="">
<div class="mat-ripple-element mat-radio-persistent-ripple"></div>
</div><input class="mat-radio-input cdk-visually-hidden" type="radio" id="mat-radio-27-input" tabindex="0" name="mat-radio-group-23">
</div>
<div class="mat-radio-label-content"><span style="display:none"> </span>Below Fixed</div>
</label></mat-radio-button></mat-radio-group><mat-checkbox class="mt-24 mat-checkbox mat-accent mat-checkbox-checked ng-untouched ng-pristine ng-valid" formcontrolname="customBackgroundColor" id="mat-checkbox-2"><label
class="mat-checkbox-layout" for="mat-checkbox-2-input">
<div class="mat-checkbox-inner-container"><input class="mat-checkbox-input cdk-visually-hidden" type="checkbox" id="mat-checkbox-2-input" tabindex="0" aria-checked="true">
<div class="mat-checkbox-ripple mat-ripple" matripple="">
<div class="mat-ripple-element mat-checkbox-persistent-ripple"></div>
</div>
<div class="mat-checkbox-frame"></div>
<div class="mat-checkbox-background"><svg xml:space="preserve" class="mat-checkbox-checkmark" focusable="false" version="1.1" viewBox="0 0 24 24">
<path class="mat-checkbox-checkmark-path" d="M4.1,12.7 9,17.6 20.3,6.3" fill="none" stroke="white"></path>
</svg>
<div class="mat-checkbox-mixedmark"></div>
</div>
</div><span class="mat-checkbox-label"><span style="display:none"> </span> Use custom background color </span>
</label></mat-checkbox>
<h3 class="mt-24 mb-8">Color:</h3><fuse-material-color-picker class="mb-16 ng-tns-c13-6 ng-untouched ng-pristine ng-valid" formcontrolname="background"><button class="mat-icon-button mat-elevation-z1 fuse-navy-900" aria-haspopup="true"
mat-icon-button=""><span class="mat-button-wrapper"><mat-icon class="mat-icon notranslate ng-tns-c13-6 material-icons mat-icon-no-color" role="img" aria-hidden="true">palette</mat-icon></span>
<div class="mat-button-ripple mat-ripple mat-button-ripple-round" matripple=""></div>
<div class="mat-button-focus-overlay"></div>
</button><mat-menu class=""><!----></mat-menu></fuse-material-color-picker>
</div>
<div class="group ng-tns-c7-1 ng-untouched ng-pristine ng-valid ng-star-inserted" formgroupname="sidepanel">
<h2 class="ng-tns-c7-1">Side Panel</h2><mat-slide-toggle class="mat-slide-toggle mat-accent mat-checked ng-untouched ng-pristine ng-valid" formcontrolname="hidden" id="mat-slide-toggle-9" tabindex="-1"><label class="mat-slide-toggle-label"
for="mat-slide-toggle-9-input">
<div class="mat-slide-toggle-bar"><input class="mat-slide-toggle-input cdk-visually-hidden" role="switch" type="checkbox" id="mat-slide-toggle-9-input" tabindex="0" aria-checked="true">
<div class="mat-slide-toggle-thumb-container" style="touch-action: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);">
<div class="mat-slide-toggle-thumb"></div>
<div class="mat-slide-toggle-ripple mat-ripple" mat-ripple="">
<div class="mat-ripple-element mat-slide-toggle-persistent-ripple"></div>
</div>
</div>
</div><span class="mat-slide-toggle-content"><span style="display:none"> </span> Hide </span>
</label></mat-slide-toggle>
<h3 class="mt-24">Position:</h3><mat-radio-group class="mat-radio-group ng-untouched ng-pristine ng-valid" formcontrolname="position" fxlayout="column" fxlayoutalign="start start" role="radiogroup"
style="flex-direction: column; box-sizing: border-box; display: flex; place-content: flex-start; align-items: flex-start;"><mat-radio-button class="mb-12 mat-radio-button mat-accent" value="left" tabindex="-1" id="mat-radio-29"><label
class="mat-radio-label" for="mat-radio-29-input">
<div class="mat-radio-container">
<div class="mat-radio-outer-circle"></div>
<div class="mat-radio-inner-circle"></div>
<div class="mat-radio-ripple mat-ripple" mat-ripple="">
<div class="mat-ripple-element mat-radio-persistent-ripple"></div>
</div><input class="mat-radio-input cdk-visually-hidden" type="radio" id="mat-radio-29-input" tabindex="0" name="mat-radio-group-27">
</div>
<div class="mat-radio-label-content"><span style="display:none"> </span>Left</div>
</label></mat-radio-button><mat-radio-button class="mb-12 mat-radio-button mat-radio-checked mat-accent" value="right" tabindex="-1" id="mat-radio-30"><label class="mat-radio-label" for="mat-radio-30-input">
<div class="mat-radio-container">
<div class="mat-radio-outer-circle"></div>
<div class="mat-radio-inner-circle"></div>
<div class="mat-radio-ripple mat-ripple" mat-ripple="">
<div class="mat-ripple-element mat-radio-persistent-ripple"></div>
</div><input class="mat-radio-input cdk-visually-hidden" type="radio" id="mat-radio-30-input" tabindex="0" name="mat-radio-group-27">
</div>
<div class="mat-radio-label-content"><span style="display:none"> </span>Right</div>
</label></mat-radio-button></mat-radio-group>
</div><!----><!----><!---->
</div>
<div class="group">
<h2 class="ng-tns-c7-1">Custom scrollbars</h2><mat-slide-toggle class="mb-12 mat-slide-toggle mat-accent mat-checked ng-untouched ng-pristine ng-valid" formcontrolname="customScrollbars" id="mat-slide-toggle-1" tabindex="-1"><label
class="mat-slide-toggle-label" for="mat-slide-toggle-1-input">
<div class="mat-slide-toggle-bar"><input class="mat-slide-toggle-input cdk-visually-hidden" role="switch" type="checkbox" id="mat-slide-toggle-1-input" tabindex="0" aria-checked="true">
<div class="mat-slide-toggle-thumb-container" style="touch-action: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);">
<div class="mat-slide-toggle-thumb"></div>
<div class="mat-slide-toggle-ripple mat-ripple" mat-ripple="">
<div class="mat-ripple-element mat-slide-toggle-persistent-ripple"></div>
</div>
</div>
</div><span class="mat-slide-toggle-content"><span style="display:none"> </span> Enable custom scrollbars </span>
</label></mat-slide-toggle>
</div>
</form>Text Content
Google Login TODAY Wednesday 15th September EVENTS NOTES QUICK SETTINGS NOTIFICATIONS CLOUD SYNC RETRO THRUSTERS Theme Optionsclose COLOR THEMES Default Light Yellow Light Blue-Gray Dark Pink Dark LAYOUT STYLES Vertical Layout #1 Vertical Layout #2 Vertical Layout #3 Horizontal Layout #1 LAYOUT WIDTH Fullwidth Boxed NAVBAR Hide Folded POSITION: Left Right VARIANT: Style 1 Style 2 PRIMARY BACKGROUND: palette SECONDARY BACKGROUND: palette TOOLBAR Hide POSITION: Above Below Static Below Fixed Use custom background color BACKGROUND COLOR: palette FOOTER Hide POSITION: Above Below Static Below Fixed Use custom background color COLOR: palette SIDE PANEL Hide POSITION: Left Right CUSTOM SCROLLBARS Enable custom scrollbars