Join Anne's Readers Club newsletter
Do you want to be the first to know about my new releases?
Do you want exclusive content?
Do you want to know about sales?
<link rel="preload" href="https://assets.flodesk.com/freight-big-pro.css" as="style">
<link rel="stylesheet" href="https://assets.flodesk.com/freight-big-pro.css">
<link rel="preload" href="https://assets.flodesk.com/flodesk-sans.css" as="style">
<link rel="stylesheet" href="https://assets.flodesk.com/flodesk-sans.css">
<style>
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 *,
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 *::before,
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 *::after {
box-sizing: border-box;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 [tabindex="-1"]:focus {
outline: none !important;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 h1,
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 h2,
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 h3,
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 h4,
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 h5,
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 h6 {
margin-top: 0;
margin-bottom: 0.7em;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 p {
margin-top: 0;
margin-bottom: 1rem;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 ol,
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 ul,
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 dl {
margin-top: 0;
margin-bottom: 1.4rem;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 ol ol,
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 ul ul,
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 ol ul,
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 ul ol {
margin-bottom: 0;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458,
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 strong {
font-weight: bolder;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 small {
font-size: 80%;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 sub,
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 sub {
bottom: -0.25em;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 sup {
top: -0.5em;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 {
color: #000000;
text-decoration: none;
background-color: transparent;
-webkit-text-decoration-skip: objects;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 a:hover {
color: #4396fd;
text-decoration: none;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 img {
border-style: none;
vertical-align: middle;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 svg:not(:root) {
overflow: hidden;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458,
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 area,
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 button,
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 [role="button"],
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 input,
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 label,
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 select,
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 summary,
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 textarea {
touch-action: manipulation;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 label {
display: inline-block;
font-weight: bolder;
margin-bottom: 0.7rem;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 button:focus {
outline: 1px dotted;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 input,
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 button,
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 select,
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 optgroup,
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 textarea {
margin: 0;
font-size: inherit;
font-family: inherit;
line-height: inherit;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 button,
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 input {
overflow: visible;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 button,
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 select {
text-transform: none;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 button,
html[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 [type="button"],
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 [type="reset"],
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 [type="submit"] {
-webkit-appearance: button;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 button::-moz-focus-inner,
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 [type="button"]::-moz-focus-inner,
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 [type="reset"]::-moz-focus-inner,
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 [type="submit"]::-moz-focus-inner {
padding: 0;
border-style: none;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 input[type="radio"],
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 input[type="checkbox"] {
padding: 0;
box-sizing: border-box;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 input[type="date"],
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 input[type="time"],
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 input[type="datetime-local"],
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 input[type="month"] {
-webkit-appearance: listbox;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 textarea {
resize: vertical;
overflow: auto;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 [type="number"]::-webkit-inner-spin-button,
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 [type="number"]::-webkit-outer-spin-button {
height: auto;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 [type="search"] {
outline-offset: -2px;
-webkit-appearance: none;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 [type="search"]::-webkit-search-cancel-button,
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 ::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 [hidden] {
display: none !important;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 .fd-form-control {
width: 100%;
display: block;
outline: none;
position: relative;
-webkit-appearance: none;
appearance: none;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 .fd-form-control:focus {
outline: none;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 .fd-form-control::placeholder {
color: transparent !important;
opacity: 0 !important;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 .fd-form-control:disabled {
opacity: 1;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 .fd-form-label {
top: 0;
left: 0;
right: 0;
margin: 0;
overflow: hidden;
position: absolute;
white-space: nowrap;
text-overflow: ellipsis;
pointer-events: none;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 .fd-form-control:not(:placeholder-shown)+.fd-form-label {
opacity: 0;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 .fd-form-description {
margin: 5px 0 0 0;
font-size: 0.8em;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 .fd-form-feedback {
margin: 5px 0 0 0;
font-size: 0.8em;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 .fd-form-suggestion {
margin: 6px 0 0 0;
font-size: 0.9em;
text-align: center;
word-break: break-word;
line-height: 1.4;
overflow-wrap: break-word;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 .fd-form-suggestion__link {
font: inherit;
color: inherit;
border: none;
cursor: pointer;
margin: 0;
padding: 0;
max-width: 100%;
-webkit-appearance: none;
appearance: none;
background: transparent;
text-align: inherit;
transition: text-decoration-color 0.2s ease;
word-break: break-word;
line-height: inherit;
white-space: normal;
overflow-wrap: break-word;
letter-spacing: inherit;
vertical-align: baseline;
text-decoration: underline;
text-decoration-color: currentColor;
text-underline-offset: calc((1lh - 1cap) / 2 - 0.08em - 0.8px);
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none;
text-decoration-thickness: 0.08em;
}
@media (hover: hover) {
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 .fd-form-suggestion__link:hover {
text-decoration-color: currentColor;
}
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 .fd-form-suggestion__link:focus {
outline: 2px solid currentColor;
outline-offset: 2px;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 .fd-form-suggestion__link:focus:not(.fd-focus-visible) {
outline: none;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 .fd-form-group {
margin: 0 0 15px;
position: relative;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 .fd-form-group.fd-has-success .fd-form-feedback,
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 .fd-form-group.fd-has-success .fd-form-check {
color: #02dba8 !important;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 .fd-form-group.fd-has-success .fd-form-control {
color: #02dba8 !important;
border-color: #02dba8 !important;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 .fd-form-group.fd-has-success .fd-form-feedback {
display: block;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 .fd-form-group.fd-has-error .fd-form-feedback,
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 .fd-form-group.fd-has-error .fd-form-check {
color: #C84E41 !important;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 .fd-form-group.fd-has-error .fd-form-control {
color: #C84E41 !important;
border-color: #C84E41 !important;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 .fd-form-group.fd-has-error .fd-form-feedback {
display: block;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 .fd-btn {
cursor: pointer;
display: inline-flex;
outline: none;
max-width: 100%;
-webkit-appearance: none;
appearance: none;
font-style: normal;
text-align: center;
align-items: center;
text-shadow: none;
white-space: normal;
justify-content: center;
text-decoration: none;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 .fd-btn:hover {
outline: none;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 .fd-btn:focus {
outline: none;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 .fd-btn:disabled {
opacity: 0.8;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 .fd-form-check {
cursor: pointer;
margin: 0;
display: flex;
position: relative;
align-items: center;
padding-left: 30px;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 .fd-form-check__input {
top: 0;
left: 0;
width: 18px;
height: 18px;
opacity: 0;
z-index: -1;
position: absolute;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 .fd-form-check__checkmark {
top: 0;
left: 0;
width: 18px;
height: 18px;
display: block;
position: absolute;
background-size: 18px;
background-image: url("data:image/svg+xml,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg' %3e %3cpath d='M1 4C1 2.34315 2.34315 1 4 1H16C17.6569 1 19 2.34315 19 4V16C19 17.6569 17.6569 19 16 19H4C2.34315 19 1 17.6569 1 16V4Z' fill='white' fill-opacity='1' /%3e %3cpath fill='black' fill-rule='evenodd' clip-rule='evenodd' d='M0.25 4C0.25 1.92893 1.92893 0.25 4 0.25H16C18.0711 0.25 19.75 1.92893 19.75 4V16C19.75 18.0711 18.0711 19.75 16 19.75H4C1.92893 19.75 0.25 18.0711 0.25 16V4ZM4 1.75C2.75736 1.75 1.75 2.75736 1.75 4V16C1.75 17.2426 2.75736 18.25 4 18.25H16C17.2426 18.25 18.25 17.2426 18.25 16V4C18.25 2.75736 17.2426 1.75 16 1.75H4Z' /%3e %3c/svg%3e");
background-repeat: no-repeat;
background-position: center center;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 .fd-form-check__label {
flex: 1 1;
margin: 0;
font-size: 14px;
text-align: left;
word-break: break-word;
font-weight: 400;
line-height: 18px;
letter-spacing: 0.01em;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 .fd-form-check__input:checked+.fd-form-check__checkmark::after {
opacity: 1;
z-index: 1;
visibility: visible;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 .fd-form-check__checkmark::after {
top: 0;
left: 0;
width: 18px;
height: 18px;
content: "";
display: block;
opacity: 0;
z-index: 1;
position: absolute;
transition: opacity 0.4s, z-index 0.4s;
visibility: inherit;
background-size: 12px;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='black' width='12' height='10' viewBox='0 0 11.51 8.2' %3e %3ctitle%3echeck%3c/title%3e %3cpath d='M4.05%2c8.2A.74.74%2c0%2c0%2c1%2c3.52%2c8L.22%2c4.68A.75.75%2c0%2c0%2c1%2c1.28%2c3.62l3.3%2c3.3A.75.75%2c0%2c0%2c1%2c4.58%2c8%2c.74.74%2c0%2c0%2c1%2c4.05%2c8.2Z' /%3e %3cpath d='M4.06%2c8.2A.74.74%2c0%2c0%2c1%2c3.53%2c8a.75.75%2c0%2c0%2c1%2c0-1.06l6.7-6.7a.75.75%2c0%2c0%2c1%2c1.06%2c1.06L4.59%2c8A.74.74%2c0%2c0%2c1%2c4.06%2c8.2Z' /%3e %3c/svg%3e");
background-repeat: no-repeat;
background-position: center center;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 .fd-form-check__input:focus {
outline: none;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 .fd-form-content {
position: relative;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 .fd-has-success .fd-form-content {
display: none;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 .fd-has-captcha .fd-form-content>*:not(.fd-form-captcha) {
opacity: 0;
visibility: hidden;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 .fd-form-captcha {
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
position: absolute;
align-items: center;
justify-content: flex-start;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 .fd-form-success {
width: 100%;
display: none;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 .fd-has-success .fd-form-success {
display: block;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 .fd-form-success>*:last-child {
margin-bottom: 0;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 .fd-form-error {
display: none;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 .fd-has-error .fd-form-error {
display: block;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 .fd-form-error>*:last-child {
margin-bottom: 0;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 .fd-focus-visible,
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 .fd-form-check__input.fd-focus-visible+.fd-form-check__checkmark {
outline: none;
box-shadow: 0 0 0 2px #ffffff, 0 0 0 calc(2px + 4px) #000000 !important;
transition: box-shadow 0.2s !important;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 .fd-focus-visible,
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 .fd-form-check__input.fd-focus-visible+.fd-form-check__checkmark {
outline: none;
box-shadow: 0 0 0 2px #ffffff, 0 0 0 calc(2px + 2px) #717171 !important;
transition: box-shadow 0.2s !important;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 {
background: #ffffff;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 .ff-6920c59133b0a6dbec79d458__container {
margin: 0 auto;
max-width: 1170px;
background: #ffffff;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 .ff-6920c59133b0a6dbec79d458__form {
color: #333333;
width: 100%;
margin: 0;
padding: 30px;
font-size: 18px;
text-align: center;
font-family: Helvetica, sans-serif;
font-weight: 300;
line-height: 2;
letter-spacing: 1px;
text-transform: none;
}
@media (max-width: 767px) {
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 .ff-6920c59133b0a6dbec79d458__form {
word-wrap: anywhere;
word-break: break-word;
white-space: normal;
overflow-wrap: break-word;
}
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 .ff-6920c59133b0a6dbec79d458__title {
color: #860000;
width: 100%;
margin: 0 0 25px;
display: block;
font-size: 60px;
text-align: center;
font-family: freight-big-pro, serif;
font-weight: 300;
line-height: 1;
letter-spacing: 0px;
text-transform: none;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 .ff-6920c59133b0a6dbec79d458__title * {
line-height: inherit;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 .ff-6920c59133b0a6dbec79d458__subtitle {
width: 100%;
margin: 0 0 30px;
display: block;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 .ff-6920c59133b0a6dbec79d458__subtitle * {
line-height: inherit;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 .ff-6920c59133b0a6dbec79d458__content {
margin: -10px -5px 0;
display: flex;
flex-wrap: wrap;
align-items: start;
flex-direction: row;
justify-content: center;
}
@media (max-width: 767px) {
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 .ff-6920c59133b0a6dbec79d458__content {
display: block;
}
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458[data-ff-stage="success"] .ff-6920c59133b0a6dbec79d458__content {
display: none;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 .ff-6920c59133b0a6dbec79d458__fields {
flex: 0 1 auto;
margin: 0px 0px 0;
display: flex;
flex-wrap: wrap;
max-width: calc(100% + 10px);
justify-content: center;
}
@media (max-width: 767px) {
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 .ff-6920c59133b0a6dbec79d458__fields {
display: block;
}
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 .ff-6920c59133b0a6dbec79d458__field {
flex: 1 1;
margin: 10px 5px 0;
font-size: 15px;
max-width: 250px;
min-width: 140px;
text-align: left;
font-family: Helvetica, sans-serif;
font-weight: 400;
letter-spacing: 0.1px;
}
@media (max-width: 767px) {
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 .ff-6920c59133b0a6dbec79d458__field {
max-width: calc(100% - 10px);
}
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 .ff-6920c59133b0a6dbec79d458__control {
color: #000000;
border: 1px solid #000000;
height: 53.5px;
padding: 16px 20px;
font-size: 15px;
background: transparent;
text-align: left;
font-family: Helvetica, sans-serif;
font-weight: 400;
line-height: 19.5px;
border-radius: 0px;
letter-spacing: 0.1px;
text-transform: none;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 .ff-6920c59133b0a6dbec79d458__label {
color: #000000;
border: 1px solid transparent;
padding: 16px 20px;
font-size: 15px;
text-align: left;
font-family: Helvetica, sans-serif;
font-weight: 400;
line-height: 19.5px;
letter-spacing: 0.1px;
text-transform: none;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 .ff-6920c59133b0a6dbec79d458__preference {
margin: 30px 5px 0;
display: flex;
flex-direction: column;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 .ff-6920c59133b0a6dbec79d458__preference-title {
color: #333333;
width: 100%;
margin: 0 0 30px;
display: block;
font-size: 18px;
text-align: center;
font-weight: 700;
line-height: 1.4;
letter-spacing: 0px;
text-transform: none;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 .ff-6920c59133b0a6dbec79d458__preference-title * {
line-height: inherit;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 .ff-6920c59133b0a6dbec79d458__preference-control {
width: 100%;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 .ff-6920c59133b0a6dbec79d458__preference-list {
width: calc(100% + 24px);
margin: -8px -12px;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
@media (max-width: 767px) {
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 .ff-6920c59133b0a6dbec79d458__preference-list {
display: block;
}
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 .ff-6920c59133b0a6dbec79d458__preference-item {
flex: 0 0 33.333333333333336%;
padding: 8px 12px;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 .ff-6920c59133b0a6dbec79d458__form-check .fd-form-check__input {
top: 2.200000000000001px;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 .ff-6920c59133b0a6dbec79d458__form-check .fd-form-check__checkmark {
top: 2.200000000000001px;
border-radius: 4px;
background-image: url("data:image/svg+xml,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg' %3e %3cpath d='M1 4C1 2.34315 2.34315 1 4 1H16C17.6569 1 19 2.34315 19 4V16C19 17.6569 17.6569 19 16 19H4C2.34315 19 1 17.6569 1 16V4Z' fill='white' fill-opacity='1' /%3e %3cpath fill='black' fill-rule='evenodd' clip-rule='evenodd' d='M0.25 4C0.25 1.92893 1.92893 0.25 4 0.25H16C18.0711 0.25 19.75 1.92893 19.75 4V16C19.75 18.0711 18.0711 19.75 16 19.75H4C1.92893 19.75 0.25 18.0711 0.25 16V4ZM4 1.75C2.75736 1.75 1.75 2.75736 1.75 4V16C1.75 17.2426 2.75736 18.25 4 18.25H16C17.2426 18.25 18.25 17.2426 18.25 16V4C18.25 2.75736 17.2426 1.75 16 1.75H4Z' /%3e %3c/svg%3e");
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 .ff-6920c59133b0a6dbec79d458__form-check .fd-form-check__label {
color: #333333;
font-size: 14px;
min-height: 22.400000000000002px;
font-weight: 400;
line-height: 1.6;
letter-spacing: 0px;
text-transform: none;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 .ff-6920c59133b0a6dbec79d458__form-check .fd-form-check__checkmark::after {
background-size: 12px;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='black' width='12' height='10' viewBox='0 0 11.51 8.2' %3e %3ctitle%3echeck%3c/title%3e %3cpath d='M4.05%2c8.2A.74.74%2c0%2c0%2c1%2c3.52%2c8L.22%2c4.68A.75.75%2c0%2c0%2c1%2c1.28%2c3.62l3.3%2c3.3A.75.75%2c0%2c0%2c1%2c4.58%2c8%2c.74.74%2c0%2c0%2c1%2c4.05%2c8.2Z' /%3e %3cpath d='M4.06%2c8.2A.74.74%2c0%2c0%2c1%2c3.53%2c8a.75.75%2c0%2c0%2c1%2c0-1.06l6.7-6.7a.75.75%2c0%2c0%2c1%2c1.06%2c1.06L4.59%2c8A.74.74%2c0%2c0%2c1%2c4.06%2c8.2Z' /%3e %3c/svg%3e");
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 .ff-6920c59133b0a6dbec79d458__footer {
flex: 0 1 auto;
margin-top: 10px;
text-align: center;
margin-left: 5px;
margin-right: 5px;
}
@media (max-width: 767px) {
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 .ff-6920c59133b0a6dbec79d458__footer {
margin-top: 25px;
}
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 .ff-6920c59133b0a6dbec79d458__button {
color: #ffffff;
width: auto;
border: 1px solid #860000;
display: inline-block;
padding: 16px 20px;
font-size: 15px;
background: #860000;
text-align: center;
font-weight: 400;
line-height: 20px;
white-space: nowrap;
border-radius: 5.4px;
letter-spacing: 0.1px;
text-transform: none;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 .ff-6920c59133b0a6dbec79d458__button [data-draw-element="editable"] {
min-width: 10px;
}
@media (max-width: 767px) {
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 .ff-6920c59133b0a6dbec79d458__button {
width: 100%;
}
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 .ff-6920c59133b0a6dbec79d458__button [data-draw-element="editable"]:not([contenteditable]):empty::after {
width: 10px;
content: "\00a0";
display: block;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 .ff-6920c59133b0a6dbec79d458__success {
display: none;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458[data-ff-stage="success"] .ff-6920c59133b0a6dbec79d458__success {
display: block;
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 .ff-6920c59133b0a6dbec79d458__success-message {
color: #333333;
width: 100%;
display: block;
font-size: 18px;
word-wrap: anywhere;
min-height: 1.5999999999999996em;
text-align: center;
word-break: break-word;
font-family: Helvetica, sans-serif;
font-weight: 300;
line-height: 1.5999999999999996;
white-space: normal;
overflow-wrap: break-word;
letter-spacing: 0.1px;
pointer-events: auto;
text-transform: none;
}
@media (max-width: 767px) {
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 .ff-6920c59133b0a6dbec79d458__success-message {
font-size: 18px;
}
}
[data-ff-el="root"].ff-6920c59133b0a6dbec79d458 .ff-6920c59133b0a6dbec79d458__error {
margin: 10px 0 0 0;
}
</style>
<div class="ff-6920c59133b0a6dbec79d458" data-ff-el="root" data-ff-version="3" data-ff-type="inline" data-ff-name="ribbonBanner" data-ff-stage="default">
<!--tpl {% block config %} tpl-->
<div data-ff-el="config" data-ff-config="eyJ0cmlnZ2VyIjp7Im1vZGUiOiJpbW1lZGlhdGVseSIsInZhbHVlIjowfSwib25TdWNjZXNzIjp7Im1vZGUiOiJtZXNzYWdlIiwibWVzc2FnZSI6IiIsInJlZGlyZWN0VXJsIjoiIn0sImNvaSI6ZmFsc2UsInNob3dGb3JSZXR1cm5WaXNpdG9ycyI6dHJ1ZSwibm90aWZpY2F0aW9uIjp0cnVlLCJnZHByIjp7ImFjY2VwdHNNYXJrZXRpbmciOmZhbHNlLCJwcml2YWN5UG9saWN5Ijp7ImVuYWJsZWQiOmZhbHNlLCJtYW5kYXRvcnkiOmZhbHNlfX0sInRyYWNraW5nQ29uZmlnIjp7Im1ldGFQaXhlbElkIjoiIiwiY29va2llQmFubmVyRW5hYmxlZCI6ZmFsc2UsImdvb2dsZUFuYWx5dGljc0lkIjoiIn19" style="display: none"></div>
<!--tpl {% endblock %} tpl-->
<div class="ff-6920c59133b0a6dbec79d458__container">
<form class="ff-6920c59133b0a6dbec79d458__form" action="https://form.flodesk.com/forms/6920c59133b0a6dbec79d458/submit" method="post" data-ff-el="form">
<div class="ff-6920c59133b0a6dbec79d458__title">
<div style="word-break:break-word">
<div data-paragraph="true"><span style="font-weight:700;">Anne R. Tan’s Readers Newsletter</span></div>
</div>
</div>
<div class="ff-6920c59133b0a6dbec79d458__subtitle">
<div style="word-break:break-word">
<div data-paragraph="true">Do you want to be the first to know about my new releases?</div>
<div data-paragraph="true">Do you want exclusive content?</div>
<div data-paragraph="true">Do you want to know about sales?</div>
</div>
</div>
<div class="ff-6920c59133b0a6dbec79d458__content fd-form-content" data-ff-el="content">
<div class="ff-6920c59133b0a6dbec79d458__fields" data-ff-el="fields">
<!--tpl {% block fields %} tpl-->
<div class="ff-6920c59133b0a6dbec79d458__field fd-form-group">
<input id="ff-6920c59133b0a6dbec79d458-firstName" class="ff-6920c59133b0a6dbec79d458__control fd-form-control" type="text" maxlength="255" name="firstName" placeholder="First name" data-ff-tab="firstName::lastName" />
<label for="ff-6920c59133b0a6dbec79d458-firstName" class="ff-6920c59133b0a6dbec79d458__label fd-form-label">
<div>
<div>First name</div>
</div>
</label>
</div>
<div class="ff-6920c59133b0a6dbec79d458__field fd-form-group">
<input id="ff-6920c59133b0a6dbec79d458-lastName" class="ff-6920c59133b0a6dbec79d458__control fd-form-control" type="text" maxlength="255" name="lastName" placeholder="Last name" data-ff-tab="lastName:firstName:email" />
<label for="ff-6920c59133b0a6dbec79d458-lastName" class="ff-6920c59133b0a6dbec79d458__label fd-form-label">
<div>
<div>Last name</div>
</div>
</label>
</div>
<div class="ff-6920c59133b0a6dbec79d458__field fd-form-group">
<input id="ff-6920c59133b0a6dbec79d458-email" class="ff-6920c59133b0a6dbec79d458__control fd-form-control" type="text" maxlength="255" name="email" placeholder="Email address" data-ff-tab="email:lastName:submit" required />
<label for="ff-6920c59133b0a6dbec79d458-email" class="ff-6920c59133b0a6dbec79d458__label fd-form-label">
<div>
<div>Email address</div>
</div>
</label>
</div>
<input type="text" maxlength="255" name="confirm_email_address" style="display: none" />
<!--tpl {% endblock %} tpl-->
</div>
<div class="ff-6920c59133b0a6dbec79d458__footer" data-ff-el="footer">
<button type="submit" class="ff-6920c59133b0a6dbec79d458__button fd-btn" data-ff-el="submit" data-ff-tab="submit">
<div><span data-draw-element="editable">Subscribe</span></div>
</button>
</div>
<!--tpl {% if var.Config.Gdpr.PrivacyPolicy.Enabled and var.Config.Gdpr.AcceptsMarketing == false and var.Config.Gdpr.PrivacyPolicy.Mandatory == false %} tpl-->
<!--tpl {% endif %} tpl-->
</div>
<div class="ff-6920c59133b0a6dbec79d458__success fd-form-success" data-ff-el="success">
<div class="ff-6920c59133b0a6dbec79d458__success-message">
<div>
<div>
<div data-paragraph="true">Thank you for subscribing!</div>
</div>
</div>
</div>
</div>
<div class="ff-6920c59133b0a6dbec79d458__error fd-form-error" data-ff-el="error"></div>
</form>
</div>
</div>
<script>
(function(w, d, t, h, s, n) {
w.FlodeskObject = n;
var fn = function() {
(w[n].q = w[n].q || []).push(arguments);
};
w[n] = w[n] || fn;
var f = d.getElementsByTagName(t)[0];
var v = '?v=' + Math.floor(new Date().getTime() / (120 * 1000)) * 60;
var sm = d.createElement(t);
sm.async = true;
sm.type = 'module';
sm.src = h + s + '.mjs' + v;
f.parentNode.insertBefore(sm, f);
var sn = d.createElement(t);
sn.async = true;
sn.noModule = true;
sn.src = h + s + '.js' + v;
f.parentNode.insertBefore(sn, f);
})(window, document, 'script', 'https://assets.flodesk.com', '/universal', 'fd');
</script>
<script>
window.fd('form:handle', {
formId: '6920c59133b0a6dbec79d458',
rootEl: '.ff-6920c59133b0a6dbec79d458',
});
</script>