.pisugar-feature-wrapper{background-color:#fafafa}.pisugar-feature-container{height:540px;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap}.left-part{position:relative;margin-top:-50px}.typing-container{display:flex;flex-direction:row}.text-area h2.typing-head{margin-right:10px;color:#ffb703}.text-area{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:400px;text-align:center;margin-left:80px}.text-area h2{font-size:45px;font-weight:700;color:#333;margin-top:0;margin-bottom:0}.text-area h3{font-family:Roboto,sans-serif;font-size:22px;color:#333;margin-top:0;margin-bottom:0}.order-now-button{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-top:20px;padding:6px 12px;border:1px solid #333;cursor:pointer;transition:all .1s ease-in-out;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;-webkit-user-select:none;user-select:none;text-decoration:none;color:#333}.order-now-button:hover{background-color:#333;color:#fff}.order-now-button:active{background-color:#404040;color:#e3e3e3;transform:scale(.97);-webkit-transform:scale(.97);-moz-transform:scale(.97);-o-transform:scale(.97)}.custom-section{max-width:996px;margin:0 auto;padding:0 15px}.image-layers-section{position:relative;width:400px;height:400px;display:none;-webkit-user-select:none;user-select:none}.image-layers-section.show{display:block}.image-layers-section img{position:absolute;width:100%;height:100%;object-fit:contain;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.image-pi-led-wrapper{position:absolute;width:100%;height:100%}.image-pisugar,.image-5b{transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out}.image-pi-screw,.image-pi-led-wrapper,.image-pi-batt-led{animation:showAfter1second 2s 1 forwards;-webkit-animation:showAfter1second 2s 1 forwards;-moz-animation:showAfter1second 2s 1 forwards;-o-animation:showAfter1second 2s 1 forwards}.image-pi-led{animation:blink 2s infinite;-webkit-animation:blink 2s infinite;-moz-animation:blink 2s infinite;-o-animation:blink 2s infinite}.model-switch{position:relative;width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;color:#ccc;z-index:10;margin-top:-30px}.model-switch .model-item{padding:5px 20px;text-align:center;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0)}.model-switch .model-item.active{color:#333}@media screen and (min-width:940px){.image-layers-section.initial .image-pisugar,.image-layers-section:hover .image-pisugar{transform:translateY(40px)}.image-layers-section.initial .image-5b,.image-layers-section:hover .image-5b{transform:translateY(-80px)}.image-layers-section.initial .image-pi-screw,.image-layers-section:hover .image-pi-screw,.image-layers-section.initial .image-pi-led-wrapper,.image-layers-section:hover .image-pi-led-wrapper,.image-layers-section.initial .image-pi-batt-led,.image-layers-section:hover .image-pi-batt-led{opacity:0;transition:none;-webkit-transition:none;-moz-transition:none;-o-transition:none;animation:none;-webkit-animation:none;-moz-animation:none;-o-animation:none}.model-switch .model-item:hover{color:#ffc93f}}@media screen and (max-width:940px){.image-layers-section.initial .image-pisugar,.image-layers-section:active .image-pisugar{transform:translateY(40px)}.image-layers-section.initial .image-5b,.image-layers-section:active .image-5b{transform:translateY(-80px)}.image-layers-section.initial .image-pi-screw,.image-layers-section:active .image-pi-screw,.image-layers-section.initial .image-pi-led-wrapper,.image-layers-section:active .image-pi-led-wrapper,.image-layers-section.initial .image-pi-batt-led,.image-layers-section:active .image-pi-batt-led{opacity:0;transition:none;-webkit-transition:none;-moz-transition:none;-o-transition:none;animation:none;-webkit-animation:none;-moz-animation:none;-o-animation:none}.model-switch .model-item:active{color:#ffc93f}}@media screen and (max-width:940px){.pisugar-feature-container{height:600px;flex-direction:column;justify-content:center;align-items:center;padding:20px 0}.image-layers-section{width:320px;height:320px}.text-area{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;margin-top:0;margin-bottom:20px;margin-left:0}.left-part{margin-top:0}}@media screen and (min-width:940px)and (max-width:1200px){.text-area{margin-left:40px}}@keyframes showAfter1second{0%{opacity:0}50%{opacity:0}to{opacity:1}}@keyframes blink{0%{opacity:1}15%{opacity:1}16%{opacity:0}19%{opacity:0}20%{opacity:1}27%{opacity:1}28%{opacity:.2}30%{opacity:1}38%{opacity:1}40%{opacity:0}46%{opacity:0}47%{opacity:1}49%{opacity:1}50%{opacity:0}52%{opacity:0}65%{opacity:0}66%{opacity:1}70%{opacity:1}71%{opacity:.2}75%{opacity:1}80%{opacity:1}81%{opacity:0}90%{opacity:0}91%{opacity:1}96%{opacity:1}97%{opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-pisugar-feature.css.map */