.iphone-section-outer{background:var(--outer-bg, #fff);padding:var(--outer-padding, 0);box-sizing:border-box}.iphone-section{border-radius:28px;box-sizing:border-box;margin-inline:auto}.iphone-section__title{display:flow-root;width:100%;min-width:0;overflow:visible}@keyframes iphone-fade-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.iphone-animate-hidden{opacity:0;transform:translateY(40px)}.iphone-animate-visible{animation:iphone-fade-up .6s ease forwards;animation-delay:calc(var(--iphone-order, 0) * .12s)}.phone-bg{border-radius:28px;background:var(--section-bg, #000);width:100%;position:relative;overflow:hidden;padding:var(--section-padding, 0)}.phone-bg .media-sizer{position:relative;width:100%;aspect-ratio:var(--iphone-default-ratio-pc, 16 / 9)}.phone-bg .menu-wrap{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;display:flex;flex-direction:column;justify-content:center;margin-left:90px}.phone-bg .menu .item{margin-bottom:12px;color:#f5f5f7}.phone-bg .menu .item .title-section{padding:10px 32px;display:grid;grid-template-columns:24px minmax(0,1fr) 24px;align-items:center;gap:12px;width:max-content;max-width:calc(100% - 180px);min-height:56px;height:auto;box-sizing:border-box;background:var(--title-bg, #1E1E20);background:var(--title-details-bg, var(--title-bg, #1E1E20));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:28px;cursor:pointer}.phone-bg .menu .item .title-section .plus-icon{grid-column:1;width:24px;height:24px;border-radius:50%;background:var(--icon-bg, rgb(42 42 45 / .72))}.phone-bg .menu .item .title-section .plus-icon circle{stroke:var(--icon-color, #f4f4f7);fill:none}.phone-bg .menu .item .title-section .plus-icon g{fill:var(--icon-color, #f4f4f7);stroke:none}.phone-bg .menu .item .title-section span{grid-column:2;font-size:17px;color:var(--title-color, #fff);text-align:center}.phone-bg .menu .item .title-section span>:first-child{margin-top:0}.phone-bg .menu .item .title-section span>:last-child{margin-bottom:0}.phone-bg .menu .item .title-section span,.phone-bg .menu .item .title-section span *,.phone-bg .menu .item .details-content,.phone-bg .menu .item .details-content *{min-width:0;max-width:100%;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important;-webkit-hyphens:none!important;hyphens:none!important;text-wrap:pretty}.phone-bg .menu .item .details{display:none;font-size:17px;padding:20px 28px 24px;width:35%;box-sizing:border-box;background:var(--title-bg, #1E1E20);background:var(--title-details-bg, var(--title-bg, #1E1E20));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:28px;line-height:25px}.phone-bg .menu .item .details-content>:first-child{margin-top:0}.phone-bg .menu .item .details-content>:last-child{margin-bottom:0}.phone-bg .menu .item.open .title-section{display:none}.phone-bg .menu .item.open .details{display:block;animation:iphone-details-in .35s ease both}@keyframes iphone-details-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.phone-bg .icon-close{width:36px;height:36px;position:absolute;top:20px;right:20px;cursor:pointer;fill:var(--icon-color, #f5f5f7);background:var(--icon-bg, rgb(42 42 45 / .72));border-radius:50%;display:none;z-index:1}.phone-bg.has-open .icon-close{display:block}.iphone-mobile-nav{display:none}.default-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.phone-bg.has-open .default-img{display:none}.phone-bg .item-img{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;pointer-events:none}.phone-bg .item-img.show{opacity:1;visibility:visible;pointer-events:auto}.phone-bg .item-img.anim-in{animation:iphone-img-in .5s ease both}.phone-bg .item-img.anim-out{animation:iphone-img-out .4s ease both}.phone-bg .item-img img,.phone-bg .item-img video,.phone-bg .item-img .placeholder-svg,.phone-bg .default-img img,.phone-bg .default-img video,.phone-bg .default-img .placeholder-svg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.phone-bg .placeholder-svg{background:#f3f3f3;color:#b8b8b8}.phone-bg .item-img .media-mobile,.phone-bg .default-img .media-mobile{display:none}@media(max-width:749px){.phone-bg .item-img .media-pc,.phone-bg .default-img .media-pc{display:none}.phone-bg .item-img .media-mobile,.phone-bg .default-img .media-mobile{display:block}.phone-bg .media-sizer{aspect-ratio:var(--iphone-default-ratio-mobile, var(--iphone-default-ratio-pc, 16 / 9))}}@keyframes iphone-img-in{0%{opacity:0;transform:translate(400px) scale(.85)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes iphone-img-out{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(-350px) scale(.85)}}.arrow-section{position:absolute;left:24px;top:50%;transform:translateY(-50%);display:none;flex-direction:column;align-items:center;gap:20px;z-index:1}.phone-bg.has-open .arrow-section{display:flex;animation:arrowSlideUp .4s ease both}@keyframes arrowSlideUp{0%{opacity:0;transform:translateY(-30%)}to{opacity:1;transform:translateY(-50%)}}.icon-control-up,.icon-control-down{width:36px;height:36px;fill:var(--icon-color, #f5f5f7);background:var(--icon-bg, rgb(42 42 45 / .72));border-radius:50%;cursor:pointer}.icon-control-up.disabled,.icon-control-down.disabled{opacity:.3;pointer-events:none;cursor:default}@media(max-width:749px){.iphone-section-outer{padding:var(--outer-padding-mobile, var(--outer-padding, 0))}.iphone-section-outer.iphone-mobile-edge-to-edge>.iphone-section{width:100%;max-width:none;padding-inline:0;border-radius:0}.iphone-section-outer.iphone-mobile-edge-to-edge .phone-bg{border-radius:0}.iphone-section .title{font-size:22px;margin-bottom:16px}.phone-bg{border-radius:16px;padding:var(--section-padding-mobile, 0);touch-action:pan-y}.phone-bg .menu-wrap{margin-left:0;padding:0 24px;align-items:center;box-sizing:border-box}.phone-bg.has-open .arrow-section{display:none}.phone-bg .menu{position:absolute;left:0;right:0;bottom:14px;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-end;gap:8px;width:100%;box-sizing:border-box;padding:0 16px;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none;scroll-behavior:smooth}.phone-bg .menu::-webkit-scrollbar{display:none}.phone-bg .menu .item{flex:0 0 auto;margin-bottom:0;display:flex;flex-direction:column;align-items:center;transition:all .4s cubic-bezier(.22,1,.36,1)}.phone-bg .menu .item .title-section{display:grid;grid-template-columns:24px minmax(0,auto) 24px;width:fit-content;max-width:calc(100vw - 32px);height:auto;min-height:0;padding:8px 18px;gap:10px;box-sizing:border-box;justify-content:center;text-align:center;line-height:1.25}.phone-bg .menu .item .title-section .plus-icon{grid-column:1}.phone-bg .menu .item .title-section span{display:block;grid-column:2;line-height:inherit}.phone-bg.has-open .menu{overflow:visible}.phone-bg.has-open .menu .item{position:absolute;bottom:0}.phone-bg.has-open .menu .item.open{left:50%;transform:translate(-50%) scale(1);width:calc(100% - 32px);z-index:2}.phone-bg.has-open .menu .item.open .title-section{width:100%}.phone-bg.has-open .menu .item:not(.open){opacity:0;visibility:hidden;pointer-events:none}.phone-bg.has-open.has-multiple-items .iphone-mobile-nav{position:absolute;top:50%;z-index:5;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:50%;color:var(--iphone-nav-btn-color, #fff);background:var(--iphone-nav-btn-bg, #0075ff);box-shadow:0 0 0 1px var(--iphone-nav-btn-glow-ring, rgb(142 142 147 / .18)),0 4px 15px var(--iphone-nav-btn-glow, rgb(142 142 147 / .42));transform:translateY(-50%);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .25s ease,color .25s ease,box-shadow .25s ease,opacity .25s ease,transform .2s ease}.iphone-mobile-nav--prev{left:8px}.iphone-mobile-nav--next{right:8px}.iphone-mobile-nav svg{width:26px;height:26px;fill:currentColor}.iphone-mobile-nav:active:not(:disabled){transform:translateY(-50%) scale(.94)}.iphone-mobile-nav:focus-visible{outline:2px solid currentColor;outline-offset:3px}.iphone-mobile-nav:disabled{opacity:.28;cursor:default;box-shadow:0 0 0 1px var(--iphone-nav-btn-glow-ring, rgb(142 142 147 / .18)),0 3px 8px var(--iphone-nav-btn-glow, rgb(142 142 147 / .42))}.phone-bg .menu .item.open .details{display:block;position:relative;width:100%;margin-top:10px;transform-origin:center bottom;animation:iphone-details-mobile-in .5s cubic-bezier(.22,1,.36,1) both}@keyframes iphone-details-mobile-in{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.phone-bg .menu .item.open .details .details-content{animation:iphone-details-content-in .3s ease .5s both}@keyframes iphone-details-content-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.phone-bg .menu .item .details{padding:20px;overflow:hidden}}@media(max-width:749px)and (hover:hover){.phone-bg.has-open.has-multiple-items .iphone-mobile-nav:hover:not(:disabled){color:var(--iphone-nav-btn-color-hover, #0075ff);background:var(--iphone-nav-btn-bg-hover, #fff)}}
/*# sourceMappingURL=/cdn/shop/t/46/assets/iphone.css.map */