.b-templates-preview{margin:0}.b-templates-preview__header{position:relative;z-index:2;padding:.75rem 0;background:var(--wp--preset--color--white-100);box-shadow:0 0 25px rgba(0,0,0,.1)}.b-templates-preview__header .header__inner-blocks{display:flex;height:3rem;align-items:center;justify-content:space-between;padding:0 1rem}@media(min-width:768px){.b-templates-preview__header .header__inner-blocks{padding:0 3.75rem}}@media(min-width:md){.b-templates-preview__header .header__inner-blocks{padding:0 3.75rem}}.b-templates-preview__header .header__back{display:flex;align-items:center;border:none;background:0 0;color:var(--wp--preset--color--dark-100);font-size:var(--wp--preset--font-size--16);letter-spacing:.64px;line-height:1.4;font-weight:600;gap:.5rem;text-decoration:none}.b-templates-preview__header .header__nav{display:flex;flex-direction:column;align-items:center;gap:.25rem}@media(min-width:768px){.b-templates-preview__header .header__nav{flex-direction:row;gap:.75rem}}@media(min-width:md){.b-templates-preview__header .header__nav{flex-direction:row;gap:.75rem}}.b-templates-preview__header .header__nav-page,.b-templates-preview__header .header__nav-view{display:flex;align-items:center;padding:0;border:none;margin:0;background:0 0;color:var(--wp--preset--color--dark-100);cursor:pointer;font-size:var(--wp--preset--font-size--14);font-weight:600;gap:.5rem;letter-spacing:.56px}.b-templates-preview__header .header__nav-page--active,.b-templates-preview__header .header__nav-page:hover,.b-templates-preview__header .header__nav-view--active,.b-templates-preview__header .header__nav-view:hover{color:var(--wp--preset--color--classicblue-100)}.b-templates-preview__header .header__nav-page--active img,.b-templates-preview__header .header__nav-page:hover img,.b-templates-preview__header .header__nav-view--active img,.b-templates-preview__header .header__nav-view:hover img{filter:invert(24%)sepia(48%)saturate(2402%)hue-rotate(205deg)brightness(97%)contrast(92%)}.b-templates-preview__header .header__nav-view{display:none}@media(min-width:768px){.b-templates-preview__header .header__nav-view{display:flex}}@media(min-width:md){.b-templates-preview__header .header__nav-view{display:flex}}.b-templates-preview__header .header__nav-sep{display:none}@media(min-width:768px){.b-templates-preview__header .header__nav-sep{display:block;width:1rem}}@media(min-width:md){.b-templates-preview__header .header__nav-sep{display:block;width:1rem}}@media(min-width:992px){.b-templates-preview__header .header__nav-sep{width:5.25rem}}@media(min-width:lg){.b-templates-preview__header .header__nav-sep{width:5.25rem}}.b-templates-preview__case{position:relative;margin:0 auto}.b-templates-preview__case-icons{display:none}.b-templates-preview__case iframe{display:none;height:calc(100dvh - 3rem);border:none}.b-templates-preview__case iframe.active{display:block}@media(min-width:768px){.b-templates-preview__case--active{display:flex;width:24.375rem;height:53rem;flex-direction:column;flex-shrink:0;align-items:center;padding:3.9rem .5rem .5rem;border-radius:3rem;margin:3rem auto;background:var(--wp--preset--color--white-100);box-shadow:0 0 30px rgba(0,0,0,8%)}.b-templates-preview__case--active .b-templates-preview__case-icons{position:absolute;top:1rem;display:block}.b-templates-preview__case--active iframe{height:100%;border-radius:0 0 2.5rem 2.5rem}}@media(min-width:md){.b-templates-preview__case--active{display:flex;width:24.375rem;height:53rem;flex-direction:column;flex-shrink:0;align-items:center;padding:3.9rem .5rem .5rem;border-radius:3rem;margin:3rem auto;background:var(--wp--preset--color--white-100);box-shadow:0 0 30px rgba(0,0,0,8%)}.b-templates-preview__case--active .b-templates-preview__case-icons{position:absolute;top:1rem;display:block}.b-templates-preview__case--active iframe{height:100%;border-radius:0 0 2.5rem 2.5rem}}.b-templates-preview__iframe-fake{height:500px;background:#eae9e9}