#ft-modes-new-design-section{margin-bottom:3rem;-webkit-user-select:none;user-select:none}#ft-modes-new-design-section .modes-content-wrapper{display:grid;grid-template-columns:1fr 2fr}#ft-modes-new-design-section .app-screen-part{width:270px;height:565px;position:relative;display:flex;justify-content:center;align-items:center}#ft-modes-new-design-section .mode-sub-title{color:#fff}#ft-modes-new-design-section .mode-interactive-steps li{padding:none;align-items:center;gap:.5rem}#ft-modes-new-design-section .mode-sub-title{font-size:1.5rem;padding-bottom:1rem}#ft-modes-new-design-section .step-1,#ft-modes-new-design-section .step-2{color:#ccc;font-size:1.1rem}#ft-modes-new-design-section .app-content-part{padding-top:1rem;display:flex;flex-direction:column;gap:.5rem}#ft-modes-new-design-section .app-content-part .ft-mode-title{color:#fff}#ft-modes-new-design-section .app-content-part .ft-mode-image{margin-top:.5rem}#ft-modes-new-design-section .app-screen-part .iphone{width:100%;height:565px;position:relative}#ft-modes-new-design-section .app-screen-part .appsenditscreen,#ft-modes-new-design-section .app-screen-part .appslowscreen,#ft-modes-new-design-section .app-screen-part .appcruisescreen,#ft-modes-new-design-section .app-screen-part .appfastscreen{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;display:flex;height:565px;z-index:1;border-radius:40px;padding:.55rem;object-fit:contain}#ft-modes-new-design-section .app-screen-part .cameranew{position:absolute;top:0;left:50%;transform:translate(-50%,-0%);z-index:2;width:40%;height:max-content;object-fit:contain;border-radius:0 0 .665rem .665rem;padding-top:.5rem}.app-screen-part .mode-selection-btn{display:block;position:absolute;z-index:3;width:203px;height:53px;right:.78rem;border:3px solid transparent;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;border-image:conic-gradient(from var(--angle),#fff,#56ffff) 1;--angle: 0deg;animation:3s rotate linear infinite;border-top-left-radius:1.5rem;border-bottom-right-radius:1.5rem;cursor:pointer}@keyframes rotate{to{--angle: 360deg}}@property --angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.app-screen-part .mode-selection-btn.fukin-btn-1{top:6.5rem}.app-screen-part .mode-selection-btn.fukin-btn-2{top:11.45rem}.app-screen-part .mode-selection-btn.fukin-btn-3{top:16.5rem}.app-screen-part .ftmodemiddle{position:absolute;z-index:3;top:10.5rem;right:5.72rem;width:2.8rem;height:3rem;object-fit:contain;border-radius:50%}.app-screen-part .ft_progress_bar{width:72%;position:absolute;right:1rem;top:11.6rem;height:11px;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:.5rem;justify-content:space-between}.app-screen-part .ft_select_minis_plus_wrapper{position:absolute;width:61px;height:35px;top:13.13rem;right:5.19rem;z-index:2;display:grid;gap:.5rem;grid-template-columns:1fr 1fr}.app-screen-part .ft_select_minis_plus_wrapper .ft_select-minus_btn{border-radius:10rem 0 0 10rem;cursor:pointer;display:flex;justify-content:center;align-items:center;animation:ftminusplusblink 1s linear infinite;font-size:22px;color:#fff}.app-screen-part .ft_select_minis_plus_wrapper .ft_select-plus_btn{border-radius:0 10rem 10rem 0;cursor:pointer;display:flex;justify-content:center;align-items:center;animation:ftminusplusblink 1s linear infinite;font-size:22px;color:#fff}@keyframes ftminusplusblink{0%{opacity:1}to{opacity:0}}.ft_progress_bar_negative,.ft_progress_bar_positive{position:absolute;top:0;height:100%;transition:width .2s ease}.ft_progress_bar_negative{right:50%;background:red;transform-origin:right;margin-right:.5rem;opacity:.4}.ft_progress_bar_positive{left:50%;background:green;transform-origin:left;margin-left:.5rem;opacity:.8}.ft-mode-image{display:none}@media screen and (max-width:1000px){#ft-modes-new-design-section .modes-content-wrapper{grid-template-columns:1fr;justify-items:center;gap:2rem}#ft-modes-new-design-section .app-content-part .ft-mode-image{width:100%;object-fit:contain;height:100%}#ft-modes-new-design-section .app-content-part{flex-direction:column-reverse;gap:1rem}}
/*# sourceMappingURL=/cdn/shop/t/69/assets/ft-modes-new-design.css.map */