.tpl-view-switch{position:relative;display:inline-flex;align-items:center;border:1px solid rgba(0,0,0,.15);border-radius:999px;padding:3px;background:transparent}.tpl-view-switch__thumb{position:absolute;top:3px;left:3px;width:calc(50% - 3px);height:calc(100% - 6px);border-radius:999px;background:var(--color-black, #1a1a1a);transition:transform .25s var(--ease-default, ease),background-color .25s var(--ease-default, ease);z-index:0}.tpl-view-switch[data-tpl-state=room] .tpl-view-switch__thumb{transform:translate(100%);background:var(--color-cobalt-azure, #0021b3)}.tpl-view-switch__option{position:relative;z-index:1;min-width:68px;padding:9px 12px;font-family:var(--font-meta, "IBM Plex Mono", monospace);font-size:10px;font-weight:600;letter-spacing:var(--tracking-wider, .08em);text-transform:uppercase;text-align:center;color:#5a524b;background:transparent;border:none;border-radius:999px;cursor:pointer;transition:color .25s var(--ease-default, ease);white-space:nowrap}.tpl-view-switch__option[aria-pressed=true]{color:#fff}.tpl-view-switch__option:focus-visible{outline:2px solid var(--color-cobalt-azure, #0021b3);outline-offset:2px}@media(prefers-reduced-motion:reduce){.tpl-view-switch__thumb{transition:none}}[data-theme=dark] .tpl-view-switch{border-color:#fff3}[data-theme=dark] .tpl-view-switch__thumb{background:#fff}[data-theme=dark] .tpl-view-switch[data-tpl-state=room] .tpl-view-switch__thumb{background:var(--color-cobalt-azure, #0021b3)}[data-theme=dark] .tpl-view-switch__option{color:#ffffff8c}[data-theme=dark] .tpl-view-switch__option[aria-pressed=true]{color:#1a1a1a}[data-theme=dark] .tpl-view-switch[data-tpl-state=room] .tpl-view-switch__option[aria-pressed=true]{color:#fff}[data-theme=dark] .tpl-view-switch__option:focus-visible{outline-color:#fff}html[data-tpl-view=room] .tpl-cpg__image-wrapper:has(.tpl-cpg__image--secondary) .tpl-cpg__image--primary{opacity:0}html[data-tpl-view=room] .tpl-cpg__image--secondary{opacity:1}@media(hover:hover){html[data-tpl-view=room] .tpl-cpg__card:hover .tpl-cpg__image--primary{opacity:1}html[data-tpl-view=room] .tpl-cpg__card:hover .tpl-cpg__image--secondary{opacity:0}}html[data-tpl-view=room] .tpl-cpg__image-wrapper.is-touched .tpl-cpg__image--primary,html[data-tpl-view=room] .tpl-cpg__image-wrapper.is-in-focus .tpl-cpg__image--primary{opacity:1}html[data-tpl-view=room] .tpl-cpg__image-wrapper.is-touched .tpl-cpg__image--secondary,html[data-tpl-view=room] .tpl-cpg__image-wrapper.is-in-focus .tpl-cpg__image--secondary{opacity:0}html[data-tpl-view=room] .tpl-home-grid__image-wrapper:has(.tpl-home-grid__image--secondary) .tpl-home-grid__image--primary{opacity:0}html[data-tpl-view=room] .tpl-home-grid__image--secondary{opacity:1}@media(hover:hover){html[data-tpl-view=room] .tpl-home-grid__card:hover .tpl-home-grid__image--primary{opacity:1}html[data-tpl-view=room] .tpl-home-grid__card:hover .tpl-home-grid__image--secondary{opacity:0}}html[data-tpl-view=room] .tpl-home-grid__image-wrapper.is-touched .tpl-home-grid__image--primary,html[data-tpl-view=room] .tpl-home-grid__image-wrapper.is-in-focus .tpl-home-grid__image--primary{opacity:1}html[data-tpl-view=room] .tpl-home-grid__image-wrapper.is-touched .tpl-home-grid__image--secondary,html[data-tpl-view=room] .tpl-home-grid__image-wrapper.is-in-focus .tpl-home-grid__image--secondary{opacity:0}html[data-tpl-view=room] .tpl-picks__image-wrapper:has(.tpl-picks__image--secondary) .tpl-picks__image--primary{opacity:0}html[data-tpl-view=room] .tpl-picks__image--secondary{opacity:1}@media(hover:hover){html[data-tpl-view=room] .tpl-picks__card:hover .tpl-picks__image--primary{opacity:1}html[data-tpl-view=room] .tpl-picks__card:hover .tpl-picks__image--secondary{opacity:0}}html[data-tpl-view=room] .tpl-picks__image-wrapper.is-touched .tpl-picks__image--primary,html[data-tpl-view=room] .tpl-picks__image-wrapper.is-in-focus .tpl-picks__image--primary{opacity:1}html[data-tpl-view=room] .tpl-picks__image-wrapper.is-touched .tpl-picks__image--secondary,html[data-tpl-view=room] .tpl-picks__image-wrapper.is-in-focus .tpl-picks__image--secondary{opacity:0}html[data-tpl-view=room] .tpl-carousel__image-wrap:has(.tpl-carousel__image--secondary) .tpl-carousel__image--primary{opacity:0}html[data-tpl-view=room] .tpl-carousel__image--secondary{opacity:1}@media(hover:hover){html[data-tpl-view=room] .tpl-carousel__card:hover .tpl-carousel__image--primary{opacity:1}html[data-tpl-view=room] .tpl-carousel__card:hover .tpl-carousel__image--secondary{opacity:0}}html[data-tpl-view=room] .tpl-carousel__image-wrap.is-touched .tpl-carousel__image--primary,html[data-tpl-view=room] .tpl-carousel__image-wrap.is-in-focus .tpl-carousel__image--primary{opacity:1}html[data-tpl-view=room] .tpl-carousel__image-wrap.is-touched .tpl-carousel__image--secondary,html[data-tpl-view=room] .tpl-carousel__image-wrap.is-in-focus .tpl-carousel__image--secondary{opacity:0}html[data-tpl-view=room] .tpl-search-card__image-wrap:has(.tpl-search-card__image--secondary) .tpl-search-card__image--primary{opacity:0}html[data-tpl-view=room] .tpl-search-card__image--secondary{opacity:1}@media(hover:hover){html[data-tpl-view=room] .tpl-search-card:hover .tpl-search-card__image--primary{opacity:1}html[data-tpl-view=room] .tpl-search-card:hover .tpl-search-card__image--secondary{opacity:0}}html[data-tpl-view=room] .tpl-search-card__image-wrap.is-touched .tpl-search-card__image--primary,html[data-tpl-view=room] .tpl-search-card__image-wrap.is-in-focus .tpl-search-card__image--primary{opacity:1}html[data-tpl-view=room] .tpl-search-card__image-wrap.is-touched .tpl-search-card__image--secondary,html[data-tpl-view=room] .tpl-search-card__image-wrap.is-in-focus .tpl-search-card__image--secondary{opacity:0}
/*# sourceMappingURL=/cdn/shop/t/1/assets/tpl-view-switch.css.map */