.pmc-section{--margin-section-block: 0 auto;--padding-section-block: 40px 0;--gap-section-block: 22px;--font-size-hint-text: 20px;--font-size-hint-subtext: 18px;--svg-width-hint-icon: 36px;--svg-height-hint-icon: 28px;--gap-hint-text: 8px;--gap-hint-subtext: 8px;--padding-hint-subText: 0 16px;max-width:1280px;margin:var(--margin-section-block);width:100%;overflow:hidden;border-radius:8px;padding:var(--padding-section-block)}.pmc-section .container{margin:0 auto;gap:var(--gap-section-block);display:flex;flex-direction:column}.pmc-section .container .heading-block div{line-height:normal}.pmc-item--crossing{z-index:0!important;transition:transform 0s linear,opacity .18s ease!important;opacity:0}.pmc-carousel-container{display:flex;align-items:center;justify-content:center;position:relative;width:100%;--pmc-slide-duration-ms: 260;--pmc-track-width: 252px;--pmc-side-scale: .885;--pmc-phone-gap: calc(var(--pmc-track-width) * 15.5 / 252);--pmc-arrow-gap: calc(var(--pmc-track-width) * 52 / 252);--pmc-arrow-icon-size: calc(var(--pmc-track-width) * 32 / 252);--pmc-frame-radius: calc(var(--pmc-track-width) * 40 / 252);--pmc-screen-radius: calc(var(--pmc-track-width) * 30 / 252);--pmc-frame-border-width: calc(var(--pmc-track-width) * 14 / 252);--pmc-side-center-offset: calc((var(--pmc-track-width) * (1 + var(--pmc-side-scale)) / 2) + var(--pmc-phone-gap));--pmc-side-outer-offset: calc((var(--pmc-track-width) * (1 + (2 * var(--pmc-side-scale))) / 2) + var(--pmc-phone-gap))}.pmc-track{position:relative;width:var(--pmc-track-width);height:calc(var(--pmc-track-width) * 520 / 252);margin:0}.pmc-nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;color:#121212;z-index:4;transition:transform .2s ease,opacity .2s ease;display:flex;align-items:center;justify-content:center;opacity:.7;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;outline:none;touch-action:manipulation}.pmc-prev{right:calc(50% + var(--pmc-side-outer-offset) + var(--pmc-arrow-gap));left:auto}.pmc-next{left:calc(50% + var(--pmc-side-outer-offset) + var(--pmc-arrow-gap));right:auto}.pmc-nav-btn:hover{transform:translateY(-50%) scale(1.1);opacity:1}.pmc-nav-btn svg{width:var(--pmc-arrow-icon-size);height:var(--pmc-arrow-icon-size)}.pmc-item{position:absolute;top:0;left:0;width:100%;height:100%;transition:transform calc(var(--pmc-slide-duration-ms) * 1ms) cubic-bezier(.25,.46,.45,.94),opacity .2s cubic-bezier(.25,.46,.45,.94);opacity:0;pointer-events:none;z-index:1;transform:translate(0) scale(.6)}.pmc-item--active{transform:translate(0) scale(1);opacity:1;z-index:5;pointer-events:auto}.pmc-item--outgoing{z-index:4!important}.pmc-item--left{transform:translate(calc(-1 * var(--pmc-side-center-offset))) scale(var(--pmc-side-scale));opacity:1;z-index:1}.pmc-item--right{transform:translate(var(--pmc-side-center-offset)) scale(var(--pmc-side-scale));opacity:1;z-index:1}.pmc-scroll-all .pmc-item--left,.pmc-scroll-all .pmc-item--right{pointer-events:auto}.pmc-phone-wrapper{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.pmc-phone-frame{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;z-index:2;pointer-events:none}.pmc-phone-frame--fallback{border:var(--pmc-frame-border-width) solid #1c1c1e;border-radius:var(--pmc-frame-radius);box-sizing:border-box;background:transparent}.pmc-screen{position:absolute;top:3%;left:5%;width:90%;height:94%;border-radius:var(--pmc-screen-radius);z-index:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-y;scrollbar-width:none;background:#fff}.pmc-screen::-webkit-scrollbar{display:none}.pmc-screen-content{width:100%;height:auto;display:block}.pmc-placeholder{background:#f0f0f0;height:1200px}.pmc-hint{display:flex;align-items:center;justify-content:center;color:#666;text-align:center}.pmc-hint-content{display:flex;flex-direction:column;align-items:center;gap:var(--gap-hint-subtext)}.pmc-hint-main{display:flex;align-items:center;justify-content:center;gap:var(--gap-hint-text);font-size:var(--font-size-hint-text)}.pmc-hint-icon{display:flex;align-items:center;justify-content:center}.pmc-hint-icon svg{width:var(--svg-width-hint-icon);height:var(--svg-height-hint-icon)}.pmc-hint-subtext{color:#999;font-size:var(--font-size-hint-subtext);line-height:1.4}@media screen and (min-width:768px)and (max-width:1279px){.pmc-carousel-container{--pmc-track-width: clamp(191px, calc(191px + 61 * ((100vw - 768px) / 511)), 252px)}}@media screen and (max-width:767px){.pmc-section{--padding-section-block: 16px 0;--font-size-hint-subtext: 14px;--font-size-hint-text: 16px}.pmc-carousel-container{--pmc-slide-duration-ms: 400;--pmc-track-width: clamp(252px, calc(252px + (100vw - 375px) * 88 / 392), 340px);--pmc-side-scale: .885294;--pmc-phone-gap: calc(var(--pmc-track-width) * 23 / 340)}.pmc-track{height:clamp(520px,calc(520px + (100vw - 375px) * 180 / 392),700px)}.pmc-nav-btn{display:none}.pmc-hint-main,.pmc-hint-subtext{padding:var(--padding-hint-subText)}}@media screen and (max-width:374px){.pmc-section{--svg-width-hint-icon: 9.6vw ;--svg-height-hint-icon: calc(28 * 100vw / 375);--padding-section-block: calc(16 * 100vw / 375) 0;--gap-section-block: calc(22 * 100vw / 375);--font-size-hint-text: calc(16 * 100vw / 375);--font-size-hint-subtext: calc(14 * 100vw / 375);--gap-hint-text: calc(8 * 100vw / 375);--gap-hint-subtext: calc(8 * 100vw / 375);--padding-hint-subText: 0 calc(16 * 100vw / 375)}.pmc-carousel-container{--pmc-track-width: calc(100vw * 252 / 375)}.pmc-track{height:calc(100vw * 520 / 375)}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/phone-mockup-carousel.css.map */