@keyframes pattern-preview-target{0%{box-shadow:0 0 0 2px #3858e9}to{box-shadow:0 0 0 2px #3858e900}}.pattern-preview{--button-color-default:#3858e9;--button-color-hover:#1d35b4;display:flex;flex-direction:column;gap:16px;justify-content:space-between;position:relative}.pattern-preview:not(.pattern-preview--category-gallery) iframe{pointer-events:auto!important}.pattern-preview .pattern-preview__renderer{background:var(--color-surface);border-radius:4px;box-shadow:0 0 8px #00000014;display:grid;flex:1;overflow:hidden}.pattern-preview.is-targeted .pattern-preview__renderer{animation:pattern-preview-target .8s linear 3.5s backwards}.pattern-preview.is-loading .pattern-preview__renderer{animation-play-state:paused;aspect-ratio:7/4;width:100%}.pattern-preview .pattern-preview__header{align-items:start;display:flex;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;gap:16px;justify-content:space-between;line-height:1.3;min-height:3rem}.pattern-preview .pattern-preview__title{font-size:inherit;line-height:inherit;padding-bottom:0;padding-top:4px;text-align:left}.pattern-preview .pattern-preview__title:hover{color:var(--button-color-default)}.pattern-preview .pattern-preview__copy,.pattern-preview .pattern-preview__get-access{flex-shrink:0;font-size:.8125rem;line-height:1.6;padding:4px 8px}.pattern-preview .pattern-preview__copy:lang(en),.pattern-preview .pattern-preview__get-access:lang(en){text-transform:capitalize}.pattern-preview .pattern-preview__copy{align-items:center;background-color:var(--button-color-default);border-color:var(--button-color-default);display:flex;gap:8px}.pattern-preview .pattern-preview__copy.is-placeholder{pointer-events:none;-webkit-user-select:none;user-select:none}.pattern-preview .pattern-preview__copy:enabled:hover,.pattern-preview .pattern-preview__copy:focus{background-color:var(--button-color-hover);border-color:var(--button-color-hover)}.pattern-preview .pattern-preview__copy path{fill:currentColor}.pattern-preview.is-server .pattern-preview__copy{visibility:hidden}@media(min-width:782px){.pattern-preview.is-server .pattern-preview__copy{visibility:visible}}.pattern-preview .pattern-preview__get-access{align-items:center;border:1px solid;color:var(--button-color-default);display:flex;font-family:inherit;gap:4px;padding-left:5px}.pattern-preview .pattern-preview__get-access:enabled:hover,.pattern-preview .pattern-preview__get-access:focus{border-color:currentColor;color:var(--button-color-hover)}.pattern-preview .pattern-preview__get-access path{fill:currentColor}.pattern-preview--list{flex-direction:column-reverse}.pattern-preview--list .pattern-preview__header{align-items:center;min-height:auto}.pattern-preview--list .pattern-preview__title{padding-top:0}@media(min-width:1440px){.pattern-preview--list .pattern-preview__title{font-size:1.25rem}}.pattern-preview--list .pattern-preview__copy,.pattern-preview--list .pattern-preview__get-access{padding:8px 14px}.pattern-preview--list .pattern-preview__get-access{padding-left:12px}.pattern-preview--grid .pattern-preview__copy{gap:6px}.pattern-preview--category-gallery .pattern-preview__renderer{border-radius:0;box-shadow:none}.pattern-preview--category-gallery .pattern-preview__header{display:none}.pattern-preview__resizer .components-resizable-box__handle-left,.pattern-preview__resizer .components-resizable-box__handle-right{bottom:0;height:auto;left:100%;right:auto;top:3.4rem}.pattern-preview__resizer .components-resizable-box__handle-left:after,.pattern-preview__resizer .components-resizable-box__handle-left:before,.pattern-preview__resizer .components-resizable-box__handle-right:after,.pattern-preview__resizer .components-resizable-box__handle-right:before{content:none}.pattern-preview__resizer .pattern-preview__resizer-handle{background-color:var(--studio-gray-20);border-radius:3px;box-shadow:none;height:70px;max-height:90%;position:absolute;right:50%;top:50%;transform:translate(50%,-50%);transition:background-color .2s linear;width:6px}.pattern-preview__resizer .pattern-preview__resizer-handle:hover{background-color:var(--studio-gray-40)}.patterns-section{background:var(--studio-white);color:#101517;padding:90px 0 96px}@media(max-width:1280px){.patterns-section{padding:40px 0 48px}}.patterns-section.patterns-section--dark{background:#1d2327;color:var(--studio-white)}.patterns-section.patterns-section--dark .patterns-section__header .patterns-section__header-description{color:#c3c4c7}.patterns-section.patterns-section--gray{background:var(--studio-gray-0)}.patterns-section.patterns-section--gray .patterns-section__header .patterns-section__header-description{color:var(--studio-gray-100)}.patterns-section.patterns-section--blue{background:var(--studio-blue-80);color:var(--studio-white)}.patterns-section.patterns-section--blue .patterns-section__header .patterns-section__header-description{color:var(--studio-gray-10)}.patterns-section__premium-badge{box-sizing:border-box;margin-bottom:10px;margin-left:auto;margin-right:auto;max-width:1440px;padding-left:110px;padding-right:110px}@media(max-width:1280px){.patterns-section__premium-badge{padding-left:24px;padding-right:24px}}.patterns-section__premium-badge .premium-badge{background-color:#50575e;margin-left:0}.patterns-section__header{box-sizing:border-box;margin-left:auto;margin-right:auto;max-width:1440px;padding-bottom:48px;padding-left:110px;padding-right:110px}@media(max-width:1280px){.patterns-section__header{padding-bottom:32px;padding-left:24px;padding-right:24px}}.patterns-section__header h2{font-family:Recoleta,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:2.5rem;letter-spacing:.185px;line-height:1.2;padding-bottom:6px}.patterns-section__header .patterns-section__header-description{color:#3c434a;font-family:SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:1.125rem;line-height:1.4;max-width:520px}.patterns-section__body{box-sizing:border-box;margin-left:auto;margin-right:auto;max-width:1440px;padding-left:110px;padding-right:110px}@media(max-width:1280px){.patterns-section__body{padding-left:24px;padding-right:24px}}.patterns-section--full-width-body .patterns-section__body{max-width:none;padding:0}.popover{font-size:.75rem;left:0;position:absolute;right:auto;top:0;z-index:1000}.popover .popover__inner{background-color:var(--color-surface);border:1px solid var(--color-neutral-10);border-radius:2px;box-shadow:0 2px 5px #0000001a,0 0 56px rgba(0,0,0,.075);position:relative;text-align:center}.popover .popover__arrow{border:10px dashed var(--color-neutral-10);height:0;line-height:0;position:absolute;width:0;z-index:1}.popover.fade{transition:opacity .1s}.popover.is-top-left .popover__arrow,.popover.is-top-right .popover__arrow,.popover.is-top .popover__arrow{border-bottom:none;border-left-color:#0000;border-right-color:#0000;border-top-style:solid;bottom:0;left:50%;margin-left:-10px}.popover.is-top-left .popover__arrow:before,.popover.is-top-right .popover__arrow:before,.popover.is-top .popover__arrow:before{border-bottom:none;border-left:10px solid #0000;border-right:10px solid #0000;border-top-style:solid;border-top:10px solid var(--color-border-inverted);bottom:2px;content:" ";left:50%;margin-left:-10px;position:absolute}.popover.is-bottom-left .popover__arrow,.popover.is-bottom-right .popover__arrow,.popover.is-bottom .popover__arrow{border-bottom-style:solid;border-left-color:#0000;border-right-color:#0000;border-top:none;left:50%;margin-left:-10px;top:0}.popover.is-bottom-left .popover__arrow:before,.popover.is-bottom-right .popover__arrow:before,.popover.is-bottom .popover__arrow:before{border-bottom-style:solid;border-bottom:10px solid var(--color-border-inverted);border-left:10px solid #0000;border-right:10px solid #0000;border-top:none;content:" ";left:50%;margin-left:-10px;position:absolute;top:2px}.popover.is-left-bottom .popover__arrow,.popover.is-left-top .popover__arrow,.popover.is-left .popover__arrow{border-bottom-color:#0000;border-left-style:solid;border-right:none;border-top-color:#0000;margin-top:-10px;right:0;top:50%}.popover.is-left-bottom .popover__arrow:before,.popover.is-left-top .popover__arrow:before,.popover.is-left .popover__arrow:before{border-bottom:10px solid #0000;border-left-style:solid;border-left:10px solid var(--color-border-inverted);border-right:none;border-top:10px solid #0000;content:" ";margin-top:-10px;position:absolute;right:2px;top:50%}.popover.is-right-bottom .popover__arrow,.popover.is-right-top .popover__arrow,.popover.is-right .popover__arrow{border-bottom-color:#0000;border-left:none;border-right-style:solid;border-top-color:#0000;left:0;margin-top:-10px;top:50%}.popover.is-right-bottom .popover__arrow:before,.popover.is-right-top .popover__arrow:before,.popover.is-right .popover__arrow:before{border-bottom:10px solid #0000;border-left:none;border-right-style:solid;border-right:10px solid var(--color-border-inverted);border-top:10px solid #0000;content:" ";left:2px;margin-top:-10px;position:absolute;top:50%}.popover.is-bottom-left,.popover.is-bottom-right,.popover.is-top-left,.popover.is-top-right{padding-left:0;padding-right:0}.popover.is-bottom-left .popover__arrow,.popover.is-top-left .popover__arrow{left:auto;right:5px}.popover.is-bottom-right .popover__arrow,.popover.is-top-right .popover__arrow{left:15px}.popover.is-top-left .popover__inner,.popover.is-top-right .popover__inner,.popover.is-top .popover__inner{top:-10px}.popover.is-bottom-right .popover__inner,.popover.is-left .popover__inner,.popover.is-top-right .popover__inner{left:-10px}.popover.is-bottom-left .popover__inner,.popover.is-bottom-right .popover__inner,.popover.is-bottom .popover__inner{top:10px}.popover.is-bottom-left .popover__inner,.popover.is-right .popover__inner,.popover.is-top-left .popover__inner{left:10px}.popover.is-dialog-visible{z-index:100300}.premium-badge{align-items:center;background:var(--studio-black);border-radius:20px;box-sizing:border-box;color:var(--studio-white);display:inline-flex;font-size:.75rem;height:20px;line-height:20px;margin-left:10px;padding:0 10px 0 9px;z-index:1}.premium-badge--is-clickable{cursor:pointer}.accessible-focus .premium-badge--is-clickable:focus{box-shadow:0 0 0 2px var(--color-primary-light)}.design-picker .design-picker__option-meta .premium-badge{min-height:0}.premium-badge .premium-badge__logo{fill:currentColor;margin-right:3px;margin-top:-1px}.premium-badge.premium-badge__compact-animation{cursor:default;overflow:hidden;padding:0 10px 0 25px;position:relative}.premium-badge.premium-badge__compact-animation,.premium-badge.premium-badge__compact-animation .premium-badge__logo{transition-duration:.1s;transition-property:all;transition-timing-function:ease-out}.premium-badge.premium-badge__compact-animation .premium-badge__logo{height:14px;left:7px;margin:0;position:absolute;width:14px}.premium-badge.premium-badge__compact-animation.premium-badge--compact{padding:0 0 0 20px}.premium-badge.premium-badge__compact-animation.premium-badge--compact .premium-badge__logo{left:3px}.premium-badge.premium-badge__compact-animation.premium-badge--compact .premium-badge__label{width:0}.premium-badge.premium-badge__compact-animation .premium-badge__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.premium-badge .components-tooltip .components-popover__content{background-color:var(--studio-gray-100);border-radius:4px;margin:8px;white-space:pre-line}.premium-badge .components-tooltip .components-popover__content>div{max-width:300px;padding:8px 10px;text-align:start;width:max-content}.premium-badge__popover.popover{max-width:300px;outline:none}.premium-badge__popover.popover .popover__inner{background-color:#000;border:0;border-radius:4px;color:#eee;padding:.25rem}.premium-badge__popover.popover.is-bottom-left .popover__arrow:before,.premium-badge__popover.popover.is-bottom-right .popover__arrow:before{border-bottom-color:#000!important}.premium-badge__popover.popover.is-top-left .popover__arrow:before{border-top-color:#000!important}.premium-badge__popover.popover.is-bottom .popover__arrow:before{border-bottom-color:#000!important}.premium-badge__popover.popover .popover__arrow{border-color:#0000}.patterns-category-gallery{display:grid;gap:32px 24px;grid-template-columns:1fr}@media(min-width:782px){.patterns-category-gallery{grid-template-columns:repeat(calc(var(--column-count) - 1),1fr)}}@media(min-width:1440px){.patterns-category-gallery{grid-template-columns:repeat(var(--column-count),1fr)}}.patterns-category-gallery.is-regular-patterns{--column-count:4}.patterns-category-gallery.is-page-patterns{--column-count:3}.patterns-category-gallery .patterns-category-gallery__item-preview{aspect-ratio:29/16;background:#f6f7f7;border-radius:4px;margin-bottom:14px;overflow:hidden}.patterns-category-gallery .patterns-category-gallery__item-preview--page-layout{aspect-ratio:39/44}.patterns-category-gallery .patterns-category-gallery__item-preview-inner{background:var(--color-surface);border-radius:4px 4px 0 0;box-shadow:0 0 8px #00000014;height:calc(100% - 20px);margin:20px 30px 0;overflow:hidden;transform:translateY(10px);transition:transform .35s ease}.patterns-category-gallery .patterns-category-gallery__item-preview--mirrored .patterns-category-gallery__item-preview-inner{align-items:end;border-radius:0 0 4px 4px;display:grid;margin:0 30px 20px;transform:translateY(-10px);transform-origin:center top}@media(hover){.patterns-category-gallery .patterns-category-gallery__item:hover .patterns-category-gallery__item-preview-inner{transform:translateY(0)}}.patterns-category-gallery .patterns-category-gallery__item-name{color:#101517;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:1.125rem;line-height:1.4}.patterns-category-gallery .patterns-category-gallery__item-count{color:#50575e;font-family:SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:.75rem;line-height:1.6}.patterns-category-gallery .pattern-preview .pattern-preview__renderer{aspect-ratio:auto}.patterns-category-gallery .pattern-preview .pattern-preview__header{display:none}.patterns-get-access-modal{box-shadow:none}.patterns-get-access-modal .dialog__content{padding:0}.patterns-get-access-modal__backdrop.dialog__backdrop{background-color:#00000080}.patterns-get-access-modal__content{background-color:#1d2327;background-image:url(../image/background-9424c0376b84964681c9.png);background-position:100% 0;background-repeat:no-repeat;background-size:50% auto;padding-right:400px;position:relative}.patterns-get-access-modal__content .patterns-get-access-modal__close{cursor:pointer;height:24px;position:absolute;right:32px;top:32px;width:24px}.patterns-get-access-modal__content .patterns-get-access-modal__close svg{fill:var(--studio-white)}.patterns-get-access-modal__inner{background-color:var(--studio-white);box-sizing:border-box;max-width:400px;padding:48px}.patterns-get-access-modal__inner .patterns-get-access-modal__title{color:#101517;font-family:Recoleta,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:2rem;letter-spacing:-.32px;line-height:1.25;padding-bottom:16px}.patterns-get-access-modal__inner .patterns-get-access-modal__description{color:#2c3338;font-family:SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:1rem;letter-spacing:-.32px;line-height:1.5;padding-bottom:24px}.patterns-get-access-modal__inner .patterns-get-access-modal__upgrade-buttons{--color:#3858e9;display:flex;flex-wrap:wrap;gap:16px}.patterns-get-access-modal__inner .patterns-get-access-modal__upgrade-buttons .is-primary{background:var(--color);border-color:var(--color)}.patterns-get-access-modal__inner .patterns-get-access-modal__upgrade-buttons .is-transparent{border-color:var(--color);color:var(--color)}@media(max-width:960px){.patterns-get-access-modal{border-radius:4px}.patterns-get-access-modal__inner{padding:32px}.patterns-get-access-modal__content{background:none;padding:0}.patterns-get-access-modal__content .patterns-get-access-modal__close{right:24px;top:24px}.patterns-get-access-modal__content .patterns-get-access-modal__close svg{fill:var(--studio-black)}}.category-pill-navigation{--color-accent:#3858e9;align-items:center;background:var(--studio-white);display:flex}@media(max-width:480px){.category-pill-navigation{display:block}}.category-pill-navigation__button-divider{background:#2c3338;border-radius:2px;display:block;flex-shrink:0;height:14px;margin-left:16px;width:1px}.category-pill-navigation__list{overflow:hidden;position:relative}.category-pill-navigation__list .category-pill-navigation__list-inner{align-items:center;display:flex;gap:16px;overflow:auto;scrollbar-width:none}.category-pill-navigation__list .category-pill-navigation__list-inner::-webkit-scrollbar{display:none}.category-pill-navigation__list .category-pill-navigation__list-inner .category-pill-navigation__button:first-child{margin-left:16px}.category-pill-navigation__list .category-pill-navigation__arrow{cursor:pointer;display:block;height:44px;left:0;position:absolute;top:0;transform:rotate(180deg);width:44px;z-index:2}.category-pill-navigation__list .category-pill-navigation__arrow:focus:not(:disabled){box-shadow:none}.category-pill-navigation__list .category-pill-navigation__arrow:before{background:linear-gradient(270deg,var(--studio-white) 45.38%,#0000 100%);content:"";cursor:none;height:44px;pointer-events:none;position:absolute;right:0;top:0;width:68px}.category-pill-navigation__list .category-pill-navigation__arrow svg{position:relative;z-index:2}.category-pill-navigation__list .category-pill-navigation__arrow.right{left:auto;right:0;transform:rotate(0)}@media(max-width:960px){.category-pill-navigation__list .category-pill-navigation__arrow{padding:0;width:0}}.category-pill-navigation__button{align-items:center;background:#f2f2f2;border-radius:4px;color:#2c3338;display:flex;flex-shrink:0;font-family:SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:.875rem;gap:8px;height:44px;letter-spacing:-.15px;padding:0 16px;white-space:nowrap}.category-pill-navigation__button:visited{color:#2c3338}.category-pill-navigation__button.is-active{background:var(--color-accent);color:var(--studio-white)}.category-pill-navigation__button.is-active svg{fill:var(--studio-white)}.category-pill-navigation__children{flex:none;margin-left:auto;padding-left:32px}.category-pill-navigation__mobile-select .select-dropdown__container{width:100%}.count{border:1px solid var(--color-border);border-radius:12px;color:var(--color-text);display:inline-block;font-size:.75rem;font-weight:600;line-height:14px;padding:1px 6px;text-align:center}.count.is-primary{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-text-inverted)}.form-label{display:block;font-size:.875rem;font-weight:600;margin-bottom:5px}.form-label .form-label__required{color:var(--color-error);font-weight:400;margin-left:6px}.form-label .form-label__optional{color:var(--color-neutral-50);font-weight:400;margin-left:6px}.form-label input[type=checkbox]+span,.form-label input[type=radio]+span{font-weight:400}.select-dropdown{height:43px;overflow:hidden}.select-dropdown.is-open{overflow:visible}.select-dropdown.is-compact{height:35px}.select-dropdown__container{display:inline-block;max-width:100%;position:relative}.accessible-focus .select-dropdown.is-open .select-dropdown__container,.accessible-focus .select-dropdown__container:focus,.select-dropdown.is-open .select-dropdown__container{z-index:170}.accessible-focus .select-dropdown.is-open .select-dropdown__container .select-dropdown__header,.accessible-focus .select-dropdown__container:focus .select-dropdown__header{border-color:var(--color-primary)}.accessible-focus .select-dropdown__container{border-radius:2px}.accessible-focus .select-dropdown__container:focus{border-color:#00aadc;outline:0}.accessible-focus .select-dropdown.is-open .select-dropdown__container{box-shadow:0 0 0 2px var(--color-primary-light)}.select-dropdown__header{align-items:center;background-color:var(--color-surface);border:1px solid var(--color-neutral-10);border-radius:2px;box-sizing:border-box;color:var(--color-neutral-70);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;height:43px;justify-content:space-between;line-height:40px;padding:0 16px;transition:background-color .2s ease}.select-dropdown__header .gridicons-chevron-down{fill:var(--color-neutral-50);flex-shrink:0;margin:0;transition:transform .15s cubic-bezier(.175,.885,.32,1.275)}.is-disabled .select-dropdown__header .gridicons-chevron-down{fill:var(--color-neutral-0)}.is-compact .select-dropdown__header{font-size:.75rem;height:35px;line-height:32px;padding-right:8px}.is-compact .select-dropdown__header .count{border-width:0;right:25px;top:8.5px}.is-disabled .select-dropdown__header{background:var(--color-surface);border-color:var(--color-neutral-0);color:var(--color-neutral-0);cursor:default}.is-disabled .select-dropdown__header.is-active,.is-disabled .select-dropdown__header:active{border-width:1px}.is-loading .select-dropdown__header .count,.is-loading .select-dropdown__header .select-dropdown__header-text{animation:loading-fade 1.6s ease-in-out infinite;color:var(--color-neutral-50)}.select-dropdown.is-open .select-dropdown__header{background-color:var(--color-neutral-0);border-radius:2px 2px 0 0;box-shadow:none}.select-dropdown.is-open .select-dropdown__header .gridicons-chevron-down{transform:rotate(-180deg)}.accessible-focus .select-dropdown:not(.is-open) .select-dropdown__container:focus .select-dropdown__header{box-shadow:0 0 0 2px var(--color-primary-light)}.select-dropdown__header .count{position:absolute;right:40px;top:11.5px}.select-dropdown__header-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.has-count .select-dropdown__header-text{padding-right:40px}.select-dropdown__header-text .gridicon,.select-dropdown__header-text .material-icon{margin-bottom:-4px;margin-right:8px;vertical-align:text-bottom}.is-compact .select-dropdown__header-text .gridicon,.is-compact .select-dropdown__header-text .material-icon{margin-bottom:0;position:relative;top:2px}.select-dropdown__options{background-color:var(--color-surface);border:1px solid var(--color-neutral-10);border-radius:0 0 2px 2px;border-top:0;box-sizing:border-box;list-style:none;margin:-1px 0 0;padding:0;visibility:hidden}.accessible-focus .select-dropdown__options{border:1px solid var(--color-primary);border-top-color:var(--color-neutral-10)}.select-dropdown.is-open .select-dropdown__options{visibility:visible}.select-dropdown__option{height:40px}.select-dropdown__option:last-child .select-dropdown__item{border-radius:0 0 2px 2px}.select-dropdown__option:hover{background-color:var(--color-neutral-5)}.select-dropdown__item{color:var(--color-neutral-70);cursor:pointer;display:block;font-size:.875rem;font-weight:400;height:40px;line-height:40px;overflow:hidden;padding:0 62px 0 16px;position:relative;white-space:nowrap}.select-dropdown__item:before{content:attr(data-bold-text);font-weight:600;opacity:0;white-space:nowrap}.select-dropdown__item:visited{color:var(--color-neutral-70)}.select-dropdown__item.is-selected{background-color:var(--color-accent);color:var(--color-text-inverted)}.select-dropdown__item.is-selected .count{border-color:var(--color-border-inverted);color:var(--color-text-inverted)}.select-dropdown__item.is-disabled{background-color:var(--color-surface);color:var(--color-neutral-light);cursor:default;opacity:.5}.notouch .select-dropdown__item:hover{color:var(--color-accent)}.notouch .select-dropdown__item.is-selected:hover{color:var(--color-text-inverted)}.select-dropdown__item .extra-gridicon{fill:var(--color-neutral);position:absolute;right:8px;top:11px}.select-dropdown__item .gridicon{margin-right:8px;vertical-align:text-bottom}.select-dropdown__item-count:before{content:attr(data-text);opacity:0}.select-dropdown__item-count .count{position:absolute;right:16px;top:11px}.select-dropdown__item-text{color:inherit;display:inline-block;left:16px;max-width:100%;overflow:hidden;position:absolute;right:16px;text-overflow:ellipsis;white-space:nowrap}.select-dropdown__separator{border-top:1px solid var(--color-neutral-10);display:block;margin:8px 0}.select-dropdown__label{color:var(--color-text-subtle);display:block;line-height:20px}.select-dropdown__label .form-label{display:inline;font-size:.75rem;font-weight:400;margin-bottom:0;padding:0 16px}.section-patterns-info{display:flex;gap:24px;margin:0 auto;max-width:1220px;overflow:auto;padding:0 24px;scroll-padding-left:24px;scroll-snap-type:x proximity}.section-patterns-info__item{background:#3c434a;border-radius:2.5%;box-sizing:border-box;flex:1;min-width:280px;padding:32px 24px 48px;scroll-snap-align:start}@media(max-width:1080px){.section-patterns-info__item{padding:32px 24px 24px}}.section-patterns-info__item .section-patterns-info__item-image{align-items:center;background:#1d2327;border-radius:50%;display:flex;height:64px;justify-content:center;margin-bottom:96px;width:64px}.section-patterns-info__item .section-patterns-info__item-title{color:var(--studio-white);font-family:Recoleta,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:2rem;letter-spacing:-.32px;line-height:1.25;min-height:2.5em;padding-bottom:12px}.section-patterns-info__item .section-patterns-info__item-description{color:#c3c4c7;font-family:SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:1rem;letter-spacing:-.32px;line-height:1.5}.patterns-get-started__buttons{margin-bottom:48px;margin-top:-32px}@media(max-width:1280px){.patterns-get-started__buttons{margin-top:-16px}}.patterns-get-started__buttons .patterns-get-started__start-button{background:#3858e9;border-radius:2px;color:var(--studio-white);font-family:SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:.8125rem;height:40px;padding:0 17px}.patterns-get-started__buttons .patterns-get-started__start-button:hover{background:#1d35b4;color:inherit}.patterns-get-started__list{display:flex;gap:24px;overflow:auto;scroll-padding-left:24px;scroll-snap-type:x proximity}.patterns-get-started__item{flex:1;min-width:320px;scroll-snap-align:start}.patterns-get-started__item .patterns-get-started__item-image{border-radius:4px;margin-bottom:16px}.patterns-get-started__item .patterns-get-started__item-name{color:#a7aaad;font-family:SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:.75rem;font-weight:500;letter-spacing:.4px;line-height:1.6;padding-bottom:16px}.patterns-get-started__item .patterns-get-started__item-description{color:var(--studio-white);font-family:Recoleta,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:1.5rem;line-height:1.3}input[type=email].form-text-input,input[type=number].form-text-input,input[type=password].form-text-input,input[type=search].form-text-input,input[type=tel].form-text-input,input[type=text].form-text-input,input[type=url].form-text-input{background-color:var(--color-surface);border:1px solid var(--color-neutral-10);border-radius:2px;box-sizing:border-box;color:var(--color-neutral-70);font-size:1rem;line-height:1.5;margin:0;padding:7px 14px;transition:all .15s ease-in-out;width:100%}input[type=email].form-text-input::placeholder,input[type=number].form-text-input::placeholder,input[type=password].form-text-input::placeholder,input[type=search].form-text-input::placeholder,input[type=tel].form-text-input::placeholder,input[type=text].form-text-input::placeholder,input[type=url].form-text-input::placeholder{color:var(--color-neutral-50)}input[type=email].form-text-input:hover,input[type=number].form-text-input:hover,input[type=password].form-text-input:hover,input[type=search].form-text-input:hover,input[type=tel].form-text-input:hover,input[type=text].form-text-input:hover,input[type=url].form-text-input:hover{border-color:var(--color-neutral-20)}input[type=email].form-text-input:focus,input[type=number].form-text-input:focus,input[type=password].form-text-input:focus,input[type=search].form-text-input:focus,input[type=tel].form-text-input:focus,input[type=text].form-text-input:focus,input[type=url].form-text-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-10);outline:none}input[type=email].form-text-input:focus:hover,input[type=number].form-text-input:focus:hover,input[type=password].form-text-input:focus:hover,input[type=search].form-text-input:focus:hover,input[type=tel].form-text-input:focus:hover,input[type=text].form-text-input:focus:hover,input[type=url].form-text-input:focus:hover{box-shadow:0 0 0 2px var(--color-primary-20)}input[type=email].form-text-input:focus::-ms-clear,input[type=number].form-text-input:focus::-ms-clear,input[type=password].form-text-input:focus::-ms-clear,input[type=search].form-text-input:focus::-ms-clear,input[type=tel].form-text-input:focus::-ms-clear,input[type=text].form-text-input:focus::-ms-clear,input[type=url].form-text-input:focus::-ms-clear{display:none}input[type=email].form-text-input:focus.is-valid,input[type=number].form-text-input:focus.is-valid,input[type=password].form-text-input:focus.is-valid,input[type=search].form-text-input:focus.is-valid,input[type=tel].form-text-input:focus.is-valid,input[type=text].form-text-input:focus.is-valid,input[type=url].form-text-input:focus.is-valid{box-shadow:0 0 0 2px var(--color-success-10)}input[type=email].form-text-input:focus.is-valid:hover,input[type=number].form-text-input:focus.is-valid:hover,input[type=password].form-text-input:focus.is-valid:hover,input[type=search].form-text-input:focus.is-valid:hover,input[type=tel].form-text-input:focus.is-valid:hover,input[type=text].form-text-input:focus.is-valid:hover,input[type=url].form-text-input:focus.is-valid:hover{box-shadow:0 0 0 2px var(--color-success-20)}input[type=email].form-text-input:focus.is-error,input[type=number].form-text-input:focus.is-error,input[type=password].form-text-input:focus.is-error,input[type=search].form-text-input:focus.is-error,input[type=tel].form-text-input:focus.is-error,input[type=text].form-text-input:focus.is-error,input[type=url].form-text-input:focus.is-error{box-shadow:0 0 0 2px var(--color-error-10)}input[type=email].form-text-input:focus.is-error:hover,input[type=number].form-text-input:focus.is-error:hover,input[type=password].form-text-input:focus.is-error:hover,input[type=search].form-text-input:focus.is-error:hover,input[type=tel].form-text-input:focus.is-error:hover,input[type=text].form-text-input:focus.is-error:hover,input[type=url].form-text-input:focus.is-error:hover{box-shadow:0 0 0 2px var(--color-error-20)}input[type=email].form-text-input:disabled,input[type=number].form-text-input:disabled,input[type=password].form-text-input:disabled,input[type=search].form-text-input:disabled,input[type=tel].form-text-input:disabled,input[type=text].form-text-input:disabled,input[type=url].form-text-input:disabled{-webkit-text-fill-color:var(--color-neutral-20);background:var(--color-neutral-0);border-color:var(--color-neutral-0);color:var(--color-neutral-20);opacity:1}input[type=email].form-text-input:disabled:hover,input[type=number].form-text-input:disabled:hover,input[type=password].form-text-input:disabled:hover,input[type=search].form-text-input:disabled:hover,input[type=tel].form-text-input:disabled:hover,input[type=text].form-text-input:disabled:hover,input[type=url].form-text-input:disabled:hover{cursor:default}input[type=email].form-text-input:disabled::placeholder,input[type=number].form-text-input:disabled::placeholder,input[type=password].form-text-input:disabled::placeholder,input[type=search].form-text-input:disabled::placeholder,input[type=tel].form-text-input:disabled::placeholder,input[type=text].form-text-input:disabled::placeholder,input[type=url].form-text-input:disabled::placeholder{color:var(--color-neutral-20)}input.is-valid[type=email].form-text-input,input.is-valid[type=number].form-text-input,input.is-valid[type=password].form-text-input,input.is-valid[type=search].form-text-input,input.is-valid[type=tel].form-text-input,input.is-valid[type=text].form-text-input,input.is-valid[type=url].form-text-input{border-color:var(--color-success)}input.is-valid[type=email].form-text-input:hover,input.is-valid[type=number].form-text-input:hover,input.is-valid[type=password].form-text-input:hover,input.is-valid[type=search].form-text-input:hover,input.is-valid[type=tel].form-text-input:hover,input.is-valid[type=text].form-text-input:hover,input.is-valid[type=url].form-text-input:hover{border-color:var(--color-success-dark)}input.is-error[type=email].form-text-input,input.is-error[type=number].form-text-input,input.is-error[type=password].form-text-input,input.is-error[type=search].form-text-input,input.is-error[type=tel].form-text-input,input.is-error[type=text].form-text-input,input.is-error[type=url].form-text-input{border-color:var(--color-error)}input.is-error[type=email].form-text-input:hover,input.is-error[type=number].form-text-input:hover,input.is-error[type=password].form-text-input:hover,input.is-error[type=search].form-text-input:hover,input.is-error[type=tel].form-text-input:hover,input.is-error[type=text].form-text-input:hover,input.is-error[type=url].form-text-input:hover{border-color:var(--color-error-dark)}input[type=email].form-text-input,input[type=password].form-text-input,input[type=url].form-text-input{direction:ltr;text-align:left/*!rtl:ignore*/}input[type=search].form-text-input,input[type=url].form-text-input{appearance:none}input[type=search].form-text-input::-webkit-search-decoration{display:none}.is-section-purchases .search{z-index:1}.search{align-items:center;border-radius:2px;display:flex;flex:1 1 auto;height:51px;margin-bottom:24px;position:relative;transition:all .15s ease-in-out;width:60px;z-index:22}.search .search__icon-navigation{align-items:center;background-color:var(--color-surface);display:flex;flex:0 0 auto;height:100%}.accessible-focus .search .search__icon-navigation:focus{box-shadow:inset 0 0 0 2px var(--color-primary-light);position:relative;z-index:9999}.search .search__close-icon,.search .search__open-icon{color:var(--color-primary);cursor:pointer;flex:0 0 auto;width:50px;z-index:20}.search .search__close-icon,.search .search__open-icon:hover{color:var(--color-neutral-60)}.search .search__close-icon{opacity:0;transition:opacity .2s ease-in}.search.is-open.has-focus{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary),0 0 0 4px var(--color-primary-10)}.search.is-open.has-focus:hover{box-shadow:0 0 0 1px var(--color-primary),0 0 0 4px var(--color-primary-20)}.search.is-compact{height:36px}.search.is-compact .search__input{font-size:.75rem;height:36px}.search.is-compact .search__open-icon{margin:0 4px 0 8px;width:18px}.search.is-compact .search__close-icon{margin-right:8px;width:18px}.search.is-expanded-to-container{display:flex;height:100%;margin-bottom:0;position:absolute;right:0;top:0;width:50px}.search.is-expanded-to-container .search__input-fade{display:flex;flex:1 1 auto;position:relative}.search.is-expanded-to-container .search__input[type=search]{display:flex;flex:1 1 auto}.search__input.form-text-input[type=search]{appearance:none;-webkit-appearance:none;background:var(--color-surface);border:none;border-radius:0;box-sizing:border-box;display:none;flex:1 1 auto;height:100%;padding:0;top:0;z-index:10}.search__input.form-text-input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}.search__input.form-text-input[type=search]:disabled{background:var(--color-surface)}.search__input.form-text-input[type=search]:focus,.search__input.form-text-input[type=search]:focus:hover{border:none;box-shadow:none}.search.is-open{width:100%}.search.is-open .search__open-icon{color:var(--color-neutral-60);opacity:.3}.search.is-open .search__close-icon{display:inline-block}.search.is-open .search__close-icon,.search.is-open .search__input{opacity:1}.search.is-open .search__input{display:block}.search.is-open .search__input-fade{border-radius:0;flex:1 1 auto;font-size:1rem;height:100%;padding-left:8px;position:relative}.search.is-open .search__input-fade:before{-webkit-touch-callout:none;background:linear-gradient(to right,#0000,var(--color-surface) 90%);border-radius:inherit;bottom:0;content:"";display:block;height:auto;left:auto;pointer-events:none;position:absolute;right:0;top:0;-webkit-user-select:none;user-select:none;width:32px;z-index:12}.search.is-open .search__input-fade.ltr{/*!rtl:ignore*/}.search.is-open .search__input-fade.ltr:before{-webkit-touch-callout:none;background:linear-gradient(to right,#0000,var(--color-surface) 90%);border-radius:inherit;bottom:0;content:"";display:block;height:auto;left:auto;pointer-events:none;position:absolute;right:0;top:0;-webkit-user-select:none;user-select:none;width:32px;z-index:12}.search.has-open-icon .search__input-fade{padding-left:0}.search__input-fade .search__text-overlay{align-items:center;color:#0000;display:flex;flex:1 1 auto;font-family:inherit;font-size:inherit;height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:1px;white-space:nowrap;width:100%;z-index:11}.search.is-searching .search__open-icon,.search .spinner{display:none}.search.is-searching .spinner{background-color:var(--color-surface);display:flex;flex:0 0 auto;height:100%;width:50px;z-index:20}.animating.search-opening .search input{opacity:1}@keyframes rotate-spinner{to{transform:rotate(1turn)}}.calypso-spinner,.spinner{align-items:center;display:flex}.spinner__inner,.spinner__outer{animation:3s linear infinite;animation-name:rotate-spinner;border:.1em solid #0000;border-radius:50%;box-sizing:border-box;margin:auto}.spinner__inner,.spinner__outer{border-top-color:var(--color-accent)}.spinner__inner{border-right-color:var(--color-accent);height:100%;opacity:.4;width:100%}.patterns-header{background:#1d2327}.patterns-header .patterns-header__inner{background-image:url(../image/background@3x-d031dd9d1a5ae5d4f1dd.png);background-position:87% top;background-repeat:no-repeat;background-size:45% auto;box-sizing:border-box;color:var(--studio-white);margin-left:auto;margin-right:auto;max-width:1440px;padding:105px 110px 64px}@media(max-width:1280px){.patterns-header .patterns-header__inner{padding-left:24px;padding-right:24px}}.patterns-header .patterns-header__inner h1{font-family:Recoleta,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:4.375rem;letter-spacing:.2px;line-height:1;padding-bottom:24px;width:600px}.patterns-header .patterns-header__inner .patterns-header__description{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:1.125rem;letter-spacing:.4px;line-height:1.4;padding-bottom:32px;width:450px}.patterns-header .patterns-header__inner .patterns-header__search-input .search{border-radius:4px;height:56px;margin-bottom:0;overflow:hidden;width:450px}.patterns-header .patterns-header__inner .patterns-header__search-input .search input[type=search]{font-family:SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;letter-spacing:-.32px}.patterns-header .patterns-header__inner .patterns-header__search-input .search input[type=search]::placeholder{color:#01283d}@media(max-width:1080px){.patterns-header .patterns-header__inner{background:none;padding-bottom:24px;padding-top:90px}.patterns-header .patterns-header__inner h1{font-size:3.125rem;line-height:1.15;width:auto}.patterns-header .patterns-header__inner .patterns-header__description{padding-bottom:24px;width:auto}.patterns-header .patterns-header__inner .patterns-header__search-input .search{height:52px;width:auto}}@keyframes onboarding-loading-pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.mshots-image__loader{animation:onboarding-loading-pulse 1.6s ease-in-out infinite;background:#f0f0f0;color:#0000}.mshots-image__loader:after{content:" "}.mshots-image__container{height:100%}.hover-scroll{background-position:top;background-repeat:no-repeat;background-size:100%;margin-left:auto;margin-right:auto}.hover-scroll:hover{background-position:bottom}.mshots-image-visible{animation:fadein .3s}.mshots-dummy-image.mshots-dummy-image{display:block;height:0;position:absolute;visibility:hidden;width:0}@keyframes fadein{0%{opacity:0}to{opacity:1}}.readymade-templates{display:flex;gap:24px;overflow:auto;padding-left:calc(50vw - 618px);padding-right:24px;scroll-padding-left:24px;scroll-snap-type:x proximity;scrollbar-width:none}@media(max-width:1280px){.readymade-templates{padding-left:24px;padding-right:24px}}@media(max-width:782px){.readymade-templates{padding-bottom:0;padding-top:0}}.readymade-templates::-webkit-scrollbar{display:none}a.readymade-template{color:var(--studio-white)}.readymade-template__preview{--readymade-template-width:390px;background-color:#fff;border-radius:2px;height:calc(var(--readymade-template-width)*1.4);margin-bottom:24px;overflow:hidden;pointer-events:none;width:var(--readymade-template-width)}@media(max-width:1440px){.readymade-template__preview{--readymade-template-width:calc(33.33333vw - 90px)}}@media(max-width:1280px){.readymade-template__preview{--readymade-template-width:calc(33.33333vw - 50px)}}@media(max-width:782px){.readymade-template__preview{--readymade-template-width:calc(50vw - 72px)}}@media(max-width:600px){.readymade-template__preview{--readymade-template-width:calc(100vw - 170px)}}.readymade-template__title{font-size:1.125rem;line-height:26px}.readymade-templates-controls{display:flex;gap:8px;justify-content:center;margin-top:16px}.readymade-templates-controls button{fill:var(--studio-white);align-items:center;background:var(--studio-gray-70);border:none;border-radius:50%;cursor:pointer;display:flex;height:48px;justify-content:center;transition:background .3s ease-in-out;width:48px}.readymade-templates-controls button:hover{background:var(--studio-gray-50)}.readymade-templates-controls button:disabled{background:var(--studio-gray-80);pointer-events:none}.pattern-library__toggle{border:1px solid var(--wp-components-color-gray-600,#949494);border-radius:2px;display:grid;grid-auto-columns:1fr;grid-auto-flow:column;padding:2px;position:relative}.pattern-library__toggle-option,.pattern-library__toggle-option:visited{align-items:center;border-radius:2px;box-sizing:border-box;color:inherit;display:flex;font-size:.8125rem;height:34px;justify-content:center;padding:0 10px;position:relative;transition:color .2s linear;white-space:nowrap;width:100%}@media(max-width:782px){.pattern-library__toggle-option,.pattern-library__toggle-option:visited{height:36px}}.pattern-library__toggle-option:hover,.pattern-library__toggle-option:visited:hover{color:inherit}.pattern-library__toggle-option.is-active,.pattern-library__toggle-option:visited.is-active{color:#fff}.pattern-library__toggle-option:visited path,.pattern-library__toggle-option path{fill:currentColor}.pattern-library__toggle-backdrop{background:#000;border-radius:2px;inset:0;position:absolute;z-index:-1}.pattern-library__type-toggle-option{padding-left:19px;padding-right:19px}@media(max-width:782px){.pattern-library__view-toggle{display:none}}.pattern-library__wrapper{position:relative}.pattern-library__filters{background:var(--studio-white);position:sticky;top:0;transition:box-shadow .2s linear;z-index:3}.pattern-library__filters.pattern-library__filters--sticky{box-shadow:0 0 8px #00000014}.pattern-library__filters .pattern-library__filters-inner{box-sizing:border-box;display:flex;margin-left:auto;margin-right:auto;max-width:1440px;padding:32px 110px}@media(max-width:1280px){.pattern-library__filters .pattern-library__filters-inner{padding-left:24px;padding-right:24px}}.pattern-library__filters .category-pill-navigation{overflow:hidden}@media(max-width:1280px){.pattern-library__filters .pattern-library__filters-inner{padding-bottom:24px;padding-top:24px}}@media(max-width:480px){.pattern-library__filters{position:static}.pattern-library__filters .category-pill-navigation{flex:1;overflow:visible}}.pattern-library__filters+.patterns-section{padding-top:48px}.is-logged-in.is-section-patterns .pattern-library__filters{top:var(--masterbar-height)}.pattern-library__body-search{display:flex;margin-left:16px}@media(max-width:782px){.pattern-library__body-search{display:none}}.pattern-library__body-search .search{border:1px solid #c3c4c7;border-radius:4px;height:42px;margin-bottom:0;overflow:hidden;width:42px}.pattern-library__body-search .search .search__input.form-text-input[type=search]{font-size:.875rem;padding-left:16px}.pattern-library__body-search .search .search__close-icon,.pattern-library__body-search .search .search__open-icon{width:42px}.pattern-library__body-search .search .search__icon-navigation{order:1}.pattern-library__body-search .search.is-open{width:252px}.pattern-library__body-search .search.is-open .search__close-icon{display:none}.pattern-library__body-search .search.is-open.has-focus{border:1px solid #3858e9;box-shadow:none}.pattern-library__body-search .search.is-open.has-focus:hover{box-shadow:none}.pattern-library__body-search .search:has(.search__input[value]:not([value=""])) .search__open-icon{display:none}.pattern-library__body-search .search:has(.search__input[value]:not([value=""])) .search__close-icon{display:block}.pattern-library{box-sizing:border-box;margin-left:auto;margin-right:auto;max-width:1440px;padding-bottom:96px;padding-left:110px;padding-right:110px}@media(max-width:1280px){.pattern-library{padding-left:24px;padding-right:24px}}@media(max-width:1080px){.pattern-library{padding-bottom:24px;padding-top:24px}}.pattern-library__header{align-items:center;display:flex;gap:24px;padding:56px 0 48px}@media(max-width:782px){.pattern-library__header{align-items:normal;flex-direction:column;padding:0 0 24px}}.pattern-library__header .pattern-library__title{color:#101517;font-family:Recoleta,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:2.5rem;letter-spacing:.185px;line-height:1.2;margin-right:auto}@media(max-width:782px){.pattern-library__header .pattern-library__title:not(.pattern-library__title--search){display:none}}.pattern-gallery__body-no-search-results{padding:48px 0 24px;text-align:center}.pattern-gallery__body-no-search-results .pattern-gallery__search-all-categories{background:none;border-color:currentColor;color:#3858e9}.pattern-gallery__body-no-search-results .pattern-gallery__search-all-categories:focus,.pattern-gallery__body-no-search-results .pattern-gallery__search-all-categories:hover{border-color:currentColor;color:#1d35b4}.block-renderer{overflow:hidden;position:relative;width:100%}.block-renderer .scaled-block-renderer{left:0;margin:0;min-height:auto;overflow:visible;text-align:initial;top:0;transform:scale(var(--scaled-block-renderer-scale,1));transform-origin:top left}.block-renderer .scaled-block-renderer iframe{border:none;max-width:none;transition:opacity .15s ease-in-out!important}.is-section-patterns .main .empty-content{margin-top:60px}.is-section-patterns .empty-content{margin-bottom:60px}.pattern-gallery{display:grid;gap:48px}.pattern-gallery .pattern-gallery__pagination-button-wrapper{display:flex;justify-content:center}.pattern-gallery .pattern-gallery__pagination-button{border-color:currentColor;color:#3858e9}.pattern-gallery .pattern-gallery__pagination-button:enabled:hover,.pattern-gallery .pattern-gallery__pagination-button:focus{border-color:currentColor;color:#1d35b4}.pattern-gallery--grid{gap:16px 24px}@media(min-width:782px){.pattern-gallery--grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1440px){.pattern-gallery--grid{grid-template-columns:repeat(3,1fr)}}.pattern-gallery--grid .pattern-gallery__pagination-button-wrapper{grid-column:1/-1;padding-top:40px}.pattern-gallery--grid.pattern-gallery--pages{align-items:start}.readymade-template-details-wrapper{background:var(--studio-gray-90);color:var(--studio-white);padding-bottom:64px;padding-top:24px}@media(max-width:1280px){.readymade-template-details-wrapper{padding-bottom:40px;padding-top:16px}}@media(max-width:960px){.readymade-template-details-wrapper{padding-bottom:24px}}.readymade-template-details-section{box-sizing:border-box;margin-left:auto;margin-right:auto;max-width:1440px;padding-left:110px;padding-right:110px}@media(max-width:1280px){.readymade-template-details-section{padding-left:24px;padding-right:24px}}a.readymade-template-details-back{align-items:center;color:var(--studio-gray-20);display:inline-flex;font-size:1.125rem;gap:10px;line-height:26px}a.readymade-template-details-back svg{fill:var(--studio-gray-20)}.readymade-template-details{display:flex;gap:48px;padding-top:40px}@media(max-width:1280px){.readymade-template-details{gap:24px;padding-top:24px}}.readymade-template-details-content{width:45%}@media(max-width:1280px){.readymade-template-details-content{width:50%}}@media(max-width:960px){.readymade-template-details-content{width:100%}}.readymade-template-details-premium.premium-badge{background-color:#50575e;margin-bottom:10px;margin-left:0}.readymade-template-details-preview{width:55%}@media(max-width:1280px){.readymade-template-details-preview{width:50%}}@media(max-width:960px){.readymade-template-details-preview{display:none}}.readymade-template-details-preview-mobile{display:none;margin-bottom:24px;-webkit-mask-image:linear-gradient(180deg,#fff calc(100% - 200px),#0000);mask-image:linear-gradient(180deg,#fff calc(100% - 200px),#0000);max-height:900px}@media(max-width:960px){.readymade-template-details-preview-mobile{display:block}}.readymade-template-details-header{display:flex;flex-wrap:nowrap;gap:8px;justify-content:space-between;margin-bottom:40px}@media(max-width:1280px){.readymade-template-details-header{margin-bottom:24px}}@media(max-width:480px){.readymade-template-details-header{align-items:center;flex-wrap:wrap}}.readymade-template-details-title{font-family:Recoleta,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:2.5rem;letter-spacing:.185px;line-height:1.2;margin-bottom:0}.readymade-template-details-actions{display:flex;gap:16px;margin-top:6px}.readymade-template-details-actions .components-button,.readymade-template-details-actions .components-button:focus:not(:disabled),.readymade-template-details-actions .components-button:hover:not(:disabled){box-shadow:none}.readymade-template-details-actions .components-button.is-primary{background-color:var(--studio-white);border:none;color:var(--studio-gray-90)}.readymade-template-details-actions .components-button.is-primary:active:not(:disabled),.readymade-template-details-actions .components-button.is-primary:focus:not(:disabled),.readymade-template-details-actions .components-button.is-primary:hover:not(:disabled){background-color:var(--studio-gray-5);color:var(--studio-gray-90)}.readymade-template-details-description h4{color:var(--studio-white);font-size:1rem;font-weight:700;line-height:24px;margin-bottom:8px}.readymade-template-details-description a{color:var(--studio-white);font-weight:400;line-height:26px;text-decoration:underline;text-underline-offset:4px}.readymade-template-details-description p{color:var(--studio-gray-20)}.main{margin:auto;max-width:720px;z-index:20}.main.is-full-width-layout{max-width:100%}.main.is-wide-layout{max-width:1040px}.main .empty-content{margin-top:0}:root{--masterbar-height:46px;--masterbar-checkout-height:72px;--sidebar-width-max:272px;--sidebar-width-min:228px}@media only screen and (min-width:782px){:root{--masterbar-height:32px}}@font-face{font-display:swap;font-family:Recoleta;font-weight:400;src:url(../font/recoleta-400.woff2) format("woff2"),url(../font/recoleta-400.woff) format("woff")}.wp-brand-font{font-family:"Noto Serif",Georgia,Times New Roman,Times,serif;font-weight:400}[lang*=af] .wp-brand-font,[lang*=ca] .wp-brand-font,[lang*=cs] .wp-brand-font,[lang*=da] .wp-brand-font,[lang*=de] .wp-brand-font,[lang*=en] .wp-brand-font,[lang*=es] .wp-brand-font,[lang*=eu] .wp-brand-font,[lang*=fi] .wp-brand-font,[lang*=fr] .wp-brand-font,[lang*=gl] .wp-brand-font,[lang*=hr] .wp-brand-font,[lang*=hu] .wp-brand-font,[lang*=id] .wp-brand-font,[lang*=is] .wp-brand-font,[lang*=it] .wp-brand-font,[lang*=lv] .wp-brand-font,[lang*=mt] .wp-brand-font,[lang*=nb] .wp-brand-font,[lang*=nl] .wp-brand-font,[lang*=pl] .wp-brand-font,[lang*=pt] .wp-brand-font,[lang*=ro] .wp-brand-font,[lang*=ru] .wp-brand-font,[lang*=sk] .wp-brand-font,[lang*=sl] .wp-brand-font,[lang*=sq] .wp-brand-font,[lang*=sr] .wp-brand-font,[lang*=sv] .wp-brand-font,[lang*=sw] .wp-brand-font,[lang*=tr] .wp-brand-font,[lang*=uz] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}.is-section-patterns .layout__content{overflow:visible;padding:0}.is-section-patterns .layout__content .masterbar{z-index:19}.is-section-patterns .layout__content a{text-decoration:none}.is-section-patterns .layout__primary .main{padding-bottom:0}.is-section-patterns .is-logged-in .lpc-header-nav-wrapper{padding-top:32px}@media(max-width:782px){.is-section-patterns .is-logged-in .lpc-header-nav-wrapper{padding-top:46px}}.is-section-patterns .is-logged-in .lp-footer-language{display:none}.is-section-patterns .is-logged-in .lpc-footer-automattic-nav,.is-section-patterns .is-logged-in .lpc-footer-nav{padding-left:0;padding-right:0}.is-section-patterns .is-logged-in .lp-link-work-m,.is-section-patterns .is-logged-in .lpc-footer-automattic-nav-wrapper,.is-section-patterns .is-logged-in .lpc-footer-nav-wrapper{box-sizing:border-box;margin-left:auto;margin-right:auto;max-width:1440px;padding-left:110px;padding-right:110px}@media(max-width:1280px){.is-section-patterns .is-logged-in .lp-link-work-m,.is-section-patterns .is-logged-in .lpc-footer-automattic-nav-wrapper,.is-section-patterns .is-logged-in .lpc-footer-nav-wrapper{padding-left:24px;padding-right:24px}}.is-section-patterns .has-no-sidebar .masterbar-menu .masterbar{background:#1d2327;border-bottom:1px solid #1d2327}.is-section-patterns .x-nav-link__logo svg path{fill:var(--studio-white)}.is-section-patterns .x-nav-item,.is-section-patterns .x-nav-link-chevron:before{color:var(--studio-white)}.is-section-patterns .x-nav-item .cta-btn-nav{background:var(--studio-white)!important;color:var(--studio-black)!important}