html:has(#project-detail-root){background-color:#f3f4f9!important}html:has(#project-detail-root) body{background-color:#f3f4f9!important}html.is-project-detail,html.is-project-detail body{touch-action:auto!important;overscroll-behavior:auto!important;background-color:#f3f4f9!important}html.is-project-detail #canvas,html.is-project-detail #preloader,html.is-project-detail #input-blocker{pointer-events:none!important;visibility:hidden!important;display:none!important}html.is-project-detail #ui{width:100%;min-height:100vh;height:auto!important;position:relative!important;overflow:visible!important}html.is-project-detail #page-container,html.is-project-detail #page-container-inner{height:auto!important;position:relative!important;overflow:visible!important;transform:none!important}html.is-project-detail #header-logo{display:none!important}html.is-project-detail #header-container{overflow:visible!important}html.is-project-detail #header-center-project-back-btn,html.is-project-detail #header-right-project-back-btn{color:#000;text-transform:uppercase;pointer-events:auto;cursor:pointer;z-index:3;background:#fff;border:none;border-radius:100px;align-items:center;gap:.625em;height:3.2em;font-size:.875em;font-weight:500;overflow:hidden;box-shadow:0 1px 2px #0000000f;opacity:1!important;visibility:visible!important;justify-content:flex-start!important;width:fit-content!important;padding:0 1.5em 0 1em!important;display:flex!important;transform:scale(1)!important}html.is-project-detail #header-center-project-back-btn{left:var(--base-padding-x)!important;right:auto!important;top:calc(var(--base-padding-y))!important}html.is-project-detail #header-right-project-back-btn{position:fixed;top:calc(var(--base-padding-y))!important;right:var(--base-padding-x)!important;left:auto!important}html.is-project-detail .project-detail-back-btn__icon{z-index:1;flex-shrink:0;width:1.2em;height:1.2em;transition:color .5s,transform .4s cubic-bezier(.4,0,.1,1)}html.is-project-detail .project-detail-back-btn__icon--secondary{position:absolute;right:0;transform:translate(1em)}html.is-project-detail .project-detail-back-btn__label{z-index:1;margin:0;transition:color .5s,transform .4s cubic-bezier(.4,0,.1,1)}html.is-project-detail .project-detail-back-btn:not(.project-detail-back-btn--fullscreen):hover .project-detail-back-btn__icon:not(.project-detail-back-btn__icon--secondary){transform:translate(-2em)}html.is-project-detail .project-detail-back-btn:not(.project-detail-back-btn--fullscreen):hover .project-detail-back-btn__label{transform:translate(-1.3em)}html.is-project-detail .project-detail-back-btn:not(.project-detail-back-btn--fullscreen):hover .project-detail-back-btn__icon--secondary{transform:translate(-1em)}html.is-project-detail .project-detail-back-btn--fullscreen .project-detail-back-btn__background{display:none!important}html.is-project-detail .project-detail-back-btn--fullscreen .project-detail-back-btn__icon,html.is-project-detail .project-detail-back-btn--fullscreen .project-detail-back-btn__label{opacity:1;transition:opacity .2s!important;transform:none!important}html.is-project-detail .project-detail-back-btn--fullscreen:hover .project-detail-back-btn__icon,html.is-project-detail .project-detail-back-btn--fullscreen:hover .project-detail-back-btn__label{opacity:.3!important}html.is-project-detail #header-right-talk-btn,html.is-project-detail #header-right-talk-btn-placeholder,html.is-project-detail #header-right-menu-btn{display:none!important}html.is-project-detail #header-center-tabs{left:50%;top:calc(var(--base-padding-y));box-sizing:border-box;z-index:2;pointer-events:auto;isolation:isolate;background:#fff;border-radius:100px;align-items:stretch;gap:.3em;height:3.2em;padding:.3em;font-size:.875em;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 1px 2px #0000000f}html.is-project-detail #header-center-tabs .header-center-tab-indicator{z-index:0;pointer-events:none;will-change:transform, width, height;background:#000;border-radius:100px;transition:transform .55s cubic-bezier(.34,1.25,.64,1),width .55s cubic-bezier(.34,1.25,.64,1),height .55s cubic-bezier(.34,1.25,.64,1);position:absolute;top:0;left:0}html.is-project-detail #header-center-tabs .header-center-tab{z-index:1;appearance:none;color:#000;text-transform:uppercase;letter-spacing:.02em;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:100px;justify-content:center;align-items:center;padding:0 1.25em;font-family:inherit;font-size:1em;font-weight:500;transition:color .4s cubic-bezier(.4,0,.2,1),transform .22s cubic-bezier(.34,1.2,.64,1);display:flex;position:relative}html.is-project-detail #header-center-tabs .header-center-tab:not(.is-active):hover{color:#00000080}html.is-project-detail #header-center-tabs .header-center-tab.is-active{color:#fff;background:0 0;transition:color .32s cubic-bezier(.4,0,.2,1) 60ms,transform .22s cubic-bezier(.34,1.2,.64,1)}html.is-project-detail #header-center-tabs .header-center-tab:active{transform:scale(.96)}html.is-project-detail #project-details-header-info{display:none!important}html.is-project-detail #project-details-meta,html.is-project-detail #project-details-items-wrapper,html.is-project-detail #project-details-preview{visibility:hidden!important;pointer-events:none!important;display:none!important}html.is-project-detail #project-preview-card,html.is-project-detail #project-design-kit,html.is-project-detail #project-code-kit{width:min(88vw,78em);height:min(80vh, calc(var(--vh,1vh) * 100 - var(--header-size) * 5));max-height:calc(var(--vh,1vh) * 100 - var(--base-padding-y) * 2 - 6em);z-index:20;pointer-events:auto;background:#fff;border-radius:1.25em;transition:opacity .38s cubic-bezier(.4,0,.2,1),visibility .38s cubic-bezier(.4,0,.2,1);position:fixed;top:54%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 8px 40px #00000014}html.is-project-detail #project-preview-card.is-hidden,html.is-project-detail #project-design-kit.is-hidden,html.is-project-detail #project-code-kit.is-hidden{opacity:0;visibility:hidden;pointer-events:none;z-index:20}html.is-project-detail #project-preview-card:not(.is-hidden),html.is-project-detail #project-design-kit:not(.is-hidden),html.is-project-detail #project-code-kit:not(.is-hidden){opacity:1;visibility:visible;z-index:22}html.is-project-detail #project-preview-card-inner{background:#fff;justify-content:center;align-items:center;width:100%;height:100%;display:flex}html.is-project-detail #project-preview-card-media{width:100%;height:100%;display:block}html.is-project-detail #project-preview-card img#project-preview-card-media{object-fit:cover}html.is-project-detail #project-preview-card iframe#project-preview-card-media{border:0}html.is-project-detail #project-design-kit,html.is-project-detail #project-code-kit{scrollbar-width:none;-ms-overflow-style:none;overflow:hidden}html.is-project-detail #project-design-kit::-webkit-scrollbar{width:0;height:0;display:none}html.is-project-detail #project-code-kit::-webkit-scrollbar{width:0;height:0;display:none}html.is-project-detail #project-design-kit iframe,html.is-project-detail #project-code-kit iframe{background:#fff;border:0;border-radius:1.25em;width:100%;height:100%;display:block;overflow:hidden}html.is-project-detail.wc-design-kit-active,html.is-project-detail.wc-design-kit-active body{height:100%!important;overflow:hidden!important}html.is-project-detail.wc-design-kit-active #page-container{display:none!important}html.is-project-detail #project-details,html.is-project-detail #project-details-items-wrapper,html.is-project-detail #project-details-items-move-container{touch-action:pan-y pinch-zoom}@media (max-width:812px){html.is-project-detail #project-preview-card,html.is-project-detail #project-design-kit,html.is-project-detail #project-code-kit{width:min(96vw,100%);height:min(64vh, calc(100% - var(--header-size) * 6));border-radius:1em;top:56%}html.is-project-detail #header-center-tabs{top:calc(var(--base-padding-y) + .2em)}html.is-project-detail #header-center-tabs .header-center-tab{padding:0 1em;font-size:.75em}}html.is-project-preview-fullscreen,html.is-project-preview-fullscreen body{overflow:hidden!important}html.is-project-preview-fullscreen #project-fullscreen-preview{z-index:10000;background:#000;position:fixed;inset:0}html.is-project-preview-fullscreen #project-fullscreen-preview-frame{border:0;width:100%;height:100%;display:block}html.is-project-preview-fullscreen #project-fullscreen-preview-back-btn{top:calc(var(--base-padding-y,1.25rem));left:var(--base-padding-x,1.25rem);z-index:10001;color:#000;text-transform:uppercase;pointer-events:auto;cursor:pointer;background:#fff;border:none;border-radius:100px;align-items:center;gap:.625em;height:3.2em;font-size:.875em;font-weight:500;position:fixed;overflow:hidden;box-shadow:0 1px 2px #0000000f;opacity:1!important;visibility:visible!important;justify-content:flex-start!important;width:fit-content!important;padding:0 1.5em 0 1em!important;display:flex!important;transform:scale(1)!important}html.is-project-preview-fullscreen #project-fullscreen-preview-back-btn:hover .project-detail-back-btn__icon,html.is-project-preview-fullscreen #project-fullscreen-preview-back-btn:hover .project-detail-back-btn__label{opacity:.3}html.is-project-preview-fullscreen #project-fullscreen-preview-back-btn .project-detail-back-btn__icon,html.is-project-preview-fullscreen #project-fullscreen-preview-back-btn .project-detail-back-btn__label{opacity:1;transition:opacity .2s;transform:none!important}