@charset "UTF-8";c-image-popup{display:contents}.c-image-popup__modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;display:flex;align-items:center;justify-content:center;padding:16px}.c-image-popup__modal[hidden]{display:none}.c-image-popup__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,var(--c-image-popup-overlay-opacity, .2))}.c-image-popup__dialog{position:relative;width:100%;max-width:var(--c-image-popup-max-width, 480px);max-height:calc(100dvh - 64px);overflow-y:auto;background:var(--bg);border-radius:var(--RADIUS);box-shadow:0 10px 40px #0000002e;animation:c-image-popup-appear .35s cubic-bezier(0,0,.2,1) both}.c-image-popup__dialog:focus,.c-image-popup__dialog:focus-visible{outline:none}.c-image-popup__close{position:absolute;top:10px;right:10px;z-index:1;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:50%;background:#00000073;color:#fff;cursor:pointer;transition:background .2s ease}.c-image-popup__close:hover{background:#000000a6}.c-image-popup__close .icon-close{width:13px;height:13px;stroke-width:16px}.c-image-popup__picture{display:block}.c-image-popup__image{display:block;width:100%;height:auto;border-radius:var(--RADIUS) var(--RADIUS) 0 0}.c-image-popup__image-link{display:block;line-height:0}.c-image-popup__body>.c-image-popup__picture:last-child .c-image-popup__image,.c-image-popup__body>.c-image-popup__image-link:last-child .c-image-popup__image{border-radius:var(--RADIUS)}.c-image-popup__text{display:flex;flex-direction:column;gap:12px;padding:16px 20px 20px;text-align:center}.c-image-popup__title{margin:0;font-size:max(16px,calc(1.125rem * var(--adjust-heading)));line-height:1.4;font-weight:var(--FONT-WEIGHT-HEADING-BOLD);font-family:var(--FONT-STACK-HEADING);font-style:var(--FONT-STYLE-HEADING);color:var(--heading)}.c-image-popup__content{font-size:max(13px,calc(.875rem * var(--adjust-body)));line-height:1.6;color:var(--text-alpha-60)}.c-image-popup__content p{margin:0}.c-image-popup__content p+p{margin-top:8px}.c-image-popup__button{display:inline-flex;align-items:center;justify-content:center;align-self:center;min-height:46px;padding:0 28px;border:1px solid var(--PRIMARY-BUTTONS-COLOR-BORDER, var(--PRIMARY-BUTTONS-COLOR-BG));border-radius:var(--RADIUS-SMALL);background:var(--PRIMARY-BUTTONS-COLOR-BG);color:var(--PRIMARY-BUTTONS-COLOR-TEXT);font-size:max(14px,calc(.875rem * var(--adjust-body)));font-weight:var(--FONT-WEIGHT-BUTTON-BOLD);text-transform:var(--BUTTON-TEXT-CAPS);text-decoration:none;transition:background .2s ease,color .2s ease}.c-image-popup__button:hover{background:var(--PRIMARY-BUTTONS-COLOR-HOVER);border-color:var(--PRIMARY-BUTTONS-COLOR-HOVER)}.c-image-popup__minitab{position:fixed;left:0;top:50%;transform:translateY(-50%);z-index:8990;display:flex;flex-direction:column;align-items:center;gap:8px;animation:c-image-popup-slide-in .35s cubic-bezier(0,0,.2,1) both}.c-image-popup__minitab[hidden]{display:none}.c-image-popup__minitab-open{display:flex;align-items:center;justify-content:center;padding:18px 10px;border:none;border-radius:0 var(--RADIUS-SMALL) var(--RADIUS-SMALL) 0;background:var(--c-image-popup-minitab-bg, var(--PRIMARY-BUTTONS-COLOR-BG));color:var(--c-image-popup-minitab-color, var(--PRIMARY-BUTTONS-COLOR-TEXT));box-shadow:0 2px 10px #00000026;cursor:pointer;transition:filter .2s ease}.c-image-popup__minitab-open:hover{filter:brightness(.92)}.c-image-popup__minitab-label{writing-mode:vertical-rl;font-size:max(13px,calc(.8125rem * var(--adjust-body)));line-height:1;font-weight:var(--FONT-WEIGHT-BODY-BOLD);letter-spacing:.05em;white-space:nowrap}.c-image-popup__minitab-close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:1px solid var(--COLOR-BORDER);border-radius:50%;background:var(--bg);color:var(--text-alpha-60);box-shadow:0 1px 4px #0000001f;cursor:pointer;transition:background .2s ease}.c-image-popup__minitab-close:hover{background:var(--bg-lighten-darken)}.c-image-popup__minitab-close .icon-close{width:10px;height:10px;stroke-width:18px}@keyframes c-image-popup-appear{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes c-image-popup-slide-in{0%{opacity:0;translate:-100% 0}to{opacity:1;translate:0 0}}@media(prefers-reduced-motion:reduce){.c-image-popup__dialog,.c-image-popup__minitab{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/c-image-popup.css.map */