.tester-variant-info{display:flex;align-items:center;margin-left:5px;justify-content:space-between}.testerVariant .tester-variant-info{margin-left:5px}.row.quickview-tpl.custom-product-details.cm-quickview-pro .testerVariant .tester-variant-info{margin-top:5px}.preview-size-grid .grid-body .variant-list label.testerVariant,dialog.preview-size-qv .qv-bottom .variant-list li label.size-label.testerVariant{display:flex;flex-direction:column;justify-content:center;align-items:center;height:auto;min-height:50px}.row.quickview-tpl.custom-product-details.cm-quickview-pro .product-form__input input[type=radio]+label.testerVariant{display:flex;flex-direction:column;justify-content:center;align-items:center;height:auto}.tester-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--pdp-overlay-light);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2147483647;display:none;align-items:center;justify-content:center;padding:20px;animation:fadeIn .3s ease-out}.tester-modal-overlay.is-open{display:flex!important}.tester-modal-container{background:var(--white-color);width:100%;max-width:900px;max-height:75vh;border-radius:24px;box-shadow:0 20px 40px var(--pdp-shadow-color-light);position:relative;overflow:hidden;scrollbar-gutter:stable;display:flex;flex-direction:column;animation:slideUp .4s cubic-bezier(.16,1,.3,1)}.tester-modal-container .tester-modal-close{position:absolute;top:15px;right:15px;background:var(--black-color);border:none;border-radius:50%!important;width:32px;height:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--white-color);z-index:999;transition:transform .2s,background .2s;padding:0}.tester-modal-close:hover{transform:scale(1.1);background:var(--pdp-brown-hover)}.tester-modal-close svg{width:20px;height:20px}.tester-modal-content{display:flex;flex-direction:row;height:100%;overflow:hidden}.tester-modal-text-side{flex:1;padding:40px 50px;display:flex;flex-direction:column;overflow-y:auto;min-width:300px}.tester-modal-title{margin:0 0 20px;font-family:var(--sofia-pro);font-size:29px;font-weight:500;color:var(--black-color);line-height:34px;text-align:left}.tester-modal-description{font-family:var(--sofia-pro);font-size:17px;line-height:26px;color:var(--black-color);font-weight:500}.tester-modal-description p{margin-bottom:20px}.tester-modal-description p:last-child{margin-bottom:0}.tester-modal-media-side{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 50px}.tester-modal-video-wrapper,.tester-modal-image-wrapper{width:100%;height:100%;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center}.tester-modal-media-side img,.tester-modal-media-side video{max-width:100%;max-height:100%;object-fit:contain;display:block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:767px){.tester-modal-container{max-width:100%;margin-top:50px;border-radius:20px;height:auto;max-height:90vh;overflow-y:auto}.tester-modal-content{flex-direction:column;height:auto;overflow:visible}.tester-modal-text-side{padding:30px;flex:none}.tester-modal-title{font-size:21px;line-height:24px;margin-bottom:15px}.tester-modal-overlay{top:-30px}.tester-modal-description{font-size:14px}.tester-modal-media-side{aspect-ratio:auto;width:100%;flex:none;min-height:auto;padding:0 30px 30px}.tester-modal-video-wrapper,.tester-modal-image-wrapper{height:auto}.tester-modal-media-side img,.tester-modal-media-side video{width:100%;height:auto;max-height:none;object-fit:contain}}.tester-modal-trigger{color:var(--black-color);background:transparent;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.tester-modal-trigger:hover{opacity:.7}.tester-info-icon-trigger{margin-left:8px}.tester-modal-video-wrapper .custom-video{width:100%;height:100%;max-width:100%;max-height:100%;position:relative;display:block}.tester-modal-video-wrapper .custom-video video{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:cover;display:block}.tester-modal-video-wrapper custom-video .hero-card-media__play-pause{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;width:50px;height:50px;padding:0;border:none;border-radius:50%;background:var(--white-color);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.tester-modal-video-wrapper custom-video:hover .hero-card-media__play-pause,.tester-modal-video-wrapper custom-video.is-paused .hero-card-media__play-pause{opacity:1}.tester-modal-video-wrapper custom-video .hero-card-media__play-pause svg,.tester-modal-video-wrapper custom-video .hero-card-media__play-pause .icon{width:12px!important;height:12px!important;fill:var(--black-color)!important;stroke:none!important;padding:0!important;margin:0!important}.tester-modal-video-wrapper custom-video .hero-card-media__play-pause [data-hero-card-icon]{display:flex;align-items:center;justify-content:center}.tester-modal-video-wrapper custom-video .hero-card-media__play-pause [data-hero-card-icon][hidden]{display:none}.tester-modal-video-wrapper custom-video .controls{display:flex;gap:12px;align-items:center;position:absolute;bottom:10px;left:10px;right:10px;background:var(--pdp-overlay-bg);padding:8px 10px;border-radius:6px;z-index:11;opacity:0;transition:opacity .3s ease}.tester-modal-video-wrapper custom-video:hover .controls,.tester-modal-video-wrapper custom-video:focus-within .controls{opacity:1}.tester-modal-video-wrapper custom-video .controls button{background:transparent;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;box-sizing:border-box}.tester-modal-video-wrapper custom-video .controls button svg{width:14px;height:14px;fill:var(--white-color);color:var(--white-color);stroke:none}.tester-modal-video-wrapper custom-video .controls .time-display{color:var(--white-color);font-size:12px;font-family:var(--font-body-family);min-width:65px;text-align:center;-webkit-user-select:none;user-select:none}.tester-modal-video-wrapper custom-video .controls .progress{flex:1;height:6px;background:var(--pdp-white-transparent);position:relative;cursor:pointer;border-radius:3px;overflow:hidden}.tester-modal-video-wrapper custom-video .controls .progress:after{content:"";position:absolute;height:100%;width:var(--progress, 0%);background:var(--pdp-pink-flamingo);left:0;top:0}.tester-modal-video-wrapper custom-video button .play-pause-icon,.tester-modal-video-wrapper custom-video button .icon-mute-unmute,.tester-modal-video-wrapper custom-video button .fullscreen-icon{display:none;width:100%;height:100%;align-items:center;justify-content:center}.tester-modal-video-wrapper custom-video button[data-video-play=true] .play-pause-icon[data-hero-card-icon=play],.tester-modal-video-wrapper custom-video button[data-video-play=false] .play-pause-icon[data-hero-card-icon=pause],.tester-modal-video-wrapper custom-video button[data-mute=true] .icon-mute-unmute[data-hero-card-icon=mute],.tester-modal-video-wrapper custom-video button[data-mute=false] .icon-mute-unmute[data-hero-card-icon=unmute],.tester-modal-video-wrapper custom-video button[data-video-maximize=true] .fullscreen-icon[data-hero-card-icon=maximize],.tester-modal-video-wrapper custom-video button[data-video-maximize=false] .fullscreen-icon[data-hero-card-icon=minimize-video]{display:flex}.variant-fieldset-wrapper{position:relative}.variant-fieldset-wrapper tester-modal{position:absolute;left:84px;bottom:32px;z-index:10}.product-form__input input[type=radio]+label{flex-direction:column}.product-form__input input[type=radio]:focus,.product-form__input input[type=radio]:focus-visible{outline:none;box-shadow:none}
/*# sourceMappingURL=/cdn/shop/t/638/assets/tester-modal.css.map */
