.ZL-UPa_templateScreenshots{margin-top:36px;margin-bottom:48px}.ZL-UPa_template{margin:auto}.ZL-UPa_templateHeader{flex-flow:wrap;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.ZL-UPa_demoFrame{width:100%;box-shadow:var(--tatami-shadow-300)}.ZL-UPa_demoFrame iframe{border:1px solid var(--tatami-color-border-base);border-radius:8px}.ZL-UPa_templateHeaderContainer{box-sizing:border-box;flex-direction:row;flex:1 0 100%;justify-content:space-between;align-items:center;gap:16px;padding-right:0;display:flex}@media (min-width:1080px){.ZL-UPa_templateHeaderContainer{flex-direction:row;flex:1 0 100%;justify-content:space-between;align-items:center;margin-bottom:16px}}.ZL-UPa_templateHeaderLeft{flex-direction:column;row-gap:8px;display:flex}.ZL-UPa_templateFooter{border-top:1px solid var(--tatami-color-border-base);z-index:2;background:#fff;flex-direction:row;place-content:center;gap:10px;width:calc(100% + 44px);margin-top:64px;padding:12px;display:flex;position:sticky;bottom:0;left:0;transform:translate(-22px)}@media screen and (max-width:374px){.ZL-UPa_templateFooter{flex-direction:column}}@media (min-width:1080px){.ZL-UPa_templateFooter,.ZL-UPa_templateFooterTest{display:none}}@media (min-width:375px){.ZL-UPa_templateFooterTest{flex-direction:row}}.ZL-UPa_templateFooter .ZL-UPa_templatePageCtaContainer{justify-content:center;width:100%;margin-top:auto;display:flex}.ZL-UPa_templateFooter .ZL-UPa_templatePageCtaContainer *{flex-grow:1}.ZL-UPa_templateDescription{flex-flow:column;gap:36px 120px;display:flex}@media (min-width:1080px){.ZL-UPa_templateDescription{flex-flow:wrap}}.ZL-UPa_templateDescription header{flex-direction:column;flex:calc(100% - 370px);display:flex}.ZL-UPa_templateHeaderCta{display:none}.ZL-UPa_templateContentContainer{flex-direction:column;gap:24px;width:100%;margin-top:24px;display:flex}.ZL-UPa_templateCtaContainer{flex-shrink:0;align-items:center;gap:10px;display:flex}.ZL-UPa_templateDescriptionTest{flex-flow:column;gap:16px 120px;display:flex}.ZL-UPa_templateScreenshotsTest{z-index:1}@media (min-width:1080px){.ZL-UPa_templateHeaderCta{flex-shrink:0;display:inline-block}}@media (min-width:840px){.ZL-UPa_templateContentContainer{flex-direction:row}.ZL-UPa_templateDescriptionTest{width:34%}.ZL-UPa_templateScreenshotsTest{width:66%}}.ZL-UPa_readMoreContainer{position:relative}.ZL-UPa_readMoreContent{overflow:hidden}.ZL-UPa_readMoreGradient{pointer-events:none;background:linear-gradient(#fff0,#fff 85%);width:100%;height:40px;margin-top:-40px;position:absolute}.ZL-UPa_readMoreLink{color:var(--tatami-color-gray-400);font-weight:var(--tatami-font-weight-semibold)}.ZL-UPa_readMoreLink:hover{color:var(--tatami-color-black)}
.qrpZqW_templateDetails{flex-direction:column;gap:36px;width:250px;display:flex}.qrpZqW_footer{flex-direction:column;gap:4px;text-decoration:none;display:flex}.qrpZqW_categoryIcon{width:16px;height:16px;margin-right:4px}.qrpZqW_inlineLinks{flex-flow:wrap;gap:6px;margin:4px auto;display:flex}.qrpZqW_inlineLinks li{display:inline-flex}.qrpZqW_links{width:100%;margin:4px auto;list-style-type:none;display:block}.qrpZqW_links li{word-break:break-all;flex-direction:row;flex:1 0 100%;gap:4px;width:100%;padding:2px 0;text-decoration:none;display:flex}.qrpZqW_links li a{text-decoration:none}.qrpZqW_termsLink{padding-bottom:36px}
._2g1jZW_templatePageCtaContainer{justify-content:flex-end;align-self:flex-end;margin-top:auto;display:flex}._2g1jZW_templatePageCtaContainerCenter{justify-content:center;align-self:center;display:flex}._2g1jZW_templatePageCtaContainerLeft{justify-content:flex-start;align-self:flex-start;margin-top:auto;display:flex}._2g1jZW_templatesButton{flex-direction:row;align-items:center;gap:8px;display:flex}._2g1jZW_templatesMeta{font:var(--tatami-typography-sans-200-bold-font);letter-spacing:var(--tatami-typography-sans-200-bold-letter-spacing);color:#fff;opacity:.5;flex-direction:row;align-items:center;gap:4px;display:inline-flex}
.gHh2DG_templatePageCtaContainerCenter{justify-content:center;align-self:center;display:flex}.gHh2DG_templatePageCtaContainer{justify-content:flex-end;align-self:flex-end;margin-top:auto;display:flex}.gHh2DG_templatePageCtaContainerLeft{justify-content:flex-start;align-self:flex-start;margin-top:auto;display:flex}.gHh2DG_templatesButton{flex-direction:row;align-items:center;gap:8px;display:flex}.gHh2DG_templatesMeta{font:var(--tatami-typography-sans-200-bold-font);letter-spacing:var(--tatami-typography-sans-200-bold-letter-spacing);color:#fff;opacity:.5;flex-direction:row;align-items:center;gap:4px;display:inline-flex}
._84zNEa_modalTrigger{display:contents}._84zNEa_modalBackdrop{z-index:var(--tatami-z-index-lightbox);background:#00000040;flex-direction:column;justify-content:flex-end;align-items:center;padding:0;display:flex;position:fixed;inset:0}@media (min-width:1080px){._84zNEa_modalBackdrop{justify-content:center;padding:0 4vw}}._84zNEa_modalBackdrop[hidden]{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;visibility:hidden;width:1px;height:1px;display:block;position:absolute;overflow:hidden}@keyframes _84zNEa_backgroundFadeOut{0%{opacity:1}to{opacity:0}}._84zNEa_modalBackdropNoAnimate{animation:ease-out forwards _84zNEa_backgroundFadeOut}._84zNEa_modalBackdropFadeOut{animation:.25s ease-out forwards _84zNEa_backgroundFadeOut}._84zNEa_modalContent{background:var(--tatami-color-background-base);box-sizing:border-box;width:100%;max-width:1200px;margin-top:unset;border:1px solid #0000001a;border-radius:12px;flex-direction:column;flex:none;display:flex;position:absolute;inset:0;overflow:scroll;box-shadow:0 2px 7px #0003}@media (min-width:1080px){._84zNEa_modalContent{height:calc(100vh - 115px);margin-top:20px;position:relative}}._84zNEa_verticalDivider{display:none}@media (min-width:1080px){._84zNEa_verticalDivider{display:block}}
.NixDWG_modalControls{z-index:100;background:var(--tatami-color-background-base);flex-direction:row;justify-content:space-between;padding:8px 16px;display:flex;position:sticky;top:0;left:0;right:0}.NixDWG_modalControlContainer{align-items:center;gap:24px;display:flex}.NixDWG_modalControls[hidden],.NixDWG_expandButton{display:none}@media (min-width:1080px){.NixDWG_expandButton{display:inline}}
.NfD3MG_trigger{display:contents}
/*# sourceMappingURL=42epzbmmwcv8c.css.map*/