.product__modal-opener--image .product__media-zoom-none{display:flex!important}.product__modal-opener--image .product__media-toggle:after{cursor:zoom-in}.product-media-modal{background:#080a0cb3!important}.product-media-modal__dialog{--sp-image-size: min( calc(100vh - 3rem) , calc(100vw - 30rem) );position:relative;display:grid;grid-template-columns:minmax(1rem,1fr) calc(7.8rem + 100px) var(--sp-image-size) calc(7.8rem + 100px) calc(31rem + 100px) minmax(1rem,1fr);grid-template-rows:minmax(0,100vh);align-items:center;width:100vw;height:100vh;min-height:100vh;padding:0;background:transparent!important}.product-media-modal__content{grid-column:3;grid-row:1;display:flex;align-items:center;justify-content:center;width:var(--sp-image-size)!important;max-width:var(--sp-image-size)!important;height:var(--sp-image-size)!important;max-height:var(--sp-image-size)!important;padding:0!important;overflow:hidden!important;background:transparent!important}.product-media-modal__content>*{display:none!important}.product-media-modal__content>img[data-media-id].active{display:block!important;width:auto!important;height:auto!important;max-width:var(--sp-image-size)!important;max-height:var(--sp-image-size)!important;margin:auto!important;object-fit:contain;border:0!important;border-radius:.8rem!important;background:#fff;box-shadow:0 1.5rem 4.5rem #00000073}.product-media-modal__toggle{position:fixed!important;top:1.2rem!important;right:1.2rem!important;z-index:8!important;display:flex!important;align-items:center;justify-content:center;width:8.25rem!important;height:8.25rem!important;min-width:8.25rem!important;padding:0!important;border-radius:50%!important;background:#fffffff7!important;color:#111!important;border:1px solid rgba(0,0,0,.16)!important;box-shadow:0 .35rem 1.3rem #00000047}.product-media-modal__toggle .icon{width:3.375rem!important;height:3.375rem!important}.sp-lightbox-nav{position:static;z-index:7;display:flex;align-items:center;justify-content:center;width:8.75rem;height:8.75rem;padding:0;border:1px solid rgba(0,0,0,.18);border-radius:50%;background:#fffffff7;color:#111;box-shadow:0 .35rem 1.3rem #00000047;cursor:pointer;transform:none}.sp-lightbox-nav:hover{transform:scale(1.06)}.sp-lightbox-nav:focus-visible,.product-media-modal__toggle:focus-visible,.sp-lightbox-thumb:focus-visible{outline:.2rem solid #fff;outline-offset:.3rem}.sp-lightbox-nav span{display:block;position:relative;top:0;margin-top:0;transform:translateY(-.06em);font-family:Arial,sans-serif;font-size:6.5rem;font-weight:300;line-height:1}.sp-lightbox-nav--prev{grid-column:2;grid-row:1;justify-self:end;margin-right:100px}.sp-lightbox-nav--next{grid-column:4;grid-row:1;justify-self:start;margin-left:100px}.sp-lightbox-thumbs{grid-column:5;grid-row:1;position:static;align-self:center;display:grid;grid-template-columns:repeat(2,15rem);gap:1rem;width:31rem;margin-left:100px;max-height:calc(100vh - 10rem);overflow-y:auto;overflow-x:hidden;padding:.2rem .25rem .2rem 0;scrollbar-width:thin}.sp-lightbox-thumb{display:block;width:15rem;margin:0;padding:.3rem;border:.2rem solid transparent;border-radius:.8rem;background:#ffffff1f;cursor:pointer}.sp-lightbox-thumb:last-child:nth-child(odd){grid-column:1 / -1;width:31rem}.sp-lightbox-thumb:hover{background:#ffffff40}.sp-lightbox-thumb.is-active{border-color:#fff;background:#fff}.sp-lightbox-thumb img{display:block;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover;border-radius:.45rem}.sp-lightbox-counter{position:fixed;left:50%;bottom:1.2rem;z-index:7;transform:translate(-50%);padding:.55rem 1rem;border-radius:999px;background:#0000009e;color:#fff;font-size:1.3rem;line-height:1}.sp-lightbox-hint{display:none}@media screen and (max-width:989px){.product-media-modal__dialog{display:flex;width:100vw;height:100vh;padding:5.5rem 1.2rem 4.5rem}.product-media-modal__content{width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important}.product-media-modal__content>img[data-media-id].active{max-width:94vw!important;max-height:calc(100vh - 10rem)!important}.sp-lightbox-thumbs{display:none}.sp-lightbox-nav{position:fixed;top:50%;width:5.8rem;height:5.8rem;transform:translateY(-50%)}.sp-lightbox-nav:hover{transform:translateY(-50%) scale(1.06)}.sp-lightbox-nav--prev{left:.8rem;margin:0}.sp-lightbox-nav--next{right:.8rem;margin:0}.sp-lightbox-nav span{font-size:4.3rem}.product-media-modal__toggle{top:.9rem!important;right:.9rem!important;width:5.6rem!important;height:5.6rem!important;min-width:5.6rem!important}.product-media-modal__toggle .icon{width:2.3rem!important;height:2.3rem!important}.sp-lightbox-counter{left:50%;bottom:.9rem}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/simply-pencils-lightbox.css.map */