.skf .skf-content {padding: 20px;font-family: Gotham;}
.skf.skf--right .skf-tab {top: 0;left: 1px; background-color:#877750;color: white; transform: rotate(90deg); transform-origin: top left;}
.skf .skf-tab { background: #fff;color: #4A4A4A; border: 1px solid #666;}
.skf .skf-tab { position: absolute;height: 40px; max-width: 300px;padding: 10px 40px;cursor: pointer;transition: all 0.3s;}
.skf[data-state="expanded"] {box-shadow: 2px 2px 10px 0 #666;}
.skf.skf--right { top: 275px;right: -302px; width: 300px;}
.skf {background: #fff;}
.skf {position: fixed; display: block; z-index: 10;transition: all 0.3s;}
.skf.skf--right .skf-tab .skf-icon {position: absolute;right: 10px; top: 10px;transform: rotate(180deg);}
.skf .skf-tab .skf-text, .skf .skf-tab .skf-icon { color: #4A4A4A; color: var(--floating-tab-font-color);}
i, .icon, .sk-icon {font-size: 12px; font-size: 1.2rem;}
.skf.skf--right .skf-tab .skf-text { display: block;padding-left: 10px; transform: rotate(180deg);}
.skf .skf-tab .skf-text, .skf .skf-tab .skf-icon {color: #4A4A4A;color: var(--floating-tab-font-color);}
.skf .skf-text { white-space: nowrap;text-rendering: optimizeLegibility;}