.htp-container{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:0 auto;background-image:url(/cdn/shop/files/cda-red-pattern__background.png);background-size:cover;background-position:center;width:100%;height:830px;border-radius:20px;box-sizing:border-box;overflow:hidden}.htp-item{position:relative;background-color:#fff;border-radius:20px;overflow:visible}.htp-explanation{height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:50px;font-size:20px;line-height:1.6}.htp-visual-explanation{position:relative;height:100%;overflow:visible}.taco-orange-green{position:absolute;height:auto;width:auto;max-width:600px;bottom:-50px;left:50%;transform:translate(-50%)}.red-card-pickles{position:absolute;width:332px;bottom:-30%;left:50%;transform:translate(-50%);animation:popUpAnimation .6s cubic-bezier(.34,1.56,.64,1) forwards}.tabs__radio{position:absolute;opacity:0;pointer-events:none}.htp-1--tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:0;margin-bottom:0}.htp-1--tabs-label{color:#000;padding:16px 32px;font-size:24px;cursor:pointer;transition:all .3s ease;border-radius:20px 20px 0 0;-webkit-user-select:none;user-select:none;background-color:transparent;margin:0}.htp-1--tabs-label:hover{background-color:#dd3d301a}.tabs__radio:checked+.htp-1--tabs-label{font-weight:700;color:#fff;background-color:#dd3d30;padding:16px 48px}.htp1--tab-content{order:1;width:100%;display:none;opacity:0;transition:opacity .4s ease-in-out;margin-top:0}.tabs__radio:checked+.htp-1--tabs-label+.htp1--tab-content{display:flex;justify-content:center;opacity:1}.txt-margin-bot-big{margin-bottom:40px}.txt-padding-left-sml{padding-left:40px}.ashcan-font{font-family:Font-1705662963889,sans-serif}@keyframes popUpAnimation{0%{transform:translate(-50%) translateY(100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@media (max-width: 1024px){.htp-container{grid-template-columns:1fr;height:auto;padding:30px}.htp-explanation{padding:30px}.htp-item:last-child{min-height:500px}.taco-orange-green{max-width:400px}.red-card-pickles{width:280px}}@media (max-width: 640px){.htp-container{padding:15px;border-radius:10px}.htp-item{border-radius:10px}.htp-explanation{padding:20px;font-size:16px}.htp-item:last-child{min-height:400px}.taco-orange-green{max-width:300px;bottom:-30px}.red-card-pickles{width:200px;bottom:-20%}.htp-1--tabs-label{padding:12px 20px;font-size:18px}.tabs__radio:checked+.htp-1--tabs-label{padding:12px 24px}.txt-padding-left-sml{padding-left:20px}}.tabs__radio:focus+.htp-1--tabs-label{outline:2px solid #DD3D30;outline-offset:4px}.htp-container{grid-template-columns:1fr 1fr;gap:20px;background-image:url(/cdn/shop/files/cda-red-pattern__background.png);background-size:contain;width:100%;height:830px;border-radius:20px;display:grid}.htp-item{background-color:#fff;margin:50px;border-radius:20px;position:relative}.htp-explanation{height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:50px;font-size:20px}.htp-visual-explanation{position:relative;width:100%;height:100%}.txt-margin-bot-sml{margin-bottom:20px}.font-orange{color:#f08c1e}.font-red{color:#dd3d30}.font-green{color:#00a296}.ashcan-font{font-family:Font-1705662963889!important}.draw-pass-draw,.chaotic-guess-along,.award-goes-to{position:absolute;width:80%;left:0;right:0;top:0;bottom:0;margin:auto}.draw-pass-draw{bottom:-30px;top:auto}.htp2--tabs__radio{display:none}.htp2--tab-content{order:1;width:100%;display:none}.htp-2--tabs{display:flex;flex-wrap:wrap;justify-content:center}.htp-2--tabs-label{color:#000;padding:16px 20px;font-size:24px;cursor:pointer;transition:all .3s ease}.htp-2--tabs-label:hover{color:#dd3d30}.htp2--tabs__radio:checked+.htp-2--tabs-label{font-weight:700;color:#fff;padding:16px 64px;background-color:#dd3d30;font-size:24px;border-top-left-radius:20px;border-top-right-radius:20px}.htp2--tabs__radio:checked+.htp-2--tabs-label+.htp2--tab-content{display:flex;justify-content:center}@media (max-width: 768px){.htp-container{grid-template-columns:1fr;height:auto}.htp-item{margin:25px}.htp-explanation{padding:30px;font-size:18px}.htp-2--tabs-label{font-size:18px;padding:12px 16px}.htp2--tabs__radio:checked+.htp-2--tabs-label{font-size:18px;padding:12px 32px}}.card-section-how{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px}.card-container-how{flex:0 0 auto}.card-how{width:247px;height:337px;position:relative;transform-style:preserve-3d;transition:transform .5s}.card-how.flipped{transform:rotateY(180deg)}.card-how.unflipping{animation:unflip .5s forwards}@keyframes unflip{0%{transform:rotateY(180deg)}to{transform:rotateY(0)}}.card-back-how,.card-front-how{position:absolute;width:100%;height:100%;object-fit:cover;backface-visibility:hidden;border-radius:8px}.card-front-how{transform:rotateY(180deg)}#flip-button,#generate-result{font-size:16px;background-color:#dd3d30;padding:4px 16px;color:#fff;border-radius:16px;box-shadow:2px 2px 4px #00000040;transition:all .3s ease-in-out}#flip-button:hover,#generate-result:hover{background-color:#a01d20}#generate-result.glow{box-shadow:0 0 8px #dd3d3099;animation:glowPulse 2s infinite alternate}@keyframes glowPulse{0%{box-shadow:0 0 8px #dd3d3099}to{box-shadow:0 0 16px #dd3d30}}.center-button{margin-bottom:40px;display:flex;justify-content:center;margin-top:16px}.result-image-container-center{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:32px;scroll-margin-top:100px}#result-button-container{display:none;margin-top:10px}#result-button-container.animate-in{display:block;animation:slideDown .6s ease-in-out forwards}#result-button-container.animate-out{animation:slideUpFade .6s ease-in-out forwards}@keyframes slideUpFade{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}#result-image-container{display:none;padding:0 16px;width:100%;box-sizing:border-box;text-align:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}#result-image{width:100%;max-width:500px;min-width:300px;height:auto;margin:0 auto;border-radius:20px;animation-name:fadeIn;animation-duration:2s;animation-fill-mode:both;display:block}@media (max-width: 768px){.card-section-how{flex-direction:row;align-items:center}.card-container-how{width:40%;max-width:300px}.card-how{width:100%;height:auto;aspect-ratio:3 / 4}#result-image{max-width:100%;height:auto}}
/*# sourceMappingURL=/cdn/shop/t/16/compiled_assets/styles.css.map */