.global-dialog-modal{color:var(--text-color-primary);display:none;padding:20px;position:fixed;top:0;left:0;bottom:0;right:0;justify-content:center;align-items:center;text-align:center;z-index:100}.global-dialog-modal.is-show{display:flex}.global-dialog-modal__overlay{position:absolute;width:100%;height:100%;background:rgba(0,0,0,.65);cursor:pointer;z-index:15}.global-dialog-modal__content{position:relative;z-index:20;width:100%;background:var(--white-black2);max-width:1200px;max-height:90vh;overflow:auto;border-radius:4px;box-shadow:0 26px 26px rgba(10,31,68,.12),0 0 1px rgba(10,31,68,.1);line-height:1.6}@media screen and (min-width:2001px){.global-dialog-modal__content{max-width:1500px}}.global-dialog-modal__content::-webkit-scrollbar{width:10px}.global-dialog-modal__content::-webkit-scrollbar-thumb{border-radius:8px;background-color:var(--scroll-color)}.global-dialog-modal__content .content__close-icon{position:absolute;z-index:3;top:20px;right:30px;border:0;outline:0;padding:0;background:transparent;font-size:1.25rem;cursor:pointer;color:var(--dark-white)}:root{--dark-white:#000;--white-dark:#fff;--background-color:#f6f6f6;--text-color-primary:#222831;--text-color-secondary:#222831;--text-color-secondary-mobile:#222831;--text-color-secondary-notfocus:#5d5f63;--text-orange-green:#ff9442;--text-grey:#6b6b6b;--text-grey-2:#6b6b6b;--sidebar-line:#ccc;--button-outline-background:#222831;--button-solid-background:#222831;--button-solid-background-2:#fff;--button-solid-background-3:#222831;--button-outline-hover-bg:#222831;--button-text:#fff;--button-text-2:#222831;--button-text-3:#eee;--scroll-color:#222831;--input-outline-color:#0072ff;--white-black2:#fff}[data-theme=darkMode]{--dark-white:#fff;--white-dark:#000;--background-color:#000;--text-color-primary:#eee;--text-color-secondary:#4ecca3;--text-color-secondary-mobile:#23866b;--text-color-secondary-notfocus:#2ba57d;--text-orange-green:#4ecca3;--text-grey:#eee;--text-grey-2:#ccc;--sidebar-line:#2ba57d;--button-outline-background:#4ecca3;--button-solid-background:#23866b;--button-solid-background-2:#23866b;--button-solid-background-3:#23866b;--button-outline-hover-bg:#23866b;--button-text:#fff;--button-text-2:#fff;--button-text-3:#eee;--scroll-color:#23866b;--input-outline-color:#4ecca3;--white-black2:#202020}.home-portofolio__modal .modal__header{margin:50px 0 30px;display:flex;flex-direction:column;align-items:center}.home-portofolio__modal .modal__header .title{font-size:1.375rem;font-weight:500}.home-portofolio__modal .modal__header .portofolio-tags{display:flex;align-items:center;flex-wrap:wrap;margin-top:10px}.home-portofolio__modal .modal__header .portofolio-tags .tag{padding:5px 12px;border-radius:4px;margin-right:5px;font-size:.75rem;font-weight:600;background-color:var(--button-solid-background-3);color:var(--button-text-3)}.home-portofolio__modal .modal__image-preview{position:relative;display:flex;margin:auto 0;width:100%;padding:0 30px}.home-portofolio__modal .modal__image-preview.preview--single .slick-track{height:400px!important;display:flex;align-items:center}.home-portofolio__modal .modal__image-preview.preview--single .carousel-arrow{opacity:.4;pointer-events:none}.home-portofolio__modal .modal__image-preview div{height:100%!important}.home-portofolio__modal .modal__image-preview .image-wrapper{outline:0;border:0;position:relative;cursor:pointer}.home-portofolio__modal .modal__image-preview .image-wrapper:hover .image__preview-sign{opacity:1}.home-portofolio__modal .modal__image-preview .image-wrapper .image{width:98%;height:100%;-o-object-fit:contain;object-fit:contain;margin:0 auto;max-height:520px}.home-portofolio__modal .modal__image-preview .image-wrapper .image__preview-sign{position:absolute;z-index:3;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.65);color:#fff;opacity:0;transition:opacity .3s ease-in-out}.home-portofolio__modal .modal__image-preview .image-wrapper .image__preview-sign .sign-icon{margin-right:10px;font-size:1.25rem}.home-portofolio__modal .modal__image-preview .image-wrapper .image__preview-sign .sign-text{font-size:1rem;margin:0;padding:0}.home-portofolio__modal .modal__image-preview .modal__carousel-container{width:100%;display:flex;justify-content:center}.home-portofolio__modal .modal__image-preview .modal__carousel-container .modal__carousel{width:85%}.home-portofolio__modal .modal__image-preview .modal__carousel-container .modal__carousel .slick-dots{bottom:-35px}.home-portofolio__modal .modal__image-preview .modal__carousel-container .modal__carousel .slick-dots li button:before{color:var(--dark-white)}.home-portofolio__modal .modal__image-preview .carousel-arrow__buttons{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);width:100px}.home-portofolio__modal .modal__image-preview .carousel-arrow{padding:10px;color:var(--button-text);background:var(--button-solid-background);transition:background .2s,color .2s;border-radius:4px;margin:10px 0;cursor:pointer}.home-portofolio__modal .modal__image-preview .carousel-arrow:hover{background:var(--button-text-3);color:var(--button-solid-background)}.home-portofolio__modal .modal__description-container{width:100%;display:flex;justify-content:center;margin:60px 0}.home-portofolio__modal .modal__description{display:flex;flex-direction:column;justify-content:center;width:100%;max-width:700px}.home-portofolio__modal .modal__description .subtitle{margin:15px 0 25px;text-align:justify;color:var(--text-grey-2)}.home-portofolio__modal .modal__description .tools-section{margin-bottom:40px;text-align:left}.home-portofolio__modal .modal__description .tools-section .tools-title{margin-bottom:8px}.home-portofolio__modal .modal__description .tools-section .tools-title:before{font-family:icomoon;content:"\e90c";font-size:1rem;margin-right:8px}.home-portofolio__modal .modal__description .tools-section .tools-lists{display:flex;align-items:center;flex-wrap:wrap}.home-portofolio__modal .modal__description .tools-section .tool-text{padding:5px 8px;border-radius:4px;margin:4px;font-size:.75rem;font-weight:600;background-color:var(--button-solid-background-3);color:var(--button-text-3)}.home-portofolio__modal .modal__description .button-list{display:flex;align-items:center;justify-content:space-between}.home-portofolio__modal .modal__description .button{border-radius:4px;cursor:pointer;outline:0;border:0;display:inline-flex;justify-content:center;align-items:center;background:var(--button-solid-background-3);color:var(--button-text-3);font-weight:600;font-size:.875rem;font-weight:500;padding:12px;width:calc(50% - 15px);text-decoration:none;transition:background .2s,color .2s}.home-portofolio__modal .modal__description .button:hover{background:var(--button-text-3);color:var(--button-solid-background-3)}.home-portofolio__modal .modal__description .button .icon-earth2{margin-left:8px;font-size:1.125rem;margin-top:-2px}