.insieme-opening,.insieme-opening *{box-sizing:border-box}.insieme-opening{display:grid;gap:16px;overflow:hidden;padding:18px;border-radius:var(--io-radius, 18px);color:var(--io-text, #fef9f0);background:var(--io-bg, #1f3027)}.insieme-opening__header{display:grid;gap:7px}.insieme-opening__header>p{margin:0;color:var(--io-accent, #a9c4b5);font-size:11px;font-weight:800;letter-spacing:.09em}.insieme-opening__header h2{margin:0;color:inherit;font-size:var(--io-title-size, 28px);line-height:1.12;letter-spacing:-.025em}.insieme-opening__header>div{max-width:62ch;color:color-mix(in srgb,var(--io-text, #fef9f0) 82%,transparent)}.insieme-opening__header>div p{margin:0}.insieme-opening__stage{position:relative;height:var(--io-height-mobile, 480px);overflow:hidden;border-radius:max(0px,calc(var(--io-radius, 18px) - 6px));background:color-mix(in srgb,var(--io-bg, #1f3027) 84%,#000);outline:none;touch-action:pan-y}.insieme-opening__stage:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--io-accent, #a9c4b5) 72%,transparent)}.insieme-opening__track,.insieme-opening__step{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.insieme-opening__step{display:block;margin:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--io-transition, .52s) cubic-bezier(.22,.75,.25,1),visibility 0s linear var(--io-transition, .52s)}.insieme-opening__step[hidden]{display:none}.insieme-opening__step.is-active{z-index:2;opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.insieme-opening__step.is-leaving{z-index:1;display:block;opacity:0;visibility:visible}.insieme-opening__media,.insieme-opening__image,.insieme-opening__media>.placeholder-svg{display:block;width:100%;height:100%}.insieme-opening__image,.insieme-opening__media>.placeholder-svg{object-fit:var(--io-image-fit, cover);object-position:var(--io-object-position, center center);transform:scale(1.035);transition:transform var(--io-transition, .52s) cubic-bezier(.2,.75,.2,1)}.insieme-opening__step.is-active .insieme-opening__image,.insieme-opening__step.is-active .insieme-opening__media>.placeholder-svg{transform:scale(1)}.insieme-opening__copy{position:absolute;z-index:3;right:14px;bottom:14px;left:14px;display:grid;gap:5px;max-width:520px;padding:13px 14px;border-radius:13px;color:var(--io-muted, #3a4a3f);background:color-mix(in srgb,var(--io-card-bg, #fef9f0) 94%,transparent);box-shadow:0 10px 30px #0a1b132e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translateY(12px);opacity:0;transition:opacity calc(var(--io-transition, .52s) * .8) ease,transform var(--io-transition, .52s) cubic-bezier(.22,.75,.25,1)}.insieme-opening__step.is-active .insieme-opening__copy{transform:translateY(0);opacity:1}.insieme-opening__copy>span{color:var(--io-accent, #a9c4b5);font-size:10px;font-weight:800;letter-spacing:.08em}.insieme-opening__copy h3{margin:0;color:#0a1b13;font-size:var(--io-step-title-size, 22px);line-height:1.14}.insieme-opening__copy>div,.insieme-opening__copy>div p{margin:0}.insieme-opening__arrows{position:absolute;z-index:5;top:14px;right:14px;display:flex;gap:7px}.insieme-opening__arrows button{display:grid;place-items:center;width:38px;height:38px;padding:0;border:0;border-radius:50%;color:var(--io-control-text, #1f3027);background:color-mix(in srgb,var(--io-control-bg, #fef9f0) 92%,transparent);box-shadow:0 5px 16px #0a1b1329;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer}.insieme-opening__arrows button:disabled{opacity:.38;cursor:default}.insieme-opening__progress{position:absolute;z-index:5;top:17px;left:14px;display:flex;gap:6px;max-width:calc(100% - 124px)}.insieme-opening__progress button{width:28px;height:8px;padding:0;border:0;background:transparent;cursor:pointer}.insieme-opening__progress button span{display:block;width:100%;height:3px;overflow:hidden;border-radius:999px;background:#ffffff6b}.insieme-opening__progress button span:after{content:"";display:block;width:100%;height:100%;border-radius:inherit;background:var(--io-accent, #a9c4b5);transform:scaleX(0);transform-origin:left;transition:transform var(--io-transition, .52s) ease}.insieme-opening__progress button.is-active span:after{transform:scaleX(1)}@media screen and (min-width:750px){.insieme-opening{padding:22px}.insieme-opening__stage{height:var(--io-height-desktop, 620px)}.insieme-opening__copy{right:auto;bottom:22px;left:22px;width:min(520px,calc(100% - 44px));padding:16px 18px}.insieme-opening__arrows{top:20px;right:20px}.insieme-opening__progress{top:23px;left:20px}}@media(prefers-reduced-motion:reduce){.insieme-opening__step,.insieme-opening__image,.insieme-opening__media>.placeholder-svg,.insieme-opening__copy,.insieme-opening__progress button span:after{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/47/assets/insieme-opening-sequence.css.map */