@font-face {
  font-family: "Montserrat Extra-Light";
  font-display: swap;
  font-style: normal;
  font-weight: normal;
  src: url("https://res.cloudinary.com/interflora/raw/upload/assets/fonts/Montserrat-ExtraLight.woff2") format("woff2"); }

@font-face {
  font-family: "Montserrat Regular";
  font-display: swap;
  font-style: normal;
  font-weight: normal;
  src: url("https://res.cloudinary.com/interflora/raw/upload/assets/fonts/Montserrat-Light.woff2") format("woff2"); }

@font-face {
  font-family: "Montserrat Medium";
  font-display: swap;
  font-style: normal;
  font-weight: normal;
  src: url("https://res.cloudinary.com/interflora/raw/upload/assets/fonts/Montserrat-Medium.woff2") format("woff2"); }

@font-face {
  font-family: "Montserrat Semibold";
  font-display: swap;
  font-style: normal;
  font-weight: normal;
  src: url("https://res.cloudinary.com/interflora/raw/upload/assets/fonts/Montserrat-SemiBold.woff2") format("woff2"); }

@font-face {
  font-family: "Montserrat Bold";
  font-display: swap;
  font-style: normal;
  font-weight: normal;
  src: url("https://res.cloudinary.com/interflora/raw/upload/assets/fonts/Montserrat-Bold.woff2") format("woff2"); }

@font-face {
  font-family: "PT-Serif Extra-Light";
  font-display: swap;
  font-style: normal;
  font-weight: normal;
  src: url("https://res.cloudinary.com/interflora/raw/upload/assets/fonts/PT-Serif-ExtraLight.woff2") format("woff2"); }

@font-face {
  font-family: "PT-Serif Regular";
  font-display: swap;
  font-style: normal;
  font-weight: normal;
  src: url("https://res.cloudinary.com/interflora/raw/upload/assets/fonts/PT-Serif-Light.woff2") format("woff2"); }

@font-face {
  font-family: "PT-Serif Medium";
  font-display: swap;
  font-style: normal;
  font-weight: normal;
  src: url("https://res.cloudinary.com/interflora/raw/upload/assets/fonts/PT-Serif-Medium.woff2") format("woff2"); }

@font-face {
  font-family: "PT-Serif Semibold";
  font-display: swap;
  font-style: normal;
  font-weight: normal;
  src: url("https://res.cloudinary.com/interflora/raw/upload/assets/fonts/PT-Serif-SemiBold.woff2") format("woff2"); }

@font-face {
  font-family: "PT-Serif Bold";
  font-display: swap;
  font-style: normal;
  font-weight: normal;
  src: url("https://res.cloudinary.com/interflora/raw/upload/assets/fonts/PT-Serif-Bold.woff2") format("woff2"); }

.ps-8--XS {
  margin-bottom: 8px; }

.ps-12--S {
  margin-bottom: 12px; }

.ps-16--M {
  margin-bottom: 16px; }

.ps-20--L {
  margin-bottom: 20px; }

.Paragraph-10-2XS--Extra-Light {
  font-family: "Montserrat Extra-Light";
  font-size: 10px;
  line-height: 16px; }

.Paragraph-10-2XS--Regular {
  font-family: "Montserrat Regular";
  font-size: 10px;
  line-height: 16px; }

.Paragraph-10-2XS--Medium {
  font-family: "Montserrat Medium";
  font-size: 10px;
  line-height: 16px; }

.Paragraph-10-2XS--Semibold {
  font-family: "Montserrat Semibold";
  font-size: 10px;
  line-height: 16px; }

.Paragraph-10-2XS--Bold {
  font-family: "Montserrat Bold";
  font-size: 10px;
  line-height: 16px; }

.Paragraph-12-XS--Extra-Light {
  font-family: "Montserrat Extra-Light";
  font-size: 12px;
  line-height: 16px; }

.Paragraph-12-XS--Regular {
  font-family: "Montserrat Regular";
  font-size: 12px;
  line-height: 16px; }

.Paragraph-12-XS--Medium {
  font-family: "Montserrat Medium";
  font-size: 12px;
  line-height: 16px; }

.Paragraph-12-XS--Semibold {
  font-family: "Montserrat Semibold";
  font-size: 12px;
  line-height: 16px; }

.Paragraph-12-XS--Bold {
  font-family: "Montserrat Bold";
  font-size: 12px;
  line-height: 16px; }

.Paragraph-14-S--Extra-Light {
  font-family: "Montserrat Extra-Light";
  font-size: 14px;
  line-height: 20px; }

.Paragraph-14-S--Regular {
  font-family: "Montserrat Regular";
  font-size: 14px;
  line-height: 20px; }

.Paragraph-14-S--Medium {
  font-family: "Montserrat Medium";
  font-size: 14px;
  line-height: 20px; }

.Paragraph-14-S--Semibold {
  font-family: "Montserrat Semibold";
  font-size: 14px;
  line-height: 20px; }

.Paragraph-14-S--Bold {
  font-family: "Montserrat Bold";
  font-size: 14px;
  line-height: 20px; }

.Paragraph-16-M--Extra-Light {
  font-family: "Montserrat Extra-Light";
  font-size: 16px;
  line-height: 24px; }

.Paragraph-16-M--Regular {
  font-family: "Montserrat Regular";
  font-size: 16px;
  line-height: 24px; }

.Paragraph-16-M--Medium {
  font-family: "Montserrat Medium";
  font-size: 16px;
  line-height: 24px; }

.Paragraph-16-M--Semibold {
  font-family: "Montserrat Semibold";
  font-size: 16px;
  line-height: 24px; }

.Paragraph-16-M--Bold {
  font-family: "Montserrat Bold";
  font-size: 16px;
  line-height: 24px; }

.Paragraph-18-L--Extra-Light {
  font-family: "Montserrat Extra-Light";
  font-size: 18px;
  line-height: 28px; }

.Paragraph-18-L--Regular {
  font-family: "Montserrat Regular";
  font-size: 18px;
  line-height: 28px; }

.Paragraph-18-L--Medium {
  font-family: "Montserrat Medium";
  font-size: 18px;
  line-height: 28px; }

.Paragraph-18-L--Semibold {
  font-family: "Montserrat Semibold";
  font-size: 18px;
  line-height: 28px; }

.Paragraph-18-L--Bold {
  font-family: "Montserrat Bold";
  font-size: 18px;
  line-height: 28px; }

.Paragraph-20-XL--Extra-Light {
  font-family: "Montserrat Extra-Light";
  font-size: 20px;
  line-height: 32px; }

.Paragraph-20-XL--Regular {
  font-family: "Montserrat Regular";
  font-size: 20px;
  line-height: 32px; }

.Paragraph-20-XL--Medium {
  font-family: "Montserrat Medium";
  font-size: 20px;
  line-height: 32px; }

.Paragraph-20-XL--Semibold {
  font-family: "Montserrat Semibold";
  font-size: 20px;
  line-height: 32px; }

.Paragraph-20-XL--Bold {
  font-family: "Montserrat Bold";
  font-size: 20px;
  line-height: 32px; }

.Paragraph-24-2XL--Extra-Light {
  font-family: "Montserrat Extra-Light";
  font-size: 24px;
  line-height: 40px; }

.Paragraph-24-2XL--Regular {
  font-family: "Montserrat Regular";
  font-size: 24px;
  line-height: 40px; }

.Paragraph-24-2XL--Medium {
  font-family: "Montserrat Medium";
  font-size: 24px;
  line-height: 40px; }

.Paragraph-24-2XL--Semibold {
  font-family: "Montserrat Semibold";
  font-size: 24px;
  line-height: 40px; }

.Paragraph-24-2XL--Bold {
  font-family: "Montserrat Bold";
  font-size: 24px;
  line-height: 40px; }

@media (min-width: 1601px) {
  .Heading-1--Extra-Light {
    font-family: "PT-Serif Extra-Light";
    font-size: 68px;
    letter-spacing: -0.68px;
    line-height: 88px; }
  .Heading-1--Regular {
    font-family: "PT-Serif Regular";
    font-size: 68px;
    letter-spacing: -0.68px;
    line-height: 88px; }
  .Heading-1--Medium {
    font-family: "PT-Serif Medium";
    font-size: 68px;
    letter-spacing: -0.68px;
    line-height: 88px; }
  .Heading-1--Semibold {
    font-family: "PT-Serif Semibold";
    font-size: 68px;
    letter-spacing: -0.68px;
    line-height: 88px; }
  .Heading-1--Bold {
    font-family: "PT-Serif Bold";
    font-size: 68px;
    letter-spacing: -0.68px;
    line-height: 88px; }
  .Heading-2--Extra-Light {
    font-family: "PT-Serif Extra-Light";
    font-size: 56px;
    letter-spacing: -0.68px;
    line-height: 68px; }
  .Heading-2--Regular {
    font-family: "PT-Serif Regular";
    font-size: 56px;
    letter-spacing: -0.68px;
    line-height: 68px; }
  .Heading-2--Medium {
    font-family: "PT-Serif Medium";
    font-size: 56px;
    letter-spacing: -0.68px;
    line-height: 68px; }
  .Heading-2--Semibold {
    font-family: "PT-Serif Semibold";
    font-size: 56px;
    letter-spacing: -0.68px;
    line-height: 68px; }
  .Heading-2--Bold {
    font-family: "PT-Serif Bold";
    font-size: 56px;
    letter-spacing: -0.68px;
    line-height: 68px; }
  .Heading-3--Extra-Light {
    font-family: "PT-Serif Extra-Light";
    font-size: 44px;
    letter-spacing: -0.68px;
    line-height: 56px; }
  .Heading-3--Regular {
    font-family: "PT-Serif Regular";
    font-size: 44px;
    letter-spacing: -0.68px;
    line-height: 56px; }
  .Heading-3--Medium {
    font-family: "PT-Serif Medium";
    font-size: 44px;
    letter-spacing: -0.68px;
    line-height: 56px; }
  .Heading-3--Semibold {
    font-family: "PT-Serif Semibold";
    font-size: 44px;
    letter-spacing: -0.68px;
    line-height: 56px; }
  .Heading-3--Bold {
    font-family: "PT-Serif Bold";
    font-size: 44px;
    letter-spacing: -0.68px;
    line-height: 56px; }
  .Heading-4--Extra-Light {
    font-family: "PT-Serif Extra-Light";
    font-size: 32px;
    letter-spacing: -0.68px;
    line-height: 40px; }
  .Heading-4--Regular {
    font-family: "PT-Serif Regular";
    font-size: 32px;
    letter-spacing: -0.68px;
    line-height: 40px; }
  .Heading-4--Medium {
    font-family: "PT-Serif Medium";
    font-size: 32px;
    letter-spacing: -0.68px;
    line-height: 40px; }
  .Heading-4--Semibold {
    font-family: "PT-Serif Semibold";
    font-size: 32px;
    letter-spacing: -0.68px;
    line-height: 40px; }
  .Heading-4--Bold {
    font-family: "PT-Serif Bold";
    font-size: 32px;
    letter-spacing: -0.68px;
    line-height: 40px; }
  .Heading-5--Extra-Light {
    font-family: "PT-Serif Extra-Light";
    font-size: 28px;
    letter-spacing: -0.68px;
    line-height: 36px; }
  .Heading-5--Regular {
    font-family: "PT-Serif Regular";
    font-size: 28px;
    letter-spacing: -0.68px;
    line-height: 36px; }
  .Heading-5--Medium {
    font-family: "PT-Serif Medium";
    font-size: 28px;
    letter-spacing: -0.68px;
    line-height: 36px; }
  .Heading-5--Semibold {
    font-family: "PT-Serif Semibold";
    font-size: 28px;
    letter-spacing: -0.68px;
    line-height: 36px; }
  .Heading-5--Bold {
    font-family: "PT-Serif Bold";
    font-size: 28px;
    letter-spacing: -0.68px;
    line-height: 36px; }
  .Heading-6--Extra-Light {
    font-family: "PT-Serif Extra-Light";
    font-size: 20px;
    letter-spacing: -0.68px;
    line-height: 28px; }
  .Heading-6--Regular {
    font-family: "PT-Serif Regular";
    font-size: 20px;
    letter-spacing: -0.68px;
    line-height: 28px; }
  .Heading-6--Medium {
    font-family: "PT-Serif Medium";
    font-size: 20px;
    letter-spacing: -0.68px;
    line-height: 28px; }
  .Heading-6--Semibold {
    font-family: "PT-Serif Semibold";
    font-size: 20px;
    letter-spacing: -0.68px;
    line-height: 28px; }
  .Heading-6--Bold {
    font-family: "PT-Serif Bold";
    font-size: 20px;
    letter-spacing: -0.68px;
    line-height: 28px; } }

@media (max-width: 1600px) {
  .Heading-1--Extra-Light {
    font-family: "PT-Serif Extra-Light";
    font-size: 40px;
    letter-spacing: -0.4px;
    line-height: 52px; }
  .Heading-1--Regular {
    font-family: "PT-Serif Regular";
    font-size: 40px;
    letter-spacing: -0.4px;
    line-height: 52px; }
  .Heading-1--Medium {
    font-family: "PT-Serif Medium";
    font-size: 40px;
    letter-spacing: -0.4px;
    line-height: 52px; }
  .Heading-1--Semibold {
    font-family: "PT-Serif Semibold";
    font-size: 40px;
    letter-spacing: -0.4px;
    line-height: 52px; }
  .Heading-1--Bold {
    font-family: "PT-Serif Bold";
    font-size: 40px;
    letter-spacing: -0.4px;
    line-height: 52px; }
  .Heading-2--Extra-Light {
    font-family: "PT-Serif Extra-Light";
    font-size: 36px;
    letter-spacing: -0.4px;
    line-height: 48px; }
  .Heading-2--Regular {
    font-family: "PT-Serif Regular";
    font-size: 36px;
    letter-spacing: -0.4px;
    line-height: 48px; }
  .Heading-2--Medium {
    font-family: "PT-Serif Medium";
    font-size: 36px;
    letter-spacing: -0.4px;
    line-height: 48px; }
  .Heading-2--Semibold {
    font-family: "PT-Serif Semibold";
    font-size: 36px;
    letter-spacing: -0.4px;
    line-height: 48px; }
  .Heading-2--Bold {
    font-family: "PT-Serif Bold";
    font-size: 36px;
    letter-spacing: -0.4px;
    line-height: 48px; }
  .Heading-3--Extra-Light {
    font-family: "PT-Serif Extra-Light";
    font-size: 32px;
    letter-spacing: -0.4px;
    line-height: 40px; }
  .Heading-3--Regular {
    font-family: "PT-Serif Regular";
    font-size: 32px;
    letter-spacing: -0.4px;
    line-height: 40px; }
  .Heading-3--Medium {
    font-family: "PT-Serif Medium";
    font-size: 32px;
    letter-spacing: -0.4px;
    line-height: 40px; }
  .Heading-3--Semibold {
    font-family: "PT-Serif Semibold";
    font-size: 32px;
    letter-spacing: -0.4px;
    line-height: 40px; }
  .Heading-3--Bold {
    font-family: "PT-Serif Bold";
    font-size: 32px;
    letter-spacing: -0.4px;
    line-height: 40px; }
  .Heading-4--Extra-Light {
    font-family: "PT-Serif Extra-Light";
    font-size: 28px;
    letter-spacing: -0.4px;
    line-height: 36px; }
  .Heading-4--Regular {
    font-family: "PT-Serif Regular";
    font-size: 28px;
    letter-spacing: -0.4px;
    line-height: 36px; }
  .Heading-4--Medium {
    font-family: "PT-Serif Medium";
    font-size: 28px;
    letter-spacing: -0.4px;
    line-height: 36px; }
  .Heading-4--Semibold {
    font-family: "PT-Serif Semibold";
    font-size: 28px;
    letter-spacing: -0.4px;
    line-height: 36px; }
  .Heading-4--Bold {
    font-family: "PT-Serif Bold";
    font-size: 28px;
    letter-spacing: -0.4px;
    line-height: 36px; }
  .Heading-5--Extra-Light {
    font-family: "PT-Serif Extra-Light";
    font-size: 24px;
    letter-spacing: -0.4px;
    line-height: 32px; }
  .Heading-5--Regular {
    font-family: "PT-Serif Regular";
    font-size: 24px;
    letter-spacing: -0.4px;
    line-height: 32px; }
  .Heading-5--Medium {
    font-family: "PT-Serif Medium";
    font-size: 24px;
    letter-spacing: -0.4px;
    line-height: 32px; }
  .Heading-5--Semibold {
    font-family: "PT-Serif Semibold";
    font-size: 24px;
    letter-spacing: -0.4px;
    line-height: 32px; }
  .Heading-5--Bold {
    font-family: "PT-Serif Bold";
    font-size: 24px;
    letter-spacing: -0.4px;
    line-height: 32px; }
  .Heading-6--Extra-Light {
    font-family: "PT-Serif Extra-Light";
    font-size: 18px;
    letter-spacing: -0.4px;
    line-height: 24px; }
  .Heading-6--Regular {
    font-family: "PT-Serif Regular";
    font-size: 18px;
    letter-spacing: -0.4px;
    line-height: 24px; }
  .Heading-6--Medium {
    font-family: "PT-Serif Medium";
    font-size: 18px;
    letter-spacing: -0.4px;
    line-height: 24px; }
  .Heading-6--Semibold {
    font-family: "PT-Serif Semibold";
    font-size: 18px;
    letter-spacing: -0.4px;
    line-height: 24px; }
  .Heading-6--Bold {
    font-family: "PT-Serif Bold";
    font-size: 18px;
    letter-spacing: -0.4px;
    line-height: 24px; } }

@media only screen and (max-width: 600px) {
  .Heading-1--Extra-Light {
    font-family: "PT-Serif Extra-Light";
    font-size: 32px;
    letter-spacing: -0.32px;
    line-height: 40px; }
  .Heading-1--Regular {
    font-family: "PT-Serif Regular";
    font-size: 32px;
    letter-spacing: -0.32px;
    line-height: 40px; }
  .Heading-1--Medium {
    font-family: "PT-Serif Medium";
    font-size: 32px;
    letter-spacing: -0.32px;
    line-height: 40px; }
  .Heading-1--Semibold {
    font-family: "PT-Serif Semibold";
    font-size: 32px;
    letter-spacing: -0.32px;
    line-height: 40px; }
  .Heading-1--Bold {
    font-family: "PT-Serif Bold";
    font-size: 32px;
    letter-spacing: -0.32px;
    line-height: 40px; }
  .Heading-2--Extra-Light {
    font-family: "PT-Serif Extra-Light";
    font-size: 28px;
    letter-spacing: -0.32px;
    line-height: 36px; }
  .Heading-2--Regular {
    font-family: "PT-Serif Regular";
    font-size: 28px;
    letter-spacing: -0.32px;
    line-height: 36px; }
  .Heading-2--Medium {
    font-family: "PT-Serif Medium";
    font-size: 28px;
    letter-spacing: -0.32px;
    line-height: 36px; }
  .Heading-2--Semibold {
    font-family: "PT-Serif Semibold";
    font-size: 28px;
    letter-spacing: -0.32px;
    line-height: 36px; }
  .Heading-2--Bold {
    font-family: "PT-Serif Bold";
    font-size: 28px;
    letter-spacing: -0.32px;
    line-height: 36px; }
  .Heading-3--Extra-Light {
    font-family: "PT-Serif Extra-Light";
    font-size: 24px;
    letter-spacing: -0.32px;
    line-height: 32px; }
  .Heading-3--Regular {
    font-family: "PT-Serif Regular";
    font-size: 24px;
    letter-spacing: -0.32px;
    line-height: 32px; }
  .Heading-3--Medium {
    font-family: "PT-Serif Medium";
    font-size: 24px;
    letter-spacing: -0.32px;
    line-height: 32px; }
  .Heading-3--Semibold {
    font-family: "PT-Serif Semibold";
    font-size: 24px;
    letter-spacing: -0.32px;
    line-height: 32px; }
  .Heading-3--Bold {
    font-family: "PT-Serif Bold";
    font-size: 24px;
    letter-spacing: -0.32px;
    line-height: 32px; }
  .Heading-4--Extra-Light {
    font-family: "PT-Serif Extra-Light";
    font-size: 20px;
    letter-spacing: -0.32px;
    line-height: 28px; }
  .Heading-4--Regular {
    font-family: "PT-Serif Regular";
    font-size: 20px;
    letter-spacing: -0.32px;
    line-height: 28px; }
  .Heading-4--Medium {
    font-family: "PT-Serif Medium";
    font-size: 20px;
    letter-spacing: -0.32px;
    line-height: 28px; }
  .Heading-4--Semibold {
    font-family: "PT-Serif Semibold";
    font-size: 20px;
    letter-spacing: -0.32px;
    line-height: 28px; }
  .Heading-4--Bold {
    font-family: "PT-Serif Bold";
    font-size: 20px;
    letter-spacing: -0.32px;
    line-height: 28px; }
  .Heading-5--Extra-Light {
    font-family: "PT-Serif Extra-Light";
    font-size: 18px;
    letter-spacing: -0.32px;
    line-height: 24px; }
  .Heading-5--Regular {
    font-family: "PT-Serif Regular";
    font-size: 18px;
    letter-spacing: -0.32px;
    line-height: 24px; }
  .Heading-5--Medium {
    font-family: "PT-Serif Medium";
    font-size: 18px;
    letter-spacing: -0.32px;
    line-height: 24px; }
  .Heading-5--Semibold {
    font-family: "PT-Serif Semibold";
    font-size: 18px;
    letter-spacing: -0.32px;
    line-height: 24px; }
  .Heading-5--Bold {
    font-family: "PT-Serif Bold";
    font-size: 18px;
    letter-spacing: -0.32px;
    line-height: 24px; }
  .Heading-6--Extra-Light {
    font-family: "PT-Serif Extra-Light";
    font-size: 16px;
    letter-spacing: -0.32px;
    line-height: 20px; }
  .Heading-6--Regular {
    font-family: "PT-Serif Regular";
    font-size: 16px;
    letter-spacing: -0.32px;
    line-height: 20px; }
  .Heading-6--Medium {
    font-family: "PT-Serif Medium";
    font-size: 16px;
    letter-spacing: -0.32px;
    line-height: 20px; }
  .Heading-6--Semibold {
    font-family: "PT-Serif Semibold";
    font-size: 16px;
    letter-spacing: -0.32px;
    line-height: 20px; }
  .Heading-6--Bold {
    font-family: "PT-Serif Bold";
    font-size: 16px;
    letter-spacing: -0.32px;
    line-height: 20px; } }

.lh-12--2XS {
  line-height: 12px; }

.lh-16--XS {
  line-height: 16px; }

.lh-20--S {
  line-height: 20px; }

.lh-24--M {
  line-height: 24px; }

.lh-28--L {
  line-height: 28px; }

.lh-32--XL {
  line-height: 32px; }

.lh-40--2XL {
  line-height: 40px; }

.caps {
  text-transform: uppercase; }

.italic {
  font-style: italic; }

.underline {
  text-decoration: underline; }

.strikethrough {
  text-decoration: line-through; }