.iphone-slider-section{display:flex;flex-wrap:wrap;align-items:center;background:var(--bg-body, #fff)}@media only screen and (min-width:768px){.iphone-slider-section{flex-wrap:nowrap}}.iphone-slider-section.text_first{flex-direction:row-reverse}.iphone-slider-section__phone{flex-grow:0;flex-shrink:0;width:100%;overflow:hidden}@media only screen and (min-width:768px){.iphone-slider-section__phone{width:50%}}.iphone-slider-wrapper{display:flex;justify-content:center;align-items:center;padding:40px 20px;position:relative;gap:30px}.slider-nav{background:#ffffffe6;border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000001a;color:#333;z-index:10;flex-shrink:0}.slider-nav:hover{background:#fff;box-shadow:0 4px 12px #00000026;transform:scale(1.05)}.slider-nav:active{transform:scale(.95)}.slider-nav svg{width:24px;height:24px}@media only screen and (max-width:767px){.slider-nav{display:none}.iphone-slider-wrapper{gap:0}}.iphone-slider-section__content{width:100%;flex-grow:1;padding:25px}@media only screen and (min-width:768px){.iphone-slider-section__content{padding:45px}}@media only screen and (min-width:1068px){.iphone-slider-section__content{padding:70px}}.iphone-slider-section__content .placeholder_svg_tag{width:100px;height:100px;fill:var(--bg-body, #fff);opacity:.5;background:var(--color-accent);margin-bottom:20px}.iphone-slider-section__content--inner{max-width:600px;margin:0 auto}.iphone-slider-section__content__image{margin-bottom:30px}.iphone-slider-section__content .rte p{font-size:inherit}.iphone-slider-text{position:relative}.iphone-slider-text.is-collapsible{padding-bottom:48px}.iphone-slider-text.is-expanded,.iphone-slider-text.is-not-expandable{padding-bottom:0}.iphone-slider-text.is-not-expandable .iphone-slider-text__toggle,.iphone-slider-text.is-not-expandable .iphone-slider-text__fade{display:none!important}.iphone-slider-text.is-collapsible:not(.is-expanded) .iphone-slider-text__content{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--iphone-text-collapsed-lines, 4);overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,#000 60%,transparent 100%);mask-image:linear-gradient(to bottom,#000 60%,transparent 100%)}.iphone-slider-text__fade{display:none}@supports not ((-webkit-mask-image: linear-gradient(#000,transparent)) or (mask-image: linear-gradient(#000,transparent))){.iphone-slider-text.is-collapsible:not(.is-expanded) .iphone-slider-text__fade{display:block;position:absolute;left:0;right:0;bottom:0;height:3.2em;pointer-events:none;background:linear-gradient(to bottom,transparent,var(--bg-body, #fff) 70%)}}.iphone-slider-text__toggle{position:absolute;left:50%;bottom:10px;transform:translate(-50%);width:32px;height:32px;border-radius:999px;border:0;background:#fc0;color:#000;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 26px #0000002e;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease;z-index:2}.iphone-slider-text__toggle:hover{background:#dbaf00;transform:translate(-50%) scale(1.05);box-shadow:0 14px 34px #00000038}.iphone-slider-text__toggle:active{transform:translate(-50%) scale(.98)}.iphone-slider-text__toggle-label{font-size:16px;font-weight:600;line-height:1;letter-spacing:0}.iphone-slider-text__toggle-label--less,.iphone-slider-text.is-expanded .iphone-slider-text__toggle-label--more{display:none}.iphone-slider-text.is-expanded .iphone-slider-text__toggle-label--less{display:inline}.iphone-slider-text.is-expanded .iphone-slider-text__toggle{display:none}.iphone-slider-section__content .subheading{font-size:14px;text-transform:uppercase;letter-spacing:2px;color:var(--color-body);opacity:.7;margin-bottom:10px}.iphone-slider-section__content h3,.iphone-slider-section__content h2,.iphone-slider-section__content h1{color:var(--color-heading);margin-bottom:20px}.iphone-slider-section__content .button{margin-top:20px}.iphone-frame{position:relative;width:320px;height:650px;background:#1f1f1f;border-radius:45px;padding:12px;box-shadow:0 0 0 2px #2d2d2d,0 0 0 6px #1a1a1a,0 4px 12px #00000026,inset 0 0 6px #ffffff1a;overflow:hidden}@media only screen and (min-width:768px){.iphone-frame{width:280px;height:570px;padding:10px;border-radius:36px}}@media only screen and (min-width:1068px){.iphone-frame{width:375px;height:760px;padding:14px;border-radius:45px}}.iphone-notch{position:absolute;top:12px;left:50%;transform:translate(-50%);width:140px;height:28px;background:#1f1f1f;border-radius:0 0 20px 20px;z-index:10;box-shadow:inset 0 -2px 4px #0000004d}@media only screen and (min-width:768px){.iphone-notch{top:14px;width:160px;height:30px}}.iphone-notch:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:50px;height:5px;background:#0a0a0a;border-radius:3px}.iphone-notch:after{content:"";position:absolute;top:8px;right:20px;width:8px;height:8px;background:#1a3a4a;border-radius:50%;box-shadow:0 0 4px #64c8ff80}.iphone-screen{position:relative;width:100%;height:100%;background:#000;border-radius:35px;overflow:hidden;transition:all .5s cubic-bezier(.4,0,.2,1)}.fullscreen-toggle{position:absolute;top:50px;right:15px;background:#0009;border:none;border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:20;transition:all .3s ease;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.fullscreen-toggle:hover{background:#000c;transform:scale(1.05)}.fullscreen-toggle .minimize-icon,.iphone-screen.fullscreen-mode .fullscreen-toggle .fullscreen-icon{display:none}.iphone-screen.fullscreen-mode .fullscreen-toggle .minimize-icon{display:block}.sound-toggle{position:absolute;top:95px;right:15px;background:#0009;border:none;border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:20;transition:all .3s ease;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sound-toggle:hover{background:#000c;transform:scale(1.05)}.sound-toggle .sound-on-icon{display:none}.sound-toggle .sound-off-icon,.sound-toggle.sound-on .sound-on-icon{display:block}.sound-toggle.sound-on .sound-off-icon{display:none}.iphone-screen.fullscreen-mode{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90vw;max-width:500px;height:90vh;max-height:900px;z-index:9999;border-radius:35px;box-shadow:0 20px 60px #00000080}.iphone-slider-wrapper.has-fullscreen:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;z-index:9998;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}@media only screen and (max-width:767px){.iphone-screen.fullscreen-mode{width:95vw;height:95vh}.fullscreen-toggle,.sound-toggle{width:32px;height:32px}.fullscreen-toggle svg,.sound-toggle svg{width:18px;height:18px}}.slider-container{position:relative;width:100%;height:100%;display:flex;flex-direction:column;transition:transform .6s cubic-bezier(.4,0,.2,1)}.slide{position:relative;width:100%;height:100%;flex-shrink:0;overflow:hidden;background:#000}.slide img{width:100%;height:100%;object-fit:cover;display:block}.slide iframe{width:100%;height:100%;border:none;display:block}.slide .placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#1a1a1a}.slide .placeholder_svg_tag{width:80px;height:80px;opacity:.3;fill:#666}.iphone-frame:before{content:"";position:absolute;right:-3px;top:120px;width:3px;height:80px;background:linear-gradient(to right,#0d0d0d,#1a1a1a);border-radius:0 2px 2px 0}.iphone-frame:after{content:"";position:absolute;left:-3px;top:100px;width:3px;height:50px;background:linear-gradient(to left,#0d0d0d,#1a1a1a);border-radius:2px 0 0 2px;box-shadow:0 70px #1a1a1a}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media only screen and (max-width:480px){.iphone-frame{width:280px;height:570px}.iphone-slider-header .h2{font-size:28px}}.iphone-screen:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,rgba(255,255,255,.05) 0%,transparent 70%);pointer-events:none;z-index:5}.slide{transition:opacity .3s ease}.iphone-frame{position:relative}.iphone-frame:after{content:none}@media(prefers-reduced-motion:reduce){.iphone-slider-section *,.iphone-slider-section *:before,.iphone-slider-section *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/iphone-slider.css.map */