.name-that-pasta-section{padding:60px 0 97px;background-color:#fff9f0;position:relative;overflow:hidden}.name-that-pasta__background-icons{position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;max-width:1200px;height:100%;pointer-events:none;z-index:0}.spaghetti-background{position:absolute;top:0;left:65px;width:auto;height:115px;pointer-events:none;z-index:0}.spaghetti-background svg{width:auto;height:115px;display:block}.name-that-pasta-section .page-width{position:relative;z-index:1}.tagliatelle-background{position:absolute;left:50%;transform:translate(-50%);bottom:0;width:auto;height:111px;pointer-events:none;z-index:0}.tagliatelle-background svg{width:auto;height:111px;display:block}.tagliatelle-y-background{position:absolute;right:23px;top:40%;transform:translateY(-40%);width:auto;height:114px;pointer-events:none;z-index:0}.tagliatelle-y-background svg{width:auto;height:114px;display:block}.name-that-pasta__title{text-align:center;color:#2c2c2c;font-weight:700}.name-that-pasta__description{text-align:center;margin-bottom:60px}.name-that-pasta__description p{font-family:Pitch;font-weight:800;font-style:Bold;font-size:24px;line-height:24px;letter-spacing:0%;text-align:center;vertical-align:middle;text-transform:capitalize;max-width:600px;margin:0 auto}.name-that-pasta__unified-bar{text-align:center;margin-bottom:40px;font-size:1rem;color:#666;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.unified-stat{color:#666;font-size:1rem}.unified-stat strong{font-weight:700;color:#2c2c2c;transition:color .3s ease}.unified-stat strong.updated{color:#8dc63f}.unified-divider{color:#ccc;font-size:1.2rem;line-height:1}.unified-reset{background:none;border:none;color:#a19201;font-size:1rem;font-weight:600;cursor:pointer;padding:0;text-decoration:underline;transition:all .2s ease}.unified-reset:hover{color:#7a6f01;text-decoration:none}.name-that-pasta__game{display:flex;flex-direction:column;gap:60px;margin-bottom:40px}.name-that-pasta__success-inline{text-align:center;min-height:200px;display:flex;align-items:center;justify-content:center}.success-inline-content{max-width:500px}.success-emoji{font-size:4rem;margin-bottom:15px;animation:bounceIn .6s ease}@keyframes bounceIn{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.success-inline-title{font-family:Pitch;font-weight:800;font-style:Bold;font-size:40px;line-height:40px;letter-spacing:0%;text-align:center;vertical-align:middle;text-transform:capitalize;color:#414729;margin:0}.success-inline-message{font-size:1.2rem;color:#666;margin-bottom:25px;font-style:italic}.success-play-again{background:#a19201;color:#fff;border:none;padding:12px 30px;border-radius:30px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.name-that-pasta__icons{display:flex;justify-content:center;gap:38px;flex-wrap:wrap}.pasta-icon{position:relative;width:128px;height:128px;display:flex;align-items:center;justify-content:center;cursor:grab;transition:all .3s ease}.pasta-icon:active{cursor:grabbing}.pasta-icon.dragging{opacity:.5;transform:scale(.95)}.pasta-icon.dragging-touch{position:fixed;pointer-events:none;z-index:1000;opacity:.8;transform:scale(1.1);transition:none}.pasta-icon.matched{opacity:.5;pointer-events:none;transform:scale(.9)}.pasta-icon.selected{outline:3px solid #8DC63F;outline-offset:4px}.pasta-icon:hover:not(.matched){transform:translateY(-5px)}.pasta-icon svg{width:100%;height:100%;display:block}.name-that-pasta__names{display:flex;justify-content:center;gap:30px;flex-wrap:wrap}.pasta-name-card{display:flex;flex-direction:column;align-items:center;gap:20px;width:300px;height:200px;padding:25px;background:transparent;border:solid 2px #212322;border-radius:20px;box-shadow:0 4px 12px #0000001a;transition:all .3s ease;cursor:pointer}.pasta-name-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px #00000026}.pasta-name-card__dropzone{width:120px;height:120px;min-width:120px;min-height:120px;flex-shrink:0;border:3px dashed #B3AF92;border-radius:50%;background-color:transparent;display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative;padding:10px;box-sizing:border-box}.pasta-name-card__dropzone:before{content:"?";font-family:Pitch;font-weight:800;font-style:Bold;font-size:40px;line-height:24px;letter-spacing:0%;text-align:center;vertical-align:middle;text-transform:capitalize;color:#b3af92;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.pasta-name-card__dropzone.filled:before,.pasta-name-card__dropzone.incorrect:before{display:none}.pasta-name-card__dropzone.drag-over{background-color:#d4a57433;border-color:#212322;transform:scale(1.05)}.pasta-name-card__dropzone.filled{background-color:#8dc63f1a;border-color:#8dc63f;border-style:solid}.pasta-name-card__dropzone.incorrect{background-color:#ed1c241a;border-color:#ed1c24;border-style:solid;animation:shake .5s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.pasta-name-card__label{font-family:Pitch;font-weight:800;font-style:Bold;font-size:24px;line-height:24px;letter-spacing:0%;text-align:center;vertical-align:middle;text-transform:uppercase;color:#2c2c2c}.pasta-name-card__dropzone .pasta-icon{cursor:grab;width:100%;height:100%;max-width:100px;max-height:100px}.pasta-name-card__dropzone .pasta-icon:active{cursor:grabbing}.pasta-name-card__dropzone .pasta-icon:hover{transform:scale(1.05)}@media (max-width: 768px){.spaghetti-background{left:-15px}.tagliatelle-y-background{display:none}.name-that-pasta__title{font-size:2rem}.name-that-pasta__unified-bar{font-size:.9rem;gap:8px}.unified-stat,.unified-reset{font-size:.9rem}.name-that-pasta__icons{gap:0px}.name-that-pasta__names{gap:20px}.pasta-icon,.pasta-name-card__dropzone{width:100px;height:100px}.pasta-name-card{padding:0;min-width:auto;width:auto;height:auto;border:none;background:transparent;box-shadow:none;gap:15px}.pasta-name-card:hover{transform:none;box-shadow:none}.pasta-name-card__label{display:block;font-size:.875rem;margin-top:10px}.pasta-name-card__dropzone{width:100px;height:100px;min-width:100px;min-height:100px}.success-emoji{font-size:3rem}.success-inline-message{font-size:1rem}.success-play-again{padding:10px 25px;font-size:.9rem}}.confetti{position:fixed;width:10px;height:10px;z-index:9999;pointer-events:none;animation:confetti-fall 3s ease-out forwards}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.confetti.square{border-radius:0}.confetti.circle{border-radius:50%}.confetti.ribbon{width:5px;height:15px;border-radius:2px}@media (hover: none) and (pointer: coarse){.pasta-icon,.pasta-icon:active,.pasta-name-card{cursor:pointer}}
/*# sourceMappingURL=/cdn/shop/t/152/assets/name-that-pasta.css.map */