project-modal{display:block;position:fixed;top:0;right:0;width:100svw;height:100svh;overflow:hidden;pointer-events:none;z-index:999999;cursor:default}project-modal.open{pointer-events:all}project-modal .backdrop{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(var(--rgb-black),.4);z-index:1;opacity:0;transition:opacity .2s ease}project-modal.open .backdrop{opacity:1}project-modal .modal-box{width:100%;height:100%;max-width:1046px;position:absolute;top:0;right:-100%;z-index:2;background-color:var(--white);transition:right .2s ease;overflow-y:auto}project-modal.open .modal-box{right:0}project-modal .modal-box .modal-top{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:4rem;margin-bottom:2.4rem;background-color:var(--white);position:sticky;top:0}@media screen and (min-width:1024px){project-modal .modal-box .modal-top:before{content:""}project-modal .modal-box .modal-top{grid-template-columns:repeat(2,minmax(0,1fr));border-bottom:1px solid var(--grey-400);gap:4rem;margin-bottom:4rem}}project-modal .modal-box .modal-top .close{position:relative;width:100%;display:flex;align-items:center;justify-content:space-between;font-size:2rem;font-weight:700;line-height:2.4rem;letter-spacing:0px;color:var(--text-price);padding:2.4rem 1.2rem;cursor:pointer}project-modal .modal-box .modal-top .close:before{content:"";width:100%;height:1px;background-color:var(--green-400);position:absolute;bottom:-1px;left:0}project-modal .modal-box .columns{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:4rem;padding:2.4rem 1.2rem}@media screen and (min-width:1024px){project-modal .modal-box .columns{grid-template-columns:repeat(2,minmax(0,1fr));padding:4rem}}project-modal .modal-box .columns .details{display:none}@media screen and (min-width:1024px){project-modal .modal-box .columns .details{display:block}}project-modal .modal-box .columns .details table{border:0;width:100%;box-shadow:none}project-modal .modal-box .columns .details table td{font-size:1.4rem;font-weight:500;line-height:2.4rem;letter-spacing:0%;color:var(--black);border:0;padding:0}project-modal .modal-box .columns .details table td .title{color:var(--text-body);text-transform:uppercase}project-modal .modal-box .columns .details table tr:not(:last-child) td{padding-bottom:2rem}project-modal .modal-box .columns .details .image{margin-top:10rem;display:flex;align-items:center;justify-content:center}project-modal .modal-box .columns .details .image img{width:100%;height:auto}project-modal .modal-box .columns .information{display:flex;flex-direction:column}project-modal .modal-box .columns .information h2{font-size:2rem;font-weight:500;line-height:2.4rem;letter-spacing:0px;color:var(--black)}@media screen and (min-width:1024px){project-modal .modal-box .columns .information h2{font-size:2.4rem;line-height:2.8rem}}project-modal .modal-box .columns .information .details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));row-gap:1.6rem}@media screen and (min-width:1024px){project-modal .modal-box .columns .information .details-grid{display:none}}project-modal .modal-box .columns .information .details-grid .detail-item{display:flex;flex-direction:column;padding-bottom:1.6rem;border-bottom:1px solid var(--grey-400)}project-modal .modal-box .columns .information .details-grid .detail-item>:not(:last-child){margin-bottom:.4rem}project-modal .modal-box .columns .information .details-grid .detail-item>span{display:inline-block}project-modal .modal-box .columns .information .details-grid .detail-item .title{font-size:1.3rem;font-weight:500;line-height:2rem;letter-spacing:0%;color:var(--text-body)}project-modal .modal-box .columns .information .details-grid .detail-item .value{font-size:1.3rem;font-weight:500;line-height:2rem;letter-spacing:0%;color:var(--black)}project-modal .modal-box .columns .information .image{display:flex;align-items:center;justify-content:center;margin-top:3.2rem}project-modal .modal-box .columns .information .image img{width:100%;height:auto}@media screen and (min-width:1024px){project-modal .modal-box .columns .information .image{display:none}}project-modal .modal-box .columns .information .items{margin-top:4rem}project-modal .modal-box .columns .information .items>:not(:last-child){margin-bottom:3.2rem}project-modal .modal-box .columns .information .items .content-item{display:flex;flex-direction:column}project-modal .modal-box .columns .information .items .content-item>:not(:last-child){margin-bottom:1.2rem}project-modal .modal-box .columns .information .items .content-item .title{font-size:1.6rem;font-weight:700;line-height:1.8rem;letter-spacing:0px;color:var(--black)}@media screen and (min-width:1024px){project-modal .modal-box .columns .information .items .content-item .title{font-size:2rem;line-height:2.2rem}}project-modal .modal-box .columns .information .items .content-item h1{font-size:2.4rem;font-weight:600;line-height:1.3;color:var(--black);margin-bottom:1.6rem}project-modal .modal-box .columns .information .items .content-item h2{font-size:2rem;font-weight:500;line-height:1.3;color:var(--black);margin-bottom:1.4rem}project-modal .modal-box .columns .information .items .content-item h3{font-size:1.8rem;font-weight:500;line-height:1.3;color:var(--black);margin-bottom:1.2rem}project-modal .modal-box .columns .information .items .content-item h4{font-size:1.6rem;font-weight:500;line-height:1.3;color:var(--black);margin-bottom:1rem}project-modal .modal-box .columns .information .items .content-item p{font-size:1.4rem;font-weight:400;line-height:1.6;color:var(--text-body);margin-bottom:1.2rem}project-modal .modal-box .columns .information .items .content-item p:last-child{margin-bottom:0}project-modal .modal-box .columns .information .items .content-item blockquote{font-size:1.6rem;font-style:italic;line-height:1.6;color:var(--text-body);padding:1.6rem 2rem;margin:1.6rem 0;border-left:4px solid var(--green-400);background-color:var(--grey-100, #f5f5f5)}project-modal .modal-box .columns .information .items .content-item ul,project-modal .modal-box .columns .information .items .content-item ol{font-size:1.4rem;line-height:1.6;color:var(--text-body);margin-bottom:1.2rem;padding-left:2rem}project-modal .modal-box .columns .information .items .content-item ul{list-style-type:disc}project-modal .modal-box .columns .information .items .content-item ol{list-style-type:decimal}project-modal .modal-box .columns .information .items .content-item ul li,project-modal .modal-box .columns .information .items .content-item ol li{margin-bottom:.6rem;padding-left:.4rem}project-modal .modal-box .columns .information .items .content-item ul ul,project-modal .modal-box .columns .information .items .content-item ol ol,project-modal .modal-box .columns .information .items .content-item ul ol,project-modal .modal-box .columns .information .items .content-item ol ul{margin-top:.6rem;margin-bottom:0}project-modal .modal-box .columns .information .items .content-item img{max-width:100%;height:auto;display:block;margin:1.6rem 0;border-radius:.4rem}project-modal .modal-box .columns .information .items .content-item figure{margin:1.6rem 0}project-modal .modal-box .columns .information .items .content-item figure img{margin:0}project-modal .modal-box .columns .information .items .content-item figcaption{font-size:1.2rem;color:var(--text-body);margin-top:.8rem;text-align:center}project-modal .modal-box .columns .information .items .content-item a{color:var(--green-400);text-decoration:underline}project-modal .modal-box .columns .information .items .content-item a:hover{text-decoration:none}project-modal .modal-box .columns .information .items .content-item strong{font-weight:700}project-modal .modal-box .columns .information .items .content-item em{font-style:italic}@media screen and (min-width:1024px){project-modal .modal-box .columns .information .items .content-item h1{font-size:2.8rem}project-modal .modal-box .columns .information .items .content-item h2{font-size:2.4rem}project-modal .modal-box .columns .information .items .content-item h3{font-size:2rem}project-modal .modal-box .columns .information .items .content-item h4{font-size:1.8rem}project-modal .modal-box .columns .information .items .content-item p{font-size:1.6rem}project-modal .modal-box .columns .information .items .content-item ul,project-modal .modal-box .columns .information .items .content-item ol{font-size:1.6rem}}project-modal .modal-box .columns .information .form{margin-bottom:4rem}@media screen and (min-width:1024px){project-modal .modal-box .columns .information .form{margin-top:10.6rem;margin-bottom:0;order:10}}project-modal .modal-box .columns .information .form .form-title{font-size:1.6rem;font-weight:700;line-height:1.8rem;letter-spacing:0px;color:var(--black);margin-bottom:2rem}@media screen and (min-width:1024px){project-modal .modal-box .columns .information .form .form-title{font-size:2rem;line-height:2.2rem;margin-bottom:2.4rem}}project-modal .modal-box .columns .information .form input:not([type=checkbox]):not([type=radio]){border:1px solid var(--grey-400)}project-modal .modal-box .columns .information .form input:not([type=checkbox]):not([type=radio]):focus{border-color:var(--black)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-project-modal.css.map */