.realisations-modal{--rm-pink: #FF9BDA;--rm-pink-light: #FFE9F7;--rm-yellow: #FFFA00;--rm-black: #111111;display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;align-items:flex-start;justify-content:center;padding:150px 16px 16px;box-sizing:border-box;overflow-y:auto}.realisations-modal[aria-hidden=false]{display:flex}body.modal-open .slider-button{visibility:hidden}.realisations-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#111111bf;cursor:pointer}.realisations-modal__content{position:relative;z-index:1;background:#fff;border-radius:20px;border:2.5px solid var(--rm-black);max-width:860px;width:100%;max-height:calc(100vh - 96px);overflow-y:auto;padding:40px 32px 32px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;gap:24px;box-shadow:8px 8px 0 var(--rm-black);margin-bottom:16px}.realisations-modal__close{position:absolute;top:12px;right:12px;background:var(--rm-yellow);border:2.5px solid var(--rm-black);border-radius:50%;width:36px;height:36px;font-size:16px;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;z-index:2;transition:transform .15s}.realisations-modal__close:hover{transform:scale(1.08)}.realisations-modal__slider{position:relative;grid-column:1;grid-row:1 / 3;align-self:start}.realisations-modal__slides{overflow:hidden;border-radius:12px;border:2.5px solid var(--rm-black);background:#f5f5f5}.realisations-modal__slide{display:none}.realisations-modal__slide.active{display:block}.realisations-modal__img{width:100%;height:auto;max-height:480px;object-fit:contain;display:block}.modal-nav-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:20;background:var(--rm-yellow);color:var(--rm-black);border:2.5px solid var(--rm-black);cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;border-radius:8px;transition:transform .15s,box-shadow .15s;box-shadow:3px 3px 0 var(--rm-black)}.modal-nav-btn:hover{transform:translateY(-50%) translate(-1px,-1px);box-shadow:4px 4px 0 var(--rm-black)}.modal-nav-btn:active{transform:translateY(-50%) translate(1px,1px);box-shadow:1px 1px 0 var(--rm-black)}.modal-nav-prev{left:10px}.modal-nav-next{right:10px}.realisations-modal__counter{position:absolute;bottom:10px;right:10px;background:#fff;border:2px solid var(--rm-black);border-radius:20px;padding:4px 12px;font-size:.75rem;font-weight:800;z-index:20}.realisations-modal__info{grid-column:2;grid-row:1 / 3;align-self:start;padding-top:4px}.realisations-modal__info h2{font-size:1.4rem;font-weight:800;line-height:1.3;margin:0 0 16px;padding-bottom:10px;border-bottom:4px solid var(--rm-yellow);display:inline-block}.realisations-modal__text-short{position:relative;background:var(--rm-pink-light);border:2.5px solid var(--rm-black);border-radius:20px;padding:18px 20px;margin-bottom:20px;color:var(--rm-black);font-size:.95em}.realisations-modal__text-short:before,.realisations-modal__text-short:after{content:"";position:absolute;left:12px;right:12px;height:13px;background:var(--rm-pink-light);-webkit-mask-image:radial-gradient(circle at 9px 0,transparent 8px,black 8.5px);mask-image:radial-gradient(circle at 9px 0,transparent 8px,black 8.5px);-webkit-mask-size:18px 13px;mask-size:18px 13px;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x}.realisations-modal__text-short:before{top:-8px;border-top:2.5px solid var(--rm-black)}.realisations-modal__text-short:after{bottom:-8px;transform:rotate(180deg);border-bottom:2.5px solid var(--rm-black)}.realisations-modal__text-detail{font-size:.95em;line-height:1.7;color:#333}@media screen and (max-width:749px){.realisations-modal{padding:70px 12px 12px}.realisations-modal__content{grid-template-columns:1fr;grid-template-rows:auto auto;padding:44px 20px 24px;max-height:calc(100vh - 82px);box-shadow:5px 5px 0 var(--rm-black)}.realisations-modal__slider{grid-column:1;grid-row:1}.realisations-modal__info{grid-column:1;grid-row:2}.realisations-modal__img{max-height:260px}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/realisations-modal.css.map */