.con__container{display:flex;gap:3rem;margin-top:11.25rem;color:#fff;line-height:calc(1 + .8 / var(--font-body-scale))}.con__container h4{color:#fff;font-weight:600;font-size:2.5rem}.dimensions{display:flex;gap:2rem;overflow-x:scroll;white-space:nowrap;-ms-overflow-style:none;scrollbar-width:none}.dimensions::-webkit-scrollbar{display:none}.dimension p{margin:2px}.dimension{padding:15px;background-color:#002d56}.con__image_container,.con__content{width:50%}.con__content{display:flex;flex-direction:column;justify-content:space-between}.con__content p{max-width:500px}.con__image_container{display:flex;gap:1rem}.con__column img,.con__thumb img{width:100%;aspect-ratio:1 / 1;object-fit:cover}.con__column{display:grid;grid-auto-rows:max-content;gap:1rem;justify-items:start;align-items:end;width:20%}.con__thumb{width:80%;display:flex;position:relative;cursor:pointer}.con__thumb img{object-fit:cover;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.con__thumb-img:hover{cursor:pointer;opacity:.7}.con__thumb .con__thumb-zoom-icon{border-radius:50%;border:.1rem solid rgba(var(--color-foreground),.4);color:rgb(var(--color-foreground));display:flex;align-items:center;justify-content:center;height:3rem;width:3rem;position:absolute;left:1.2rem;top:1.2rem;z-index:1;transition:color var(--duration-short) ease,opacity var(--duration-short) ease;opacity:0;padding:.7rem}.con__thumb:hover .con__thumb-zoom-icon{opacity:1;color:rgb(var(--color-foreground))}@media only screen and (max-width: 786px){.con__container{flex-direction:column-reverse}.con__image_container,.con__content{width:100%}.dimensions{gap:1rem}}.con__modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;overflow-y:auto}.con__modal .con__modal-close{position:absolute;top:20px;right:20px;font-size:30px;font-weight:100;cursor:pointer;z-index:1001;border:1px solid rgba(255,255,255,.4);border-radius:100%;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.con__modal .con__modal-content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:10rem 0;background:#000000f2;cursor:zoom-out}.con__modal .con__modal-content .con__modal-thumb{max-height:80vh;max-width:90%;visibility:visible;border:1px solid rgba(255,255,255,.1)}
/*# sourceMappingURL=/cdn/shop/t/6/assets/construction.css.map */