.tpt-image-comparison{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;text-align:center;gap:2em}.tpt-image-comparison *,.tpt-image-comparison *:before,.tpt-image-comparison *:after{box-sizing:border-box}.tpt-image-comparison_wrapper{box-sizing:border-box;background-color:var(--wrapper-background-color, #F5E6A3);border-radius:var(--wrapper-border-radius, 20px);padding:3em 2em;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;gap:2em}.tpt-image-comparison_rating{display:flex;align-items:center;justify-content:center;gap:.75em;font-size:.9em;font-weight:500}.tpt-image-comparison_stars{display:flex;gap:.2em}.tpt-image-comparison_star{color:gold;font-size:1.1em}.tpt-image-comparison_main-heading{margin:0}.tpt-image-comparison_main-heading h2{margin:0;font-weight:700;line-height:1.2}.tpt-image-comparison_main-description{max-width:32em;font-size:1.1em;line-height:1.5}.tpt-image-comparison_main-description p{margin:0}.tpt-image-comparison_main-button{margin-top:.5em}.tpt-image-comparison_images{display:flex;align-items:center;justify-content:center;gap:2em;width:100%;position:relative;margin-top:2em}.tpt-image-comparison_image-container{flex:1;width:50%;position:relative}.tpt-image-comparison_before{transform:rotate(var(--image-rotation-before, -5deg))}.tpt-image-comparison_after{transform:rotate(var(--image-rotation-after, 5deg))}.tpt-image-comparison_image-frame{background:var(--frame-background-color, #ffffff);padding:var(--frame-padding, 16px) var(--frame-padding, 16px) calc(var(--frame-padding, 16px) * 2) var(--frame-padding, 16px);border-radius:var(--frame-border-radius, 8px);box-shadow:0 .5em 2em #00000026;position:relative;overflow:hidden;aspect-ratio:1;width:100%;height:auto}.tpt-image-comparison_image-frame.tpt-image-comparison_image-frame--no-label{padding:var(--frame-padding, 16px)}.tpt-image-comparison_image-frame img,.tpt-image-comparison_image-frame svg{width:100%;height:100%;object-fit:cover;display:block;border-radius:max(0px,calc(var(--frame-border-radius, 8px) - var(--frame-padding, 16px)))}.tpt-image-comparison_image-frame svg{opacity:.3;background-color:#f0f0f0}.tpt-image-comparison_image-label{position:absolute;bottom:calc(var(--frame-padding, 16px) * .5);left:50%;transform:translate(-50%);font-size:.9em;font-weight:600;color:#333;text-align:center;line-height:1}.tpt-image-comparison_arrow{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;color:var(--arrow-color, #333);padding:.75em;border-radius:50%;display:flex;align-items:center;justify-content:center;width:calc(var(--arrow-size, 40px) + 1.5em);height:calc(var(--arrow-size, 40px) + 1.5em)}.tpt-image-comparison_arrow svg{display:block;width:var(--arrow-size, 40px);height:auto;max-height:calc(var(--arrow-size, 40px) / 2)}@media screen and (min-width:768px)and (max-width:1279px){.tpt-image-comparison{gap:2.5em}.tpt-image-comparison_wrapper{padding:2.5em 2em}.tpt-image-comparison_main-description{font-size:1.05em}.tpt-image-comparison_images{gap:1.5em;margin-top:1.5em}.tpt-image-comparison_arrow{padding:.6em;width:calc(var(--arrow-size, 40px) + 1.2em);height:calc(var(--arrow-size, 40px) + 1.2em)}.tpt-image-comparison_arrow svg{width:calc(var(--arrow-size, 40px) * .85);height:auto;max-height:calc(var(--arrow-size, 40px) * .85 / 2)}}@media screen and (max-width:767px){.tpt-image-comparison{gap:2em}.tpt-image-comparison_wrapper{padding:2em 1.5em}.tpt-image-comparison_rating{flex-direction:column;gap:.5em}.tpt-image-comparison_main-description{font-size:1em;max-width:100%}.tpt-image-comparison_images{flex-direction:column;gap:2.5em;max-width:100%;margin-top:1.5em}.tpt-image-comparison_image-container{width:100%;max-width:20em;margin:0 auto}.tpt-image-comparison_before{transform:rotate(-3deg)}.tpt-image-comparison_after{transform:rotate(3deg)}.tpt-image-comparison_arrow{position:relative;left:auto;top:auto;transform:none;margin:-1em 0;width:calc(var(--arrow-size, 40px) + 1em);height:calc(var(--arrow-size, 40px) + 1em);padding:.5em}.tpt-image-comparison_arrow svg{width:calc(var(--arrow-size, 40px) * .7);height:auto;max-height:calc(var(--arrow-size, 40px) * .7 / 2);transform:rotate(90deg)}.tpt-image-comparison_image-frame{padding:var(--frame-padding, 16px) var(--frame-padding, 16px) calc(var(--frame-padding, 16px) * 1.5) var(--frame-padding, 16px)}.tpt-image-comparison_image-frame.tpt-image-comparison_image-frame--no-label{padding:var(--frame-padding, 16px)}.tpt-image-comparison_image-label{bottom:calc(var(--frame-padding, 16px) * .5);font-size:.85em}}@media screen and (max-width:480px){.tpt-image-comparison{gap:1.5em}.tpt-image-comparison_wrapper{padding:1.5em 1em}.tpt-image-comparison_main-description{font-size:.95em}.tpt-image-comparison_image-container{max-width:16em}.tpt-image-comparison_image-frame{padding:calc(var(--frame-padding, 16px) * .8) calc(var(--frame-padding, 16px) * .8) calc(var(--frame-padding, 16px) * 1.3) calc(var(--frame-padding, 16px) * .8)}.tpt-image-comparison_image-frame.tpt-image-comparison_image-frame--no-label{padding:calc(var(--frame-padding, 16px) * .8)}.tpt-image-comparison_images{margin-top:1em}.tpt-image-comparison_arrow{width:calc(var(--arrow-size, 40px) * .8 + .8em);height:calc(var(--arrow-size, 40px) * .8 + .8em);padding:.4em}.tpt-image-comparison_arrow svg{width:calc(var(--arrow-size, 40px) * .6);height:auto;max-height:calc(var(--arrow-size, 40px) * .6 / 2)}}@media(hover:hover){.tpt-image-comparison_image-frame{transition:transform .3s ease,box-shadow .3s ease}.tpt-image-comparison_image-frame:hover{transform:translateY(-.25em);box-shadow:0 .75em 2.5em #0003}.tpt-image-comparison_arrow{transition:transform .3s ease}.tpt-image-comparison_arrow:hover{transform:translate(-50%,-50%) scale(1.1)}@media screen and (max-width:767px){.tpt-image-comparison_arrow:hover{transform:scale(1.1)}}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/tpt-image-comparison-2.css.map */