.arco{--altezza-carta: clamp(30rem, 34vw, 46rem);--durata: .5s;--durata-entrata: 1.1s;--molla-entrata: cubic-bezier(.16, 1.36, .3, 1);--molla: cubic-bezier(.2, 1.5, .4, 1);position:relative;display:flex;flex-direction:column;align-items:center;gap:.8rem}.arco-sezione{position:relative;z-index:1;overflow-x:clip}.arco-sezione__titolo{margin:0 0 2.4rem;text-align:center}.arco__palco{position:relative;width:100%;margin-top:calc(var(--altezza-carta) * -.12)}.arco__scena{position:relative;width:100%;height:calc(var(--altezza-carta) * 1.42);display:flex;align-items:center;justify-content:center;touch-action:pan-y}.arco__carta{position:absolute;top:50%;left:50%;height:var(--altezza-carta);aspect-ratio:1 / var(--rapporto-carta);margin:0;transform:translate(-50%,-50%) translate(calc(var(--x, 0) * var(--largo-carta, 0px)),calc(var(--y, 0) * var(--largo-carta, 0px))) rotate(var(--giro, 0deg)) scale(var(--scala, 1));transition:transform var(--durata) var(--molla),opacity var(--durata) ease;will-change:transform}.arco__carta--fuori{opacity:0;pointer-events:none}.arco__carta--girabile{cursor:pointer}.arco__carta--girabile:focus-visible{outline:3px solid currentColor;outline-offset:6px;border-radius:4px}.arco__giro{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.4,0,.2,1)}.arco__carta--girata .arco__giro{transform:rotateY(180deg)}.arco__faccia{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;backface-visibility:hidden;filter:drop-shadow(0 1.2rem 2rem rgba(0,0,0,.22))}.arco__faccia--retro{transform:rotateY(180deg)}.arco__comandi{display:flex;align-items:center;gap:1.8rem}.arco__freccia{width:4.4rem;height:4.4rem;display:grid;place-items:center;border:0;border-radius:50%;background:#ffffffc7;color:#1a1714;cursor:pointer;transition:background .2s ease,transform .2s ease}.arco__freccia svg{width:2.2rem;height:2.2rem}@media screen and (max-width:749px){.arco-sezione{margin-top:24px}}@media(hover:hover){.arco__freccia:hover{background:#fff}}.arco__freccia:active{transform:scale(.93)}.arco__freccia:focus-visible{outline:3px solid currentColor;outline-offset:3px}.arco__pallini{display:flex;gap:.8rem}.arco__pallino{width:.8rem;height:.8rem;border-radius:50%;background:currentColor;opacity:.32;transition:opacity .25s ease,transform .25s ease}.arco__pallino--attivo{opacity:1;transform:scale(1.35)}.arco__scelte{display:flex;flex-direction:column;align-items:center;width:100%;gap:1.6rem;position:relative;z-index:30}.arco__gruppo{display:flex;gap:.8rem;align-items:center}.arco__gruppo--palette{background:#fff;border-radius:999px;padding:.2rem .6rem;gap:.2rem;box-shadow:0 .4rem 1.6rem #1a17141a}.arco__gruppo--mazzi{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;gap:clamp(2rem,5vw,3rem)}.arco__gruppo--mazzi .arco__mazzo:first-child{justify-self:end}.arco__gruppo--mazzi .arco__mazzo:last-child{justify-self:start}.arco__mazzo{position:relative;border:0;background:none;padding:.6rem 0 .9rem;font:inherit;font-size:2.4rem;font-weight:700;letter-spacing:.02em;color:currentColor;opacity:.5;cursor:pointer;transition:opacity .2s ease}.arco__mazzo:after{content:"";position:absolute;left:0;right:0;bottom:.2rem;height:3px;background:currentColor;border-radius:2px;transform:scaleX(0);transform-origin:center;transition:transform .32s cubic-bezier(.2,.9,.3,1)}.arco__mazzo[aria-pressed=true]{opacity:1}.arco__mazzo[aria-pressed=true]:after{transform:scaleX(1)}.arco__mazzo:focus-visible{outline:3px solid currentColor;outline-offset:3px}.arco__mazzo[aria-disabled=true]{cursor:default}.arco__avviso{position:absolute;top:calc(50% + var(--altezza-carta) / 2 + 1.2rem);left:50%;z-index:20;transform:translate(-50%,-.6rem);padding:.7rem 1.6rem;border-radius:999px;background:#ffffffeb;color:#1a1714;font-size:1.2rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;box-shadow:0 .6rem 2rem #00000029;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease}.arco__avviso[data-mostra="1"]{opacity:1;transform:translate(-50%)}.arco__palette{width:4.4rem;height:4.4rem;padding:0;border:0;background:none;display:grid;place-items:center;cursor:pointer;border-radius:50%}.arco__pastiglia{width:2.6rem;height:2.6rem;border-radius:50%;background:conic-gradient(var(--c1) 0 25%,var(--c2) 0 50%,var(--c3) 0 75%,var(--c4) 0);box-shadow:0 0 0 1px #1a171429;transition:box-shadow .28s ease,transform .28s cubic-bezier(.2,.8,.3,1)}.arco__palette[aria-pressed=true] .arco__pastiglia{transform:scale(1.12);box-shadow:0 0 0 1px #1a171447,0 0 0 5px #1a171429}@media(hover:hover){.arco__palette:hover .arco__pastiglia{transform:scale(1.12)}}.arco__palette:focus-visible{outline:2px solid currentColor;outline-offset:-2px}@media(prefers-reduced-motion:reduce){.arco__carta,.arco__giro,.arco__freccia,.arco__pallino{transition:none}}@media screen and (max-width:749px){.arco{--altezza-carta: clamp(26rem, 78vw, 34rem)}.arco__mazzo{font-size:2rem}}.arco--muto .arco__carta,.arco--muto .arco__giro{transition:none!important}.arco--entrata .arco__carta{transition:transform var(--durata-entrata) var(--molla-entrata),opacity .5s ease}.arco__comandi[hidden]{display:none}.arco__nota{margin:1.6rem auto 0;max-width:52ch;text-align:center;font-size:1.5rem;line-height:1.5;color:#1a1714;opacity:.82}
/*# sourceMappingURL=/cdn/shop/t/8/assets/arco-carte.css.map */