@layer utilities{.blueprint-grid{background-image:linear-gradient(90deg,#3b82f60d 1px,#0000 1px),linear-gradient(#3b82f60d 1px,#0000 1px);background-size:2rem 2rem}.blueprint-grid-dark{background-image:linear-gradient(90deg,#ffffff12 1px,#0000 1px),linear-gradient(#ffffff12 1px,#0000 1px);background-size:2rem 2rem}.blueprint-dots{background-image:radial-gradient(#3b82f633 1px,#0000 1px);background-size:16px 16px}.blueprint-hash{background-image:linear-gradient(45deg,#3b82f60d 25%,#0000 25%),linear-gradient(-45deg,#3b82f60d 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#3b82f60d 75%),linear-gradient(-45deg,#0000 75%,#3b82f60d 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.blueprint-border{border:1px solid #3b82f633}.blueprint-border-dashed{border:1px dashed #3b82f64d}.blueprint-text{color:#3b82f6b3;font-family:Courier New,monospace}.blueprint-image{transition:transform .3s ease-in-out;position:relative;overflow:hidden}.blueprint-image:before{content:"";z-index:10;pointer-events:none;border:1px solid #3b82f633;position:absolute;inset:0}.blueprint-image:after{content:"";z-index:5;pointer-events:none;background:linear-gradient(#3b82f60d,#0000 30%);position:absolute;inset:0}.blueprint-image-corner:before{content:"";z-index:10;border-top:2px solid #3b82f666;border-left:2px solid #3b82f666;width:12px;height:12px;position:absolute;top:0;left:0}.blueprint-image-corner:after{content:"";z-index:10;border-bottom:2px solid #3b82f666;border-right:2px solid #3b82f666;width:12px;height:12px;position:absolute;bottom:0;right:0}}@media (max-width:768px){.mobile-image-container{width:85%;margin:1.5rem auto}.mobile-image-height-sm{height:180px!important}.mobile-image-height-md{height:220px!important}.mobile-image-height-lg{height:260px!important}}