.phone-app-showcase__inner{display:block;position:relative}.phone-app__display{position:relative;display:block;line-height:0;container-type:inline-size}.phone-app__display__main-image{width:100%}.phone-app__display>.responsive-image-wrapper,.phone-app__display>img,.phone-app__display>svg{width:100%;height:auto;display:block}.phone-app__viewport{position:absolute;overflow-y:auto;overflow-x:hidden;border-radius:8px;scrollbar-width:none;-ms-overflow-style:none}.phone-app__viewport::-webkit-scrollbar{display:none}.phone-app__screen{display:none;width:100%}.phone-app__screen.active{display:block;animation:phoneScreenFadeIn .35s ease-in-out}.phone-app__screen img,.phone-app__screen svg{width:100%;height:auto;display:block}@keyframes phoneScreenFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.phone-app__tabs{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:0;padding:10px 20px;border-radius:24px;width:fit-content;margin-left:auto;margin-right:auto;position:relative;z-index:1;position:absolute;bottom:13%;left:38.7%;background:#1a1a2ed6}.phone-app__tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 20px;border:none;background:transparent;cursor:pointer;border-radius:40px;color:#ffffff8c;transition:background-color .25s ease,color .25s ease;min-width:90px}.phone-app__tab:hover{color:#ffffffd9}.phone-app__tab.active{color:#56b5e9}.phone-app__tab-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}.phone-app__tab-icon img{width:100%;height:100%;object-fit:contain;display:block;filter:brightness(0) invert(1) opacity(.5);transition:filter .25s ease}.phone-app__tab.active .phone-app__tab-icon img{filter:brightness(0) saturate(100%) invert(67%) sepia(55%) saturate(400%) hue-rotate(170deg) brightness(100%)}.phone-app__tab-label{font-size:11px;font-weight:500;letter-spacing:.02em;line-height:1;white-space:nowrap}@media screen and (max-width:768px){.phone-app__tabs{gap:0;padding:8px 10px}.phone-app__tab{padding:6px 12px;min-width:50px}.phone-app__tab-label{font-size:10px}.phone-app__tab-icon{width:20px;height:20px}.phone-app__viewport{border-radius:5px}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/phone-app-showcase.css.map */