body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{height:100vh;margin:0;padding:0}.App{align-items:center;display:flex;flex-direction:row;height:100vh;justify-content:flex-start;pointer-events:none;position:relative;text-align:center;width:100vw}.scroll-area{height:100vh;pointer-events:auto;position:absolute;top:0;width:35%;z-index:1}.scroll-area-left{left:0}.scroll-area-right{right:0}.canvas-area{height:100vh;left:0;pointer-events:none;position:absolute;top:0;width:100vw;z-index:0}.app-logo{height:auto;left:20px;pointer-events:auto;position:fixed;top:20px;width:100px;z-index:1000}.product-info{color:#333;position:absolute;top:20px;z-index:10}.product-image{align-items:center;display:flex;height:80%;left:0;max-width:50%;position:absolute;top:50%;transform:translateY(-50%);width:auto;z-index:1}.product-svg{height:auto;max-height:100%;max-width:100%;object-fit:contain;width:auto}.navigation{display:flex;justify-content:space-between;left:20px;pointer-events:none;position:absolute;right:20px;top:50%;transform:translateY(-50%);width:auto;z-index:100}.navigation button{align-items:center;-webkit-appearance:none!important;appearance:none!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #0009!important;border-radius:50%;box-shadow:0 4px 12px #00000026;color:#333;cursor:pointer;display:flex;font-size:24px;height:60px;justify-content:center;min-height:44px;min-width:44px;outline:none!important;pointer-events:auto;transition:background-color .3s ease,transform .2s ease,border-color .3s ease;width:60px}.navigation button:hover{transform:scale(1.05)}.navigation button:focus,.navigation button:hover{background:#ffffff4d;border:2px solid #000c!important;outline:none!important}.navigation button:focus{box-shadow:0 4px 12px #00000026!important}.navigation button:active{background:#fff6;border:2px solid #000!important;outline:none!important;transform:scale(.95)}.navigation button:focus-visible{border:2px solid #000c!important;outline:none!important}.nav-button.prev{left:20px}.nav-button.next{right:20px}canvas{display:block;height:100%;pointer-events:auto;width:100%}.product-name{font-size:2rem;font-weight:700;margin-bottom:1rem}@media (max-width:480px){.app-logo{height:auto;left:20px;position:fixed;top:20px;width:50px;z-index:1000}.product-name{font-size:1.2rem;margin-bottom:.5rem}.navigation{bottom:calc(50px + env(safe-area-inset-bottom));display:flex;justify-content:space-between;left:50%;padding:0 10px;pointer-events:none;position:fixed;top:50%;transform:translateX(-50%);width:96%;z-index:1000}.navigation button{-webkit-appearance:none!important;appearance:none!important;border:2px solid #0009!important;font-size:20px;height:50px;outline:none!important;width:50px}.navigation button:active,.navigation button:focus,.navigation button:focus-visible,.navigation button:hover{border:2px solid #000c!important;outline:none!important}.product-image{align-items:center;display:flex;height:55%;left:0;max-width:50%;position:absolute;top:23%;transform:translateY(-50%);width:auto;z-index:0}}@media (min-width:481px) and (max-width:768px){.app-logo{height:auto;left:20px;position:fixed;top:20px;width:70px;z-index:1000}.product-name{font-size:1.4rem;margin-bottom:.5rem}.navigation{bottom:20px;display:flex;justify-content:space-between;left:50%;padding:0 10px;pointer-events:none;position:absolute;top:85%;transform:translateX(-50%);width:96%;z-index:1000}.navigation button{-webkit-appearance:none!important;appearance:none!important;border:2px solid #0009!important;font-size:22px;height:55px;outline:none!important;width:55px}.navigation button:active,.navigation button:focus,.navigation button:focus-visible,.navigation button:hover{border:2px solid #000c!important;outline:none!important}.product-image{align-items:center;display:flex;height:55%;left:0;max-width:50%;position:absolute;top:23%;transform:translateY(-50%);width:auto;z-index:0}}@media (min-width:769px) and (max-width:1024px){.product-name{font-size:1.8rem;margin-bottom:.8rem}.navigation{display:flex;flex-wrap:nowrap;justify-content:space-between;left:50%;padding:0 20px;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:55%;z-index:1000}.navigation button{-webkit-appearance:none!important;appearance:none!important;border:2px solid #0009!important;font-size:26px;height:58px;outline:none!important;width:58px}.navigation button:active,.navigation button:focus,.navigation button:focus-visible,.navigation button:hover{border:2px solid #000c!important;outline:none!important}.product-image{align-items:center;display:flex;height:80%;left:0;max-width:50%;position:absolute;top:50%;transform:translateY(-50%);width:auto;z-index:1}}@media (min-width:1025px){.product-name{font-size:2rem;margin-bottom:1rem}.navigation{display:flex;flex-wrap:nowrap;justify-content:space-between;left:50%;padding:0 20px;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:55%;z-index:1000}.navigation button{-webkit-appearance:none!important;appearance:none!important;border:2px solid #0009!important;font-size:24px;height:60px;outline:none!important;width:60px}.navigation button:active,.navigation button:focus,.navigation button:focus-visible,.navigation button:hover{border:2px solid #000c!important;outline:none!important}.product-image{align-items:center;display:flex;height:80%;left:0;max-width:50%;position:absolute;top:50%;transform:translateY(-50%);width:auto;z-index:1}}.product-info-wrapper{align-items:center;bottom:40px;display:flex;justify-content:center;left:50%;max-width:400px;pointer-events:auto;position:fixed;transform:translateX(-50%);z-index:100}.product-info{align-items:center;border-radius:1rem;display:flex;flex-direction:column;flex-grow:1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;padding:1.5rem 2rem;position:relative}.product-info:before{background-position:50%;background-repeat:no-repeat;background-size:80%;content:"";height:100%;left:0;opacity:.1;position:absolute;top:0;width:100%;z-index:-1}.product-info.animate{animation:fadeInSlideUp .5s ease-out forwards}.product-info h1{font-size:2em;font-weight:700;margin-bottom:.5rem;margin-top:0}.product-info p{font-size:1.1em;line-height:1.6;margin-bottom:1.5rem}.product-info button{background:#fff3;border-radius:333px;cursor:pointer;font-size:1em;font-weight:600;margin-top:10px;padding:12px 20px;transition:background-color .3s ease,transform .2s ease}.product-info button:hover{background:#ffffff4d;transform:translateY(-2px)}.color-button{border:2px solid #ccc;border-radius:50%;cursor:pointer;height:44px;margin-bottom:8px;margin-right:12px;min-height:44px;min-width:44px;padding:0;transition:transform .2s ease,border-color .2s ease;width:44px}.color-button:focus,.color-button:hover{border-color:#333;outline:none;transform:scale(1.1)}.color-button:active{transform:scale(.95)}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.product-info-wrapper{bottom:222px;display:flex;justify-content:center;left:50%;max-width:400px;position:fixed;transform:translateX(-50%);width:90%;z-index:100}.product-info{align-items:center;background:#0000;border:none;border-radius:12px;box-sizing:border-box;display:flex;flex-direction:column;max-width:160px;padding:0;width:35%}.color-options{display:flex;gap:8px;justify-content:center;margin-bottom:8px}.color-button{margin-bottom:0;margin-right:0}.product-info button{border-radius:116px;font-size:12px;font-weight:600;padding:6px 12px}.product-info h1{font-size:1.1rem}.product-info h1,.product-info p{margin-bottom:8px;text-align:center}.product-info p{font-size:.9rem;line-height:1.5}}@media (min-width:481px) and (max-width:768px){.product-info-wrapper{bottom:40px;display:flex;justify-content:center;left:50%;max-width:400px;position:fixed;transform:translateX(-50%);z-index:100}.product-info{align-items:center;background:#0000;border:none;border-radius:12px;box-sizing:border-box;display:flex;flex-direction:column;max-width:170px;padding:0;width:35%}.color-options{display:flex;gap:10px;justify-content:center;margin-bottom:100px}.product-info button{font-size:12px;min-height:34px;padding:8px 16px}.product-info h1{font-size:1.3rem;margin-bottom:10px}.product-info p{font-size:1rem;line-height:1.5;margin-bottom:10px}}@media (min-width:769px) and (max-width:1024px){.product-info-wrapper{align-items:center;bottom:40px;display:flex;justify-content:center;left:50%;max-width:350px;position:fixed;transform:translateX(-50%);z-index:100}.product-info{align-items:center;background:#0000;border:none;border-radius:12px;box-sizing:border-box;color:#333;display:flex;flex-direction:column;max-width:250px;padding:0;width:60%}.color-options{display:flex;gap:10px;justify-content:center;margin-bottom:85px}.product-info button{font-size:16px;padding:12px 20px}.product-info h1{font-size:1.5rem;margin-bottom:12px}.product-info p{font-size:1.1rem;line-height:1.6;margin-bottom:15px}}@media (min-width:1025px){.product-info-wrapper{align-items:center;bottom:40px;display:flex;justify-content:center;left:50%;max-width:400px;position:fixed;transform:translateX(-50%);z-index:100}.product-info{border-radius:1rem;flex-grow:1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;padding:1.5rem 2rem;position:relative}.color-options{display:flex;gap:12px;justify-content:center;margin-bottom:20px}.product-info button{font-size:1em;padding:12px 20px}.product-info h1{font-size:2em;font-weight:700;margin-bottom:.5rem}.product-info p{font-size:1.1em;line-height:1.6;margin-bottom:1.5rem}}