.fp-designer-banner-wrap{container-type:inline-size;margin-block:var(--ds-space-32, 32px) 0}.fp-designer-banner{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:var(--ds-space-24, 24px);padding:var(--ds-space-32, 32px);border:1px solid var(--ds-line-panel, #eee);border-radius:var(--ds-radius, 8px);background:var(--ds-bg-page, #fff);background-image:linear-gradient(135deg,#fff,#f8f9fa);color:var(--ds-text, #373a3e);font-family:var(--ds-font, Helvetica, Arial, sans-serif);text-align:start;text-decoration:none;transition:box-shadow var(--ds-duration-normal, .2s) var(--ease, cubic-bezier(.2, .8, .2, 1))}#main-content a.fp-designer-banner{color:var(--ds-text, #373a3e);text-decoration:none}.fp-designer-banner__content,.fp-designer-banner__media{min-width:0}#main-content .fp-designer-banner .fp-designer-banner__eyebrow{margin:0 0 var(--ds-space-12, 12px);color:var(--ds-action, #de2241);font-size:13px;font-weight:600;line-height:1.5;letter-spacing:normal;text-transform:none}.fp-designer-banner .fp-designer-banner__title{max-inline-size:17ch;margin:0 0 var(--ds-space-16, 16px);color:var(--ds-heading, #1d1f22);font-size:var(--ds-type-cta-heading, 30px);font-weight:var(--ds-weight-strong, 700);line-height:var(--ds-line-h2, 1.2);letter-spacing:normal;overflow-wrap:normal;-webkit-hyphens:none;hyphens:none;text-wrap:balance}.fp-designer-banner__text{max-inline-size:38ch;font-size:var(--ds-type-body, 16px);font-weight:var(--ds-weight-normal, 400);line-height:var(--ds-line-body, 1.6);text-wrap:pretty}#main-content .fp-designer-banner__text p{margin:0}#main-content .fp-designer-banner__text p+p{margin-top:var(--ds-space-12, 12px)}.fp-designer-banner .fp-designer-banner__link{display:inline-flex;max-inline-size:100%;align-items:center;gap:var(--ds-space-8, 8px);min-height:var(--ds-control-height, 48px);margin-top:var(--ds-space-12, 12px);color:var(--ds-heading, #1d1f22);font-size:var(--ds-type-choice, 15px);font-weight:600;line-height:1.5;text-decoration:none}.fp-designer-banner__link span{min-width:0;text-decoration:underline;text-decoration-color:var(--ds-line, #dedede);text-underline-offset:4px;text-wrap:pretty;transition:text-decoration-color var(--ds-duration-normal, .2s) ease}.fp-designer-banner__link svg{flex:0 0 20px;width:20px;height:20px;color:var(--ds-action, #de2241);transition:transform var(--ds-duration-normal, .2s) var(--ease, cubic-bezier(.2, .8, .2, 1))}.fp-designer-banner:focus-visible .fp-designer-banner__link span{text-decoration-color:var(--ds-action, #de2241)}#main-content .fp-designer-banner:focus-visible{outline:2px solid var(--ds-focus, #2b4b69);outline-offset:4px}.fp-designer-banner:focus-visible .fp-designer-banner__link svg{transform:translate(2px)}@media(hover:hover){.fp-designer-banner:hover{box-shadow:var(--shadow-s, 0 4px 16px rgba(20, 24, 28, .06))}.fp-designer-banner:hover .fp-designer-banner__link span{text-decoration-color:var(--ds-action, #de2241)}.fp-designer-banner:hover .fp-designer-banner__link svg{transform:translate(2px)}}.fp-designer-banner__image{display:block;width:100%;height:auto}.fp-designer-banner-wrap--collection{margin-block:var(--ds-space-32, 32px) var(--ds-space-48, 48px)}@container (min-width: 700px){.fp-designer-banner--collection{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:var(--ds-space-48, 48px);padding:var(--ds-space-48, 48px)}#main-content .fp-designer-banner--collection .fp-designer-banner__eyebrow{font-size:var(--ds-type-label, 14px)}.fp-designer-banner--collection .fp-designer-banner__title{font-size:var(--ds-type-h2, 36px)}.fp-designer-banner--collection .fp-designer-banner__text{max-inline-size:44ch;font-size:var(--ds-type-intro, 18px)}.fp-designer-banner--collection .fp-designer-banner__link{margin-top:var(--ds-space-24, 24px);font-size:var(--ds-type-body, 16px)}}@container (min-width: 460px) and (max-width: 539px){.fp-designer-banner{padding:var(--ds-space-24, 24px)}.fp-designer-banner .fp-designer-banner__title{font-size:var(--ds-type-h3, 23px);line-height:var(--ds-line-h3, 1.3)}}@container (max-width: 459px){.fp-designer-banner{grid-template-columns:minmax(0,1fr);padding:var(--ds-space-24, 24px)}.fp-designer-banner__media{width:100%;max-width:320px}.fp-designer-banner .fp-designer-banner__title{font-size:var(--ds-type-cta-heading, 26px)}}@media(prefers-reduced-motion:reduce){.fp-designer-banner,.fp-designer-banner__link span,.fp-designer-banner__link svg{transition:none}.fp-designer-banner:is(:hover,:focus-visible) .fp-designer-banner__link svg{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/fp-product-designer-banner.css.map */
