.mgk .mgk-templates-page{isolation:isolate;position:relative}.mgk .mgk-templates-hero{padding-bottom:max(40px,min(5vw,70px))}.mgk .mgk-templates-hero__canvas{margin-left:auto;margin-right:auto;position:relative;text-align:center;width:min(100%,860px);z-index:1}.mgk .mgk-templates-hero .hero-h1{font-size:max(44px,min(6.4vw,92px))}.mgk .mgk-template-search{align-items:center;background:var(--white);border:1.5px solid var(--ink);border-radius:100px;box-shadow:var(--shadow-hard);color:var(--ink);display:flex;gap:12px;margin:34px auto 0;padding:8px 8px 8px 24px;transition:box-shadow .35s var(--ease),transform .35s var(--ease);width:min(100%,560px)}.mgk .mgk-template-search:focus-within{box-shadow:8px 8px 0 var(--violet);transform:translate(-2px,-2px)}.mgk .mgk-template-search .btn,.mgk .mgk-template-search>svg{flex:none}.mgk .mgk-template-search input{background:transparent;border:0;color:var(--ink);flex:1;font-family:var(--body);font-size:15.5px;min-width:0;outline:0}.mgk .mgk-template-search input::-moz-placeholder{color:var(--ink-30)}.mgk .mgk-template-search input::placeholder{color:var(--ink-30)}.mgk .mgk-template-filters{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:26px}.mgk .mgk-templates-gallery{overflow:clip;padding-top:20px}.mgk .mgk-template-results{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.mgk .mgk-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:22px;gap:22px}.mgk .mgk-template-card{background:var(--white);border:1px solid var(--line);border-radius:var(--r-md);min-width:0;overflow:hidden;transition:transform .5s var(--ease),box-shadow .5s var(--ease)}.mgk .mgk-template-card:hover{box-shadow:0 30px 60px -20px rgba(26,26,26,.28);transform:translateY(-10px) rotate(-.6deg)}.mgk .mgk-template-card__media{background:var(--lav-2);height:300px;overflow:hidden;position:relative}.mgk .mgk-template-card__media img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;transition:transform .7s var(--ease);width:100%}.mgk .mgk-template-card:hover .mgk-template-card__media img{transform:scale(1.07)}.mgk .mgk-template-tag{background:var(--lime);border-radius:100px;color:var(--ink);font-family:var(--disp);font-size:10.5px;font-weight:700;left:14px;letter-spacing:.12em;padding:5px 11px;position:absolute;text-transform:uppercase;top:14px;z-index:2}.mgk .mgk-template-tag--violet{background:var(--violet);color:var(--white)}.mgk .mgk-template-card__meta{align-items:center;display:flex;gap:14px;justify-content:space-between;min-height:76px;padding:16px 18px}.mgk .mgk-template-card__meta>div{min-width:0}.mgk .mgk-template-card__meta h4{color:var(--ink);font-family:var(--disp);font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mgk .mgk-template-card__meta span{color:var(--ink-60);font-size:12px}.mgk .mgk-template-card__use{color:var(--violet);flex:none;font-family:var(--disp);font-size:12.5px;font-weight:600;opacity:0;transform:translateX(8px);transition:opacity .35s var(--ease),transform .35s var(--ease)}.mgk .mgk-template-card:focus-within .mgk-template-card__use,.mgk .mgk-template-card:hover .mgk-template-card__use{opacity:1;transform:none}.mgk .mgk-template-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:44px}.mgk .mgk-templates-page .mgk-template-pagination__page{border-radius:100px;height:44px;justify-content:center;min-height:44px;min-width:58px;padding:0 16px;width:58px}.mgk .mgk-template-pagination .chip:disabled{cursor:not-allowed;opacity:.38;transform:none}.mgk .mgk-template-hint{color:var(--ink-60);font-family:var(--disp);font-size:12.5px;gap:10px;letter-spacing:.18em;margin-top:26px;text-transform:uppercase}.mgk .mgk-template-empty,.mgk .mgk-template-hint{align-items:center;display:flex;justify-content:center;text-align:center}.mgk .mgk-template-empty{background:var(--lav-2);border:1.5px dashed var(--violet-3);border-radius:var(--r-lg);flex-direction:column;min-height:320px;padding:48px 24px}.mgk .mgk-template-empty>span{color:var(--violet);font-size:32px;margin-bottom:14px}.mgk .mgk-template-empty h2{font-family:var(--disp);font-size:var(--fs-h-md)}.mgk .mgk-template-empty p{color:var(--ink-60);margin-top:8px}.mgk .mgk-template-grid-enter-active,.mgk .mgk-template-grid-leave-active{transition:opacity .42s var(--ease-out),transform .42s var(--ease-out)}.mgk .mgk-template-grid-enter,.mgk .mgk-template-grid-leave-to{opacity:0;transform:translateY(20px) scale(.985)}.mgk .mgk-template-grid-leave-active{position:absolute}.mgk .mgk-templates-notfit{background:var(--lav);border-radius:var(--r-band);margin-left:var(--page-gutter);margin-right:var(--page-gutter);overflow:clip;text-align:center}.mgk .mgk-templates-notfit__inner{width:min(720px,92vw)}.mgk .mgk-templates-notfit .kicker{justify-content:center}.mgk .mgk-templates-notfit .lead{margin:18px auto 34px}.mgk .mgk-templates-notfit__actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}.mgk .mgk-template-faq-link{color:var(--violet);font-weight:600}.mgk .mgk-templates-page[data-templates-faq-revealed] #templates-faq .faq-sticky .reveal{opacity:1;transform:none}@media (min-width:1600px){.mgk .mgk-templates-page:after,.mgk .mgk-templates-page:before{background:linear-gradient(180deg,transparent 0,rgba(109,40,217,.14) 11%,rgba(26,26,26,.08) 42%,transparent 92%);bottom:0;content:"";pointer-events:none;position:absolute;top:0;width:1px;z-index:-1}.mgk .mgk-templates-page:before{left:calc(50% - 640px)}.mgk .mgk-templates-page:after{right:calc(50% - 640px)}.mgk .mgk-templates-hero:after{bottom:max(22px,min(3vw,48px));color:transparent;content:"TEMPLATES";font-family:var(--disp);font-size:max(132px,min(11vw,212px));font-weight:700;left:50%;letter-spacing:-.055em;line-height:.78;opacity:.32;pointer-events:none;position:absolute;transform:translateX(-50%);z-index:0;-webkit-text-stroke:1px rgba(109,40,217,.2);white-space:nowrap}.mgk .mgk-templates-gallery:after,.mgk .mgk-templates-gallery:before{content:"";filter:blur(12px);height:min(680px,45vw);pointer-events:none;position:absolute;width:min(420px,15vw);z-index:-1}.mgk .mgk-templates-gallery:before{background:radial-gradient(circle at left,rgba(109,40,217,.11),transparent 72%);left:0;top:16%}.mgk .mgk-templates-gallery:after{background:radial-gradient(circle at right,rgba(217,255,62,.1),transparent 72%);bottom:13%;right:0}}@media (max-width:1000px){.mgk .mgk-templates-page[data-motion-ready] #templates-grid>.container.reveal{opacity:1;transform:none}.mgk .mgk-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.mgk .mgk-templates-hero{padding-bottom:max(42px,min(11vw,58px))}.mgk .mgk-template-search{border-radius:20px;flex-wrap:wrap;gap:8px 10px;padding:12px}.mgk .mgk-template-search>svg{margin-left:6px}.mgk .mgk-template-search input{flex:none;padding:4px 6px 10px;width:calc(100% - 38px)}.mgk .mgk-template-search .btn{justify-content:center;width:100%}.mgk .mgk-template-filters{flex-wrap:nowrap;gap:10px;justify-content:flex-start;margin-left:0;margin-right:-16px;overflow-x:auto;overscroll-behavior-x:contain;padding:2px 16px 10px 0;scroll-snap-type:x proximity;scrollbar-width:none}.mgk .mgk-template-filters::-webkit-scrollbar{display:none}.mgk .mgk-template-filters .chip{flex:none;min-height:44px;scroll-snap-align:start}.mgk .mgk-template-filters .chip:first-child{border-radius:100px;justify-content:center;min-width:64px;padding-left:18px;padding-right:18px}.mgk .mgk-template-grid{grid-template-columns:minmax(0,1fr)}.mgk .mgk-template-card__media{height:max(218px,min(61vw,270px))}.mgk .mgk-template-card__use{opacity:1;text-align:right;transform:none}.mgk .mgk-template-card__meta{gap:12px;padding:14px 15px}}@media (max-width:480px){.mgk .mgk-template-search{gap:8px}.mgk .mgk-template-search input{font-size:14px}.mgk .mgk-template-search .btn{padding-left:18px;padding-right:18px}.mgk .mgk-template-filters{gap:8px}.mgk .mgk-template-filters .chip{font-size:12.5px;padding:8px 13px}.mgk .mgk-template-card__meta{align-items:flex-start}}@media (hover:none){.mgk .mgk-template-card__use{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.mgk .mgk-template-card,.mgk .mgk-template-card__media img,.mgk .mgk-template-grid-enter-active,.mgk .mgk-template-grid-leave-active{transition:none}.mgk .mgk-template-card:hover,.mgk .mgk-template-card:hover .mgk-template-card__media img{transform:none}}@media (max-width:640px){.mgk .mgk-templates-hero .hero-h1{font-size:max(34px,min(9vw,44px))}}
