diff --git a/components.js b/components.js
index 85fc7fd..7677df0 100644
--- a/components.js
+++ b/components.js
@@ -2451,6 +2451,7 @@ customElements.define('sm-carousel', class extends HTMLElement {
         this.isAutoPlaying = false
         this.autoPlayInterval = 5000
         this.autoPlayTimeout
+        this.initialTimeout
         this.activeSlideNum = 0
         this.carouselItems
         this.indicators
@@ -2496,20 +2497,26 @@ customElements.define('sm-carousel', class extends HTMLElement {
             behavior: 'smooth'
         })
     }
+
+    nextSlide = () => {
+        if (!this.carouselItems) return
+        let showSlideNo = (this.activeSlideNum + 1) < this.carouselItems.length ? this.activeSlideNum + 1 : 0
+        this.showSlide(showSlideNo)
+    }
     
-    startAutoPlay = () => {
-        if(!this.carouselItems) return
-        if((this.activeSlideNum + 1) < this.carouselItems.length)
-            this.showSlide(this.activeSlideNum + 1)
-        else
-            this.showSlide(0)
+    autoPlay = () => {
+        this.nextSlide()
         if (this.isAutoPlaying) {
             this.autoPlayTimeout = setTimeout(() => {
-                this.startAutoPlay()
+                this.autoPlay()
             }, this.autoPlayInterval);
         }
     }
 
+    startAutoPlay = () => {
+        this.setAttribute('autoplay', '')
+    }
+
     stopAutoPlay = () => {
         this.removeAttribute('autoplay')
     }
@@ -2586,7 +2593,7 @@ customElements.define('sm-carousel', class extends HTMLElement {
                 this.indicators = this.indicatorsContainer.children
             }
             if (this.hasAttribute('autoplay')) {
-                this.startAutoPlay()
+                this.autoPlay()
             }
         })
 
@@ -2612,13 +2619,16 @@ customElements.define('sm-carousel', class extends HTMLElement {
                 }
             if (name === 'autoplay') {
                 if (this.hasAttribute('autoplay')) {
-                    this.isAutoPlaying = true
                     if(this.carouselSlot.assignedElements().length > 1)
-                        this.startAutoPlay()
+                        this.initialTimeout = setTimeout(() => {
+                            this.isAutoPlaying = true
+                                this.autoPlay()
+                        }, this.autoPlayInterval);
                 }
                 else {
                     this.isAutoPlaying = false
                     clearTimeout(this.autoPlayTimeout)
+                    clearTimeout(this.initialTimeout)
                 }
                 
             }
diff --git a/css/main.css b/css/main.css
index b9ac532..cc027c1 100644
--- a/css/main.css
+++ b/css/main.css
@@ -471,7 +471,7 @@ ul {
   overflow-y: auto;
   max-height: calc(100vh - 5rem);
   padding: 0;
-  grid-template-columns: 3rem 1fr;
+  grid-template-columns: 2rem 1fr;
 }
 
 #floor_line_map {
@@ -488,19 +488,57 @@ ul {
   height: 100%;
 }
 
-.line-map__circle {
+.line-map__track {
+  height: 1rem;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+
+.line-map__circle,
+.line-map__disc {
   position: absolute;
+  border-radius: 1rem;
+  z-index: 1;
+}
+
+.line-map__disc {
+  height: 0.5rem;
+  width: 0.5rem;
+  -webkit-transition: -webkit-transform 0.3s;
+  transition: -webkit-transform 0.3s;
+  transition: transform 0.3s;
+  transition: transform 0.3s, -webkit-transform 0.3s;
+  background: rgba(var(--text-color), 1);
+}
+
+.line-map__line {
+  height: 0.1rem;
+  width: 100%;
+  background: rgba(var(--text-color), 0.8);
+}
+
+.room-button {
+  font-weight: 500;
+  font-size: 1.4rem;
+  opacity: 0.6;
+  -webkit-transition: opacity 0.3s;
+  transition: opacity 0.3s;
+}
+.room-button--active {
+  opacity: 1;
+}
+
+.line-map__circle {
   width: 1rem;
   height: 1rem;
   margin-top: -0.5rem;
-  border-radius: 1rem;
   background: rgba(var(--foreground-color), 1);
   border: solid 0.2rem rgba(var(--text-color), 1);
   -webkit-transition: -webkit-transform 0.1s linear;
   transition: -webkit-transform 0.1s linear;
   transition: transform 0.1s linear;
   transition: transform 0.1s linear, -webkit-transform 0.1s linear;
-  z-index: 1;
 }
 
 .line-map__bar {
diff --git a/css/main.min.css b/css/main.min.css
index c6e60a3..43e1548 100644
--- a/css/main.min.css
+++ b/css/main.min.css
@@ -1 +1 @@
-*{padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:"Roboto",sans-serif}body{--accent-color: #1042e9;--light-shade: rgba(var(--text-color), 0.06);--text-color: 17, 17, 17;--text-color-light: 100, 100, 100;--foreground-color: 255, 255, 255;--background-color: #efefef;--error-color: red;color:rgba(var(--text-color), 1);height:calc(100%);font-size:clamp(1rem, 1.2vmax, 3rem);background:rgba(var(--text-color), 0.06);display:grid;grid-template-columns:1rem 1fr 1rem}body>*{grid-column:2/3}body[data-theme=dark]{--accent-color:#2fb3ff;--text-color: 240, 240, 240;--text-color-light: 170, 170, 170;--foreground-color: 20, 20, 20;--error-color: rgb(255, 106, 106);background:rgba(var(--foreground-color), 1)}body[data-theme=dark] .outlet-preview{background:rgba(var(--text-color), 0.02);-webkit-box-shadow:rgba(0,0,0,.3) 0px 2px 5px -1px,rgba(0,0,0,.4) 0px 1px 3px -1px;box-shadow:rgba(0,0,0,.3) 0px 2px 5px -1px,rgba(0,0,0,.4) 0px 1px 3px -1px}body[data-theme=dark] .outlet-preview sm-carousel{border-top:dashed .5rem rgba(var(--foreground-color), 0.7)}.full-bleed{grid-column:1/4}.h1{font-size:2.5rem}.h2{font-size:2rem}.h3{font-size:1.4rem}.h4{font-size:1rem}.h5{font-size:.8rem}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}p{max-width:60ch;line-height:1.5}img{-o-object-fit:cover;object-fit:cover}button{position:relative;overflow:hidden;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:none;background:none;cursor:pointer;outline:none;color:inherit;font-weight:500;-webkit-tap-highlight-color:transparent}.button{border-radius:.2rem;padding:.5rem .6rem}.button--primary{background:var(--accent-color);color:rgba(var(--foreground-color), 1)}.button--primary .icon{fill:rgba(var(--foreground-color), 1)}button:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input,sm-textarea{--border-radius: 0.2rem;--background: rgba(var(--text-color), 0.06)}sm-button{--border-radius: 0.2rem}sm-tab-header{-ms-flex-item-align:start;align-self:flex-start}ul{list-style:none}.flex{display:-webkit-box;display:-ms-flexbox;display:flex}.grid{display:grid}.grid-3{grid-template-columns:repeat(auto-fill, minmax(6rem, 1fr))}.flow-column{grid-auto-flow:column}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.pos-relative{position:relative}.align-start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.align-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.text-center{text-align:center}.justify-start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}.justify-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.justify-right{margin-left:auto}.align-self-center{-ms-flex-item-align:center;align-self:center}.justify-self-center{justify-self:center}.direction-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.space-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.w-100{width:100%}.margin-top-1-5{margin-top:1.5rem}.margin-bottom-0-5r{margin-bottom:.5rem}.margin-bottom-1r{margin-bottom:1rem}.margin-bottom-1-5r{margin-bottom:1.5rem}.margin-bottom-2r{margin-bottom:2rem}.margin-bottom-3r{margin-bottom:3rem}.margin-bottom-4r{margin-bottom:4rem}.margin-left-0-5{margin-left:.5rem}.margin-right-0-5{margin-right:.5rem}.hide{opacity:0;pointer-events:none}.hide-completely{display:none !important}.no-transformations{-webkit-transform:none !important;transform:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ripple{position:absolute;border-radius:50%;-webkit-transform:scale(0);transform:scale(0);background:rgba(var(--text-color), 0.16);pointer-events:none}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.observe-empty-state:empty{display:none}.observe-empty-state:not(:empty)~.empty-state{display:none}.icon{width:1.5rem;height:1.5rem;fill:rgba(var(--text-color), 0.9)}.icon-only{height:2.6rem;width:2.6rem;padding:.6rem}.close-icon{padding:.3rem}.close-button{left:-0.5rem}.button__label{font-size:1rem}.button__icon{height:1.1rem;width:1.1rem}.button__icon--left{margin-right:.5rem}.button__icon--right{margin-left:.5rem}.color-0-9{color:rgba(var(--text-color), 0.9)}.color-0-8{color:rgba(var(--text-color), 0.8)}.color-0-7{color:rgba(var(--text-color), 0.7)}.weight-400{font-weight:400}.weight-500{font-weight:500}.weight-700{font-weight:700}.weight-900{font-weight:900}.popup__header{padding:.5rem 1.5rem 0 1rem;display:grid;grid-template-columns:auto 1fr;gap:.5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}.popup__header__close{padding:.5rem;cursor:pointer}#elevator_button_panel{gap:1rem;grid-template-columns:repeat(3, 1fr)}.floor__button{padding:1rem;height:4rem;width:4rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:.5rem;font-size:1.5rem;font-weight:900;background:rgba(var(--text-color), 0.06)}.floor__button--active{background:rgba(var(--text-color), 0.2);-webkit-box-shadow:0 0 0 .4rem rgba(var(--text-color), 1) inset;box-shadow:0 0 0 .4rem rgba(var(--text-color), 1) inset}#main_header{position:relative;padding:1rem;grid-template-columns:repeat(3, 1fr)}#elevator_button{justify-self:flex-start}#main_logo{justify-self:center}#main_header__logo{height:1.8rem;width:1.8rem}#theme_switcher{justify-self:flex-end}.page{position:relative;padding:0 1rem}.tag{background:var(--accent-color);padding:.4rem .6rem}.common-padding{padding:0 1rem}#home_page{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;max-height:calc(100vh - 5rem);padding:0;grid-template-columns:3rem 1fr}#floor_line_map{position:relative;position:-webkit-sticky;position:sticky;top:1rem;height:40vh;z-index:5;grid-template-columns:2rem 1fr}.line-map{height:100%}.line-map__circle{position:absolute;width:1rem;height:1rem;margin-top:-0.5rem;border-radius:1rem;background:rgba(var(--foreground-color), 1);border:solid .2rem rgba(var(--text-color), 1);-webkit-transition:-webkit-transform .1s linear;transition:-webkit-transform .1s linear;transition:transform .1s linear;transition:transform .1s linear, -webkit-transform .1s linear;z-index:1}.line-map__bar{width:.1rem;height:100%;background:rgba(var(--text-color), 0.4)}.floor-label{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;left:.7rem;margin-top:-0.9rem;padding-bottom:1rem;-webkit-transition:opacity .3s;transition:opacity .3s;opacity:.5;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.floor-label--active{opacity:1}.floor-label--active .floor-title{-webkit-box-shadow:0 0 .5rem rgba(0,0,0,.2);box-shadow:0 0 .5rem rgba(0,0,0,.2)}.floor-circle{height:.6rem;width:.6rem;background:rgba(var(--text-color), 1);border-radius:1rem}.floor-title{font-size:.9rem;white-space:nowrap;padding:.4rem .6rem;margin-left:.5rem;border-radius:.2rem;background:rgba(var(--foreground-color), 1);-webkit-transition:-webkit-box-shadow .3s;transition:-webkit-box-shadow .3s;transition:box-shadow .3s;transition:box-shadow .3s, -webkit-box-shadow .3s}#floor_container{width:calc(100% - 1rem)}.floor{padding-bottom:3rem;width:100%}#floor_1__outlets{margin:1rem 0;gap:1rem;grid-template-columns:repeat(auto-fill, minmax(20rem, 1fr))}.outlet-preview{padding-top:2rem;background:rgba(var(--foreground-color), 1);border-radius:.3rem;-webkit-transition:-webkit-box-shadow .3s;transition:-webkit-box-shadow .3s;transition:box-shadow .3s;transition:box-shadow .3s, -webkit-box-shadow .3s;-webkit-box-shadow:rgba(0,0,0,.2) 0px 2px 5px -1px,rgba(0,0,0,.3) 0px 1px 3px -1px;box-shadow:rgba(0,0,0,.2) 0px 2px 5px -1px,rgba(0,0,0,.3) 0px 1px 3px -1px}.outlet-preview sm-carousel{border-top:dashed .5rem rgba(var(--foreground-color), 1)}.outlet__title{font-weight:900;text-transform:capitalize}.outlet__description{color:rgba(var(--text-color), 0.8)}.label{position:relative;font-size:.8rem;color:var(--accent-color);margin-bottom:.3rem}sm-carousel{position:relative;height:100%;background:rgba(var(--text-color), 0.06);padding-bottom:4rem;padding-top:1.5rem;--arrow-left: 1.5rem;--arrow-right: 1.5rem;--arrow-fill: rgba(var(--text-color), 1);--arrow-background: transparent;--arrow-box-shadow: none;--arrow-bottom: -3.5rem;--indicator-bottom: -2.5rem}.bit-bond-series__row,.bob-fund__row,.investor-card{min-width:100%}.investor-card{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr}.investor-card--small{grid-template-areas:"img ." "para para"}.investor-card--small .investor__image{width:4rem;height:4rem;border-radius:50%}.investor-card--big{grid-template-areas:"img ." "img para"}.investor__image{grid-area:img;width:8rem;border-radius:.5rem}.investor__bio{font-size:.9rem;margin-top:.5rem}.investor__contribution-container{grid-area:para}.outlet-hero-section{margin-top:6rem}.outlet-label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--accent-color);margin-bottom:.3rem}.outlet-label::after{content:"";height:.1rem;width:2rem;background:var(--accent-color);margin-left:.3rem}sm-tab-header{padding:.3rem;border-radius:.3rem;background:rgba(var(--text-color), 0.06)}table{border-collapse:collapse;width:-webkit-max-content;width:-moz-max-content;width:max-content}.tr{margin:.5rem}.tr:nth-of-type(even){background:rgba(var(--text-color), 0.1)}.td{padding:.6rem .8rem;white-space:nowrap}#ico_page__carousel{width:min(32rem, 100%)}.phase{grid-template-columns:4rem 1fr}.phase:not(:last-of-type) .phase__description{padding-bottom:1.5rem}.phase:last-of-type .progress-bar__line{height:0}.progress-bar__circle,.progress-bar__line{position:absolute;margin-top:1rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.progress-bar__circle{padding:.4rem;background:rgba(var(--foreground-color), 1);border:solid rgba(var(--text-color), 1) .1rem;border-radius:50%;z-index:1}.progress-bar__line{height:100%;width:.1rem;background:rgba(var(--text-color), 0.9)}.phase__date{margin-top:.3rem}.phase__description{margin-top:1rem}@media only screen and (max-width: 640px){.hide-on-mobile{display:none}.floor-label{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s}.floor-label .floor-title{opacity:0;-webkit-transform:translateX(-1rem);transform:translateX(-1rem);-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s;transition:opacity .3s,transform .3s,-webkit-transform .3s}.floor-label--active{opacity:1}.floor-label--active .floor-title{opacity:1;-webkit-box-shadow:0 0 .5rem rgba(0,0,0,.2);box-shadow:0 0 .5rem rgba(0,0,0,.2);-webkit-transform:none;transform:none}}@media only screen and (min-width: 640px){body{grid-template-columns:1fr 90vw 1fr}.h1{font-size:4rem}.h2{font-size:2.5rem}.h3{font-size:1.5rem}.h4{font-size:1.1rem}#main_header{padding:1.5rem 2rem}.common-padding{padding:0 2rem}#home_page{grid-template-columns:8rem 1fr}.outlet-preview{padding-top:3rem}#elevator_sections{gap:3rem;grid-template-columns:auto 1fr}}@media only screen and (min-width: 1280px){body{grid-template-columns:1fr 80vw 1fr}#elevator_popup{--width: min(100%, 54rem) }}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}body[data-theme=dark] .outlet-preview:hover{z-index:1;-webkit-box-shadow:rgba(0,0,0,.3) 0px 48px 100px 0px;box-shadow:rgba(0,0,0,.3) 0px 48px 100px 0px}.outlet-preview:hover{z-index:1;-webkit-box-shadow:rgba(0,0,0,.15) 0px 48px 100px 0px;box-shadow:rgba(0,0,0,.15) 0px 48px 100px 0px}.page-link{cursor:pointer;-webkit-transition:color .3s;transition:color .3s}.page-link:hover{color:var(--accent-color)}.page-link:hover .icon{fill:var(--accent-color)}.floor__button:hover{background:rgba(var(--text-color), 0.2)}}
\ No newline at end of file
+*{padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:"Roboto",sans-serif}body{--accent-color: #1042e9;--light-shade: rgba(var(--text-color), 0.06);--text-color: 17, 17, 17;--text-color-light: 100, 100, 100;--foreground-color: 255, 255, 255;--background-color: #efefef;--error-color: red;color:rgba(var(--text-color), 1);height:calc(100%);font-size:clamp(1rem, 1.2vmax, 3rem);background:rgba(var(--text-color), 0.06);display:grid;grid-template-columns:1rem 1fr 1rem}body>*{grid-column:2/3}body[data-theme=dark]{--accent-color:#2fb3ff;--text-color: 240, 240, 240;--text-color-light: 170, 170, 170;--foreground-color: 20, 20, 20;--error-color: rgb(255, 106, 106);background:rgba(var(--foreground-color), 1)}body[data-theme=dark] .outlet-preview{background:rgba(var(--text-color), 0.02);-webkit-box-shadow:rgba(0,0,0,.3) 0px 2px 5px -1px,rgba(0,0,0,.4) 0px 1px 3px -1px;box-shadow:rgba(0,0,0,.3) 0px 2px 5px -1px,rgba(0,0,0,.4) 0px 1px 3px -1px}body[data-theme=dark] .outlet-preview sm-carousel{border-top:dashed .5rem rgba(var(--foreground-color), 0.7)}.full-bleed{grid-column:1/4}.h1{font-size:2.5rem}.h2{font-size:2rem}.h3{font-size:1.4rem}.h4{font-size:1rem}.h5{font-size:.8rem}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}p{max-width:60ch;line-height:1.5}img{-o-object-fit:cover;object-fit:cover}button{position:relative;overflow:hidden;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:none;background:none;cursor:pointer;outline:none;color:inherit;font-weight:500;-webkit-tap-highlight-color:transparent}.button{border-radius:.2rem;padding:.5rem .6rem}.button--primary{background:var(--accent-color);color:rgba(var(--foreground-color), 1)}.button--primary .icon{fill:rgba(var(--foreground-color), 1)}button:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input,sm-textarea{--border-radius: 0.2rem;--background: rgba(var(--text-color), 0.06)}sm-button{--border-radius: 0.2rem}sm-tab-header{-ms-flex-item-align:start;align-self:flex-start}ul{list-style:none}.flex{display:-webkit-box;display:-ms-flexbox;display:flex}.grid{display:grid}.grid-3{grid-template-columns:repeat(auto-fill, minmax(6rem, 1fr))}.flow-column{grid-auto-flow:column}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.pos-relative{position:relative}.align-start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.align-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.text-center{text-align:center}.justify-start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}.justify-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.justify-right{margin-left:auto}.align-self-center{-ms-flex-item-align:center;align-self:center}.justify-self-center{justify-self:center}.direction-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.space-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.w-100{width:100%}.margin-top-1-5{margin-top:1.5rem}.margin-bottom-0-5r{margin-bottom:.5rem}.margin-bottom-1r{margin-bottom:1rem}.margin-bottom-1-5r{margin-bottom:1.5rem}.margin-bottom-2r{margin-bottom:2rem}.margin-bottom-3r{margin-bottom:3rem}.margin-bottom-4r{margin-bottom:4rem}.margin-left-0-5{margin-left:.5rem}.margin-right-0-5{margin-right:.5rem}.hide{opacity:0;pointer-events:none}.hide-completely{display:none !important}.no-transformations{-webkit-transform:none !important;transform:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ripple{position:absolute;border-radius:50%;-webkit-transform:scale(0);transform:scale(0);background:rgba(var(--text-color), 0.16);pointer-events:none}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.observe-empty-state:empty{display:none}.observe-empty-state:not(:empty)~.empty-state{display:none}.icon{width:1.5rem;height:1.5rem;fill:rgba(var(--text-color), 0.9)}.icon-only{height:2.6rem;width:2.6rem;padding:.6rem}.close-icon{padding:.3rem}.close-button{left:-0.5rem}.button__label{font-size:1rem}.button__icon{height:1.1rem;width:1.1rem}.button__icon--left{margin-right:.5rem}.button__icon--right{margin-left:.5rem}.color-0-9{color:rgba(var(--text-color), 0.9)}.color-0-8{color:rgba(var(--text-color), 0.8)}.color-0-7{color:rgba(var(--text-color), 0.7)}.weight-400{font-weight:400}.weight-500{font-weight:500}.weight-700{font-weight:700}.weight-900{font-weight:900}.popup__header{padding:.5rem 1.5rem 0 1rem;display:grid;grid-template-columns:auto 1fr;gap:.5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}.popup__header__close{padding:.5rem;cursor:pointer}#elevator_button_panel{gap:1rem;grid-template-columns:repeat(3, 1fr)}.floor__button{padding:1rem;height:4rem;width:4rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:.5rem;font-size:1.5rem;font-weight:900;background:rgba(var(--text-color), 0.06)}.floor__button--active{background:rgba(var(--text-color), 0.2);-webkit-box-shadow:0 0 0 .4rem rgba(var(--text-color), 1) inset;box-shadow:0 0 0 .4rem rgba(var(--text-color), 1) inset}#main_header{position:relative;padding:1rem;grid-template-columns:repeat(3, 1fr)}#elevator_button{justify-self:flex-start}#main_logo{justify-self:center}#main_header__logo{height:1.8rem;width:1.8rem}#theme_switcher{justify-self:flex-end}.page{position:relative;padding:0 1rem}.tag{background:var(--accent-color);padding:.4rem .6rem}.common-padding{padding:0 1rem}#home_page{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;max-height:calc(100vh - 5rem);padding:0;grid-template-columns:2rem 1fr}#floor_line_map{position:relative;position:-webkit-sticky;position:sticky;top:1rem;height:40vh;z-index:5;grid-template-columns:2rem 1fr}.line-map{height:100%}.line-map__track{height:1rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.line-map__circle,.line-map__disc{position:absolute;border-radius:1rem;z-index:1}.line-map__disc{height:.5rem;width:.5rem;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s;background:rgba(var(--text-color), 1)}.line-map__line{height:.1rem;width:100%;background:rgba(var(--text-color), 0.8)}.room-button{font-weight:500;font-size:1.4rem;opacity:.6;-webkit-transition:opacity .3s;transition:opacity .3s}.room-button--active{opacity:1}.line-map__circle{width:1rem;height:1rem;margin-top:-0.5rem;background:rgba(var(--foreground-color), 1);border:solid .2rem rgba(var(--text-color), 1);-webkit-transition:-webkit-transform .1s linear;transition:-webkit-transform .1s linear;transition:transform .1s linear;transition:transform .1s linear, -webkit-transform .1s linear}.line-map__bar{width:.1rem;height:100%;background:rgba(var(--text-color), 0.4)}.floor-label{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;left:.7rem;margin-top:-0.9rem;padding-bottom:1rem;-webkit-transition:opacity .3s;transition:opacity .3s;opacity:.5;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.floor-label--active{opacity:1}.floor-label--active .floor-title{-webkit-box-shadow:0 0 .5rem rgba(0,0,0,.2);box-shadow:0 0 .5rem rgba(0,0,0,.2)}.floor-circle{height:.6rem;width:.6rem;background:rgba(var(--text-color), 1);border-radius:1rem}.floor-title{font-size:.9rem;white-space:nowrap;padding:.4rem .6rem;margin-left:.5rem;border-radius:.2rem;background:rgba(var(--foreground-color), 1);-webkit-transition:-webkit-box-shadow .3s;transition:-webkit-box-shadow .3s;transition:box-shadow .3s;transition:box-shadow .3s, -webkit-box-shadow .3s}#floor_container{width:calc(100% - 1rem)}.floor{padding-bottom:3rem;width:100%}#floor_1__outlets{margin:1rem 0;gap:1rem;grid-template-columns:repeat(auto-fill, minmax(20rem, 1fr))}.outlet-preview{padding-top:2rem;background:rgba(var(--foreground-color), 1);border-radius:.3rem;-webkit-transition:-webkit-box-shadow .3s;transition:-webkit-box-shadow .3s;transition:box-shadow .3s;transition:box-shadow .3s, -webkit-box-shadow .3s;-webkit-box-shadow:rgba(0,0,0,.2) 0px 2px 5px -1px,rgba(0,0,0,.3) 0px 1px 3px -1px;box-shadow:rgba(0,0,0,.2) 0px 2px 5px -1px,rgba(0,0,0,.3) 0px 1px 3px -1px}.outlet-preview sm-carousel{border-top:dashed .5rem rgba(var(--foreground-color), 1)}.outlet__title{font-weight:900;text-transform:capitalize}.outlet__description{color:rgba(var(--text-color), 0.8)}.label{position:relative;font-size:.8rem;color:var(--accent-color);margin-bottom:.3rem}sm-carousel{position:relative;height:100%;background:rgba(var(--text-color), 0.06);padding-bottom:4rem;padding-top:1.5rem;--arrow-left: 1.5rem;--arrow-right: 1.5rem;--arrow-fill: rgba(var(--text-color), 1);--arrow-background: transparent;--arrow-box-shadow: none;--arrow-bottom: -3.5rem;--indicator-bottom: -2.5rem}.bit-bond-series__row,.bob-fund__row,.investor-card{min-width:100%}.investor-card{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr}.investor-card--small{grid-template-areas:"img ." "para para"}.investor-card--small .investor__image{width:4rem;height:4rem;border-radius:50%}.investor-card--big{grid-template-areas:"img ." "img para"}.investor__image{grid-area:img;width:8rem;border-radius:.5rem}.investor__bio{font-size:.9rem;margin-top:.5rem}.investor__contribution-container{grid-area:para}.outlet-hero-section{margin-top:6rem}.outlet-label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--accent-color);margin-bottom:.3rem}.outlet-label::after{content:"";height:.1rem;width:2rem;background:var(--accent-color);margin-left:.3rem}sm-tab-header{padding:.3rem;border-radius:.3rem;background:rgba(var(--text-color), 0.06)}table{border-collapse:collapse;width:-webkit-max-content;width:-moz-max-content;width:max-content}.tr{margin:.5rem}.tr:nth-of-type(even){background:rgba(var(--text-color), 0.1)}.td{padding:.6rem .8rem;white-space:nowrap}#ico_page__carousel{width:min(32rem, 100%)}.phase{grid-template-columns:4rem 1fr}.phase:not(:last-of-type) .phase__description{padding-bottom:1.5rem}.phase:last-of-type .progress-bar__line{height:0}.progress-bar__circle,.progress-bar__line{position:absolute;margin-top:1rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.progress-bar__circle{padding:.4rem;background:rgba(var(--foreground-color), 1);border:solid rgba(var(--text-color), 1) .1rem;border-radius:50%;z-index:1}.progress-bar__line{height:100%;width:.1rem;background:rgba(var(--text-color), 0.9)}.phase__date{margin-top:.3rem}.phase__description{margin-top:1rem}@media only screen and (max-width: 640px){.hide-on-mobile{display:none}.floor-label{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s}.floor-label .floor-title{opacity:0;-webkit-transform:translateX(-1rem);transform:translateX(-1rem);-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s;transition:opacity .3s,transform .3s,-webkit-transform .3s}.floor-label--active{opacity:1}.floor-label--active .floor-title{opacity:1;-webkit-box-shadow:0 0 .5rem rgba(0,0,0,.2);box-shadow:0 0 .5rem rgba(0,0,0,.2);-webkit-transform:none;transform:none}}@media only screen and (min-width: 640px){body{grid-template-columns:1fr 90vw 1fr}.h1{font-size:4rem}.h2{font-size:2.5rem}.h3{font-size:1.5rem}.h4{font-size:1.1rem}#main_header{padding:1.5rem 2rem}.common-padding{padding:0 2rem}#home_page{grid-template-columns:8rem 1fr}.outlet-preview{padding-top:3rem}#elevator_sections{gap:3rem;grid-template-columns:auto 1fr}}@media only screen and (min-width: 1280px){body{grid-template-columns:1fr 80vw 1fr}#elevator_popup{--width: min(100%, 54rem) }}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}body[data-theme=dark] .outlet-preview:hover{z-index:1;-webkit-box-shadow:rgba(0,0,0,.3) 0px 48px 100px 0px;box-shadow:rgba(0,0,0,.3) 0px 48px 100px 0px}.outlet-preview:hover{z-index:1;-webkit-box-shadow:rgba(0,0,0,.15) 0px 48px 100px 0px;box-shadow:rgba(0,0,0,.15) 0px 48px 100px 0px}.page-link{cursor:pointer;-webkit-transition:color .3s;transition:color .3s}.page-link:hover{color:var(--accent-color)}.page-link:hover .icon{fill:var(--accent-color)}.floor__button:hover{background:rgba(var(--text-color), 0.2)}}
\ No newline at end of file
diff --git a/css/main.scss b/css/main.scss
index 14ed4eb..c85bcd8 100644
--- a/css/main.scss
+++ b/css/main.scss
@@ -375,7 +375,7 @@ ul{
     overflow-y: auto;
     max-height: calc(100vh - 5rem);
     padding: 0;
-    grid-template-columns: 3rem 1fr;
+    grid-template-columns: 2rem 1fr;
 }
 
 #floor_line_map{
@@ -389,16 +389,43 @@ ul{
 .line-map{
     height: 100%;
 }
-.line-map__circle{
+.line-map__track{
+    height: 1rem;
+    align-items: center;
+}
+.line-map__circle,
+.line-map__disc{
     position: absolute;
+    border-radius: 1rem;
+    z-index: 1;
+}
+.line-map__disc{
+    height: 0.5rem;
+    width: 0.5rem;
+    transition: transform 0.3s;
+    background: rgba(var(--text-color), 1);
+}
+.line-map__line{
+    height: 0.1rem;
+    width: 100%;
+    background: rgba(var(--text-color), 0.8);
+}
+.room-button{
+    font-weight: 500;
+    font-size: 1.4rem;
+    opacity: 0.6;
+    transition: opacity 0.3s;
+    &--active{
+        opacity: 1;
+    }
+}
+.line-map__circle{
     width: 1rem;
     height: 1rem;
     margin-top: -0.5rem;
-    border-radius: 1rem;
     background: rgba(var(--foreground-color), 1);
     border: solid 0.2rem rgba(var(--text-color), 1);
     transition: transform 0.1s linear;
-    z-index: 1;
 }
 .line-map__bar{
     width: 0.1rem;
diff --git a/index.html b/index.html
index 8393351..b1bfdb9 100644
--- a/index.html
+++ b/index.html
@@ -192,7 +192,7 @@
                                 <svg class="icon button__icon--right" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M16 12l-6 6V6z"/></svg>
                             </button>
                         </div>
-                        <sm-carousel id="bit_bond_series__container" indicator autoplay></sm-carousel>
+                        <sm-carousel id="bit_bond_series__container" indicator></sm-carousel>
                     </div>
                     <div id="bob_fund_outlet" class="flex direction-column card outlet-preview carousel-container">
                         <div class="flex direction-column margin-bottom-1-5r common-padding">
@@ -246,49 +246,54 @@
             <h2 class="h2 weight-900 margin-bottom-1r">BitCoin Bonds</h2>
             <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Harum cumque aut illum soluta. Inventore nihil quisquam harum quo mollitia sunt!</p>
         </section>
-        <sm-tab-header target="bit_bonds__rooms" variant="tab" class="margin-bottom-1-5r">
-            <sm-tab>Returns</sm-tab>
-            <sm-tab>More</sm-tab>
-        </sm-tab-header>
-        <sm-tab-panels id="bit_bonds__rooms" class="grid">
-            <sm-panel class="grid w-100" style="overflow-x: auto;">
-                <table>
-                    <thead>
-                        <tr class="tr">
-                            <td class="td weight-700 uppercase">Series</td>
-                            <td class="td weight-700 uppercase">Series date</td>
-                            <td class="td weight-700 uppercase">Time Elapsed</td>
-                            <td class="td weight-700 uppercase">Current value</td>
-                            <td class="td weight-700 uppercase">Rate of return</td>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        <tr class="tr">
-                            <td class="td weight-500">$975</td>
-                         </tr>
-                         <tr class="tr">
-                             <td class="td weight-500">$1057</td>
-                         </tr>   
-                         <tr class="tr">
-                             <td class="td weight-500">$1064</td>
-                         </tr>
-                         <tr class="tr">
-                             <td class="td weight-500">$1205</td>
-                         </tr>
-                         <tr class="tr">
-                             <td class="td weight-500">$1285</td>
-                         </tr>
-                         <tr class="tr">
-                             <td class="td weight-500">$2513</td>
-                         </tr>
-                        </tr>
-                    </tbody>
-                </table>
-            </sm-panel>
-            <sm-panel>
-
-            </sm-panel>
-        </sm-tab-panels>
+        <h4 class="label">Rooms</h4>
+        <div class="tab-header flex direction-column" data-target-group="bit_bond_page_group">
+            <ul class="grid gap-1 flow-column">
+                <li>
+                    <button class="room-button room-button--active" data-button-group="bit_bond_page_group" data-target="bit_bond_returns_table">Returns</button>
+                </li>
+                <li>
+                    <button class="room-button" data-button-group="bit_bond_page_group" data-target="bit_bond_info">More</button>
+                </li>
+            </ul>
+            <div class="line-map__track flex w-100">
+                <div class="line-map__disc"></div>
+                <div class="line-map__line"></div>
+            </div>
+        </div>
+        <table id="bit_bond_returns_table" data-panel-group="bit_bond_page_group">
+            <thead>
+                <tr class="tr">
+                    <td class="td weight-700 uppercase">Series</td>
+                    <td class="td weight-700 uppercase">Series date</td>
+                    <td class="td weight-700 uppercase">Time Elapsed</td>
+                    <td class="td weight-700 uppercase">Current value</td>
+                    <td class="td weight-700 uppercase">Rate of return</td>
+                </tr>
+            </thead>
+            <tbody>
+                <tr class="tr">
+                    <td class="td weight-500">$975</td>
+                 </tr>
+                 <tr class="tr">
+                     <td class="td weight-500">$1057</td>
+                 </tr>   
+                 <tr class="tr">
+                     <td class="td weight-500">$1064</td>
+                 </tr>
+                 <tr class="tr">
+                     <td class="td weight-500">$1205</td>
+                 </tr>
+                 <tr class="tr">
+                     <td class="td weight-500">$1285</td>
+                 </tr>
+                 <tr class="tr">
+                     <td class="td weight-500">$2513</td>
+                 </tr>
+                </tr>
+            </tbody>
+        </table>
+        <p id="bit_bond_info" class="hide-completely" data-panel-group="bit_bond_page_group"></p>
     </article>
 
     <article id="bob'sfund" class="page flex direction-column hide-completely">
@@ -297,19 +302,23 @@
             <h2 class="h2 weight-900 margin-bottom-1r">Bob's Fund</h2>
             <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Harum cumque aut illum soluta. Inventore nihil quisquam harum quo mollitia sunt!</p>
         </section>
-        <sm-tab-header target="bob_fund_rooms" variant="tab">
-            <sm-tab>
-                Investors
-            </sm-tab>
-            <sm-tab>
-                more
-            </sm-tab>
-        </sm-tab-header>
-        <sm-tab-panels id="bob_fund_rooms">
-            <sm-panel></sm-panel>
-            <sm-panel></sm-panel>
-            <sm-panel></sm-panel>
-        </sm-tab-panels>
+        <h4 class="label">Rooms</h4>
+        <div class="tab-header flex direction-column" data-target-group="bob_fund_page_group">
+            <ul class="grid gap-1 flow-column">
+                <li>
+                    <button class="room-button room-button--active" data-button-group="bob_fund_page_group" data-target="bob_fund_page__carousel">Investors</button>
+                </li>
+                <li>
+                    <button class="room-button" data-button-group="bob_fund_page_group" data-target="bob_fund_info">More</button>
+                </li>
+            </ul>
+            <div class="line-map__track flex w-100">
+                <div class="line-map__disc"></div>
+                <div class="line-map__line"></div>
+            </div>
+        </div>
+        <sm-carousel id="bob_fund_page__carousel" data-panel-group="bob_fund_page_group" indicator autoplay></sm-carousel>
+        <p id="bob_fund_info" class="hide-completely" data-panel-group="bob_fund_page_group"></p>
     </article>
 
     <article id="ico" class="page flex direction-column hide-completely">
@@ -318,26 +327,23 @@
             <h2 class="h2 weight-900 margin-bottom-1r">ICO</h2>
             <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Harum cumque aut illum soluta. Inventore nihil quisquam harum quo mollitia sunt!</p>
         </section>
-        <sm-tab-header target="ico_rooms" variant="tab" class="margin-bottom-1-5r">
-            <sm-tab>
-                Investors
-            </sm-tab>
-            <sm-tab>
-                Phases
-            </sm-tab>
-            <sm-tab>
-                more
-            </sm-tab>
-        </sm-tab-header>
-        <sm-tab-panels id="ico_rooms" class="flex w-100">
-            <sm-panel class="flex carousel-container">
-                <sm-carousel id="ico_page__carousel" indicator autoplay></sm-carousel>
-            </sm-panel>
-            <sm-panel>
-                <ul id="ico_phase_list"></ul>
-            </sm-panel>
-            <sm-panel></sm-panel>
-        </sm-tab-panels>
+        <h4 class="label">Rooms</h4>
+        <div class="tab-header flex direction-column" data-target-group="ico_page_group">
+            <ul class="grid gap-1 flow-column">
+                <li>
+                    <button class="room-button room-button--active" data-button-group="ico_page_group" data-target="ico_page__carousel">Investors</button>
+                </li>
+                <li>
+                    <button class="room-button" data-button-group="ico_page_group" data-target="ico_phase_list">Phases</button>
+                </li>
+            </ul>
+            <div class="line-map__track flex w-100">
+                <div class="line-map__disc"></div>
+                <div class="line-map__line"></div>
+            </div>
+        </div>
+        <sm-carousel id="ico_page__carousel" data-panel-group="ico_page_group" indicator autoplay></sm-carousel>
+        <ul id="ico_phase_list" class="hide-completely" data-panel-group="ico_page_group"></ul>
     </article>
 
     <!--  -->
@@ -1131,7 +1137,7 @@
             entries.forEach(entry => {
                 if(window.innerWidth < 640){
                     if(entry.isIntersecting){
-                        entry.target.querySelector('sm-carousel').setAttribute('autoplay', '')
+                        entry.target.querySelector('sm-carousel').startAutoPlay()
                     }
                     else{
                         entry.target.querySelector('sm-carousel').stopAutoPlay()
@@ -1160,22 +1166,48 @@
                 const target = label.dataset.target
                 getRef(target).scrollIntoView({behavior: 'smooth'})
             }
+            else if(e.target.closest('.room-button')){
+                const button = e.target.closest('.room-button')
+                const buttonDimensions = button.getBoundingClientRect()
+                const target = button.dataset.target
+                const tabHeader = button.closest('.tab-header')
+                const targetGroup = tabHeader.dataset.targetGroup
+                const indicator = tabHeader.querySelector('.line-map__disc')
+                const options = {
+                    duration: 300,
+                    easing: 'ease',
+                    fill: 'forwards'
+                }
+                
+                const activePanel = document.querySelector(`:not(.hide-completely)[data-panel-group="${targetGroup}"]`)
+                activePanel.animate(fadeOut, options).onfinish = () => {
+                    activePanel.classList.add('hide-completely')
+                    getRef(target).classList.remove('hide-completely')
+                    getRef(target).animate(fadeIn, options)
+                }
+                
+                document.querySelector(`.room-button--active[data-button-group="${targetGroup}"]`).classList.remove('room-button--active')
+                button.classList.add('room-button--active')
+                
+                indicator.setAttribute('style', `transform: translateX(${buttonDimensions.left + (buttonDimensions.width / 2) - tabHeader.getBoundingClientRect().left + tabHeader.scrollLeft}px)`)
+            }
         })
 
         let activeOutletIndex = 0
         const allOutletCarousels = document.querySelectorAll('.outlet-preview sm-carousel')
         function changeOutletFocus(){
-            allOutletCarousels[activeOutletIndex].stopAutoPlay()
+            allOutletCarousels[activeOutletIndex].nextSlide()
             activeOutletIndex = activeOutletIndex + 1 < allOutletCarousels.length ? activeOutletIndex + 1 : 0 
-            allOutletCarousels[activeOutletIndex].setAttribute('autoplay', '')
 
             if(window.innerWidth > 640){
                 setTimeout(() => {
                     changeOutletFocus()
-                }, 4000);
+                }, 5000);
             }
         }
-        changeOutletFocus()
+        setTimeout(() => {
+            changeOutletFocus()
+        }, 5000);
 
         let currentPage = ''