.chat-services-section{z-index:99!important}.chat-services{--position-bottom: calc(4rem + var(--preview-bar-iframe-height) + var(--combined-popups-height));position:fixed;z-index:10;display:flex;flex-direction:column;gap:2rem}.chat-services--bottom-left{left:4rem;bottom:var(--position-bottom);align-items:flex-start}.chat-services--bottom-right{right:4rem;bottom:var(--position-bottom);align-items:flex-end}.chat-services--middle-left{left:4rem;bottom:calc(max(50%,var(--position-bottom)) - 2.5rem);align-items:flex-start}.chat-services--middle-right{right:4rem;bottom:calc(max(50%,var(--position-bottom)) - 2.5rem);align-items:flex-end}@media screen and (max-width: 576px){.chat-services{left:3rem;right:3rem}}@media screen and (max-width: 1024px){.chat-services{--position-bottom: calc(3rem + var(--preview-bar-iframe-height) + var(--combined-popups-height) + var(--product-footbar-height, 0rem))}}.chat-services__button{--pulse-size: 100%;position:relative;border-radius:50%;cursor:pointer}.chat-services__button:before{background-color:rgb(var(--clr-theme-accent))}.chat-services__button-content{position:relative;display:flex;align-items:center;justify-content:center;width:5rem;height:5rem;border-radius:50%;background-color:rgb(var(--clr-theme-accent));color:rgb(var(--color-background))}.chat-services input[type=checkbox]:checked~.chat-services__button .icon-chat,.chat-services input[type=checkbox]:not(:checked)~.chat-services__button .icon-close,.chat-services input[type=checkbox]:not(:checked)~.chat-services__list{display:none}.chat-services__list{display:flex;flex-direction:column;width:100%;background-color:rgb(var(--color-background));box-shadow:.4rem .8rem 1.6rem rgba(var(--shadow-color),.15);border-radius:var(--images-border-radius);overflow:hidden}.chat-services__list-inner{display:flex;flex-direction:column;width:100%;padding:1.6rem 0 1.4rem;background-color:rgba(var(--substrate-color),var(--substrate-transparency))}.chat-services__item{display:flex;align-items:center;padding:.4rem 2rem .6rem;transition:background-color .3s;color:rgb(var(--color-foreground));text-decoration:none}.chat-services__item:hover{background-color:rgba(var(--clr-theme-base),.03)}.chat-services__icon{width:30px;height:30px;margin-right:10px;object-fit:contain}
/*# sourceMappingURL=/cdn/shop/t/16/assets/component-chat-services.css.map */