.image-with-details{background-color:rgb(var(--color-background));text-align:center;overflow:hidden;display:flex;justify-content:center;width:100%}.image-with-details__description p{margin:0}.image-with-details__image-wrapper{width:100%;display:flex;justify-content:center;position:relative}.image-with-details__image-container{position:relative}.image-with-details__image-container img{width:100%;height:auto}.image-with-details__detail{position:absolute}.image-with-details__detail summary{width:24px;height:24px;border-radius:50%}.image-with-details__detail summary::marker{content:""}.image-with-details__detail-icon{font-size:20px;background-color:rgb(var(--color-dot-background));display:flex;width:25px;height:25px;align-items:center;justify-content:center;border-radius:50%;font-weight:700;transition:all .1s ease-in-out;line-height:50px;cursor:pointer;position:relative;z-index:2}.image-with-details__detail summary:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background-color:rgba(var(--color-dot-background),.2);border:2px solid rgba(var(--color-dot-background),.6);border-radius:50%;animation:pulse 2s ease-out infinite;z-index:1}.image-with-details__detail-content{position:absolute;left:50%;transform:translate(-50%) scale(.5);opacity:0;text-align:left;width:max-content;min-width:120px;max-width:10rem;text-align:center;padding:var(--padding-xs) var(--padding-xs) var(--padding-md);border:1px solid var(--color-foreground);border-radius:260px 260px var(--card-border-radius) var(--card-border-radius)}.image-with-details__detail-content img{border-radius:260px 260px 0 0}.image-with-details__detail[open] .image-with-details__detail-content{animation:popupAppear .3s ease-out forwards}.image-with-details__detail-content--bottom{top:calc(100% + 5px)}.image-with-details__detail-content p{line-height:1.5;margin:0}.image-with-details__detail-content p:not(:last-child){margin-bottom:5px}@media screen and (max-width: 750px){.image-with-details .image-with-details__image-container{width:100%}.image-with-details__detail-content{padding:0;border:none}.image-with-details__detail-content>*{display:none}.image-with-details__detail-content:has(dialog[open])>.image-with-details__detail-product{display:block;margin:0}.image-with-details__detail-content:has(dialog[open])>.image-with-details__detail-product .quick-add-button{display:none}.image-with-details__detail-content--bottom-left{left:50%;right:auto;top:50%}.image-with-details__detail-content--bottom-right{top:50%;right:50%;left:auto}.image-with-details__detail-content--top-left{bottom:50%;left:50%;right:auto}.image-with-details__detail-content--top-right{bottom:50%;right:50%;left:auto}}.image-with-details__detail-image{margin-bottom:.75rem}.image-with-details__detail-image img{width:100%;height:auto}.image-with-details__detail-title{margin:0 0 .5rem;line-height:1.3;font-family:var(--font-heading--family);font-size:var(--font-h5--size);line-height:1}.image-with-details__detail-price{font-size:.9rem}.image-with-details__detail-price--compare{text-decoration:line-through}.image-with-details__detail-product{margin-top:.5rem}.image-with-details__detail-product .quick-add-component{width:100%}.image-with-details__detail-product .quick-add-button{width:100%;justify-content:flex-start;background:none;border:none;padding:0;text-decoration:underline;font-size:.9rem;font-weight:500;cursor:pointer;transition:opacity .2s ease}.image-with-details__detail-product .quick-add-button .button__content{display:inline;font-weight:700;font-size:14px}@keyframes pulse{0%{opacity:1;transform:translate(-50%,-50%) scale(.4)}to{opacity:0;transform:translate(-50%,-50%) scale(1.6)}}@keyframes popupAppear{0%{opacity:0;transform:translate(-50%) scale(.5)}to{opacity:1;transform:translate(-50%) scale(1)}}
/*# sourceMappingURL=/cdn/shop/t/155/assets/section-image-with-details.css.map */