@charset "utf-8";

#card-isle-pdp-block { }

.card-isle-pdp { margin-bottom: 24px; }

.card-isle-left, .card-isle-right { display: inline-block; vertical-align: top; }

.card-isle-left { width: 135px; }

.card-isle-right { width: calc(100% - 145px); padding-left: 12px; }

.card-isle-img { max-width: 100%; max-height: 115px; filter: opacity(0.5); }

.card-isle-img.active { filter: none; }

.card-isle-available { padding-top: 12px; }

#card-isle-label { color: rgb(152, 152, 152); font-size: 16px; font-weight: 400; margin-bottom: 12px; margin-block-start: 0px; }

#card-isle-label.active { color: black; }

.card-isle-primary { color: rgb(165, 162, 180); background: white; border: 1px solid rgb(165, 162, 180); font-size: 16px; border-radius: 3px; cursor: default; display: flex; text-align: center; align-items: center; justify-content: center; margin-bottom: 12px; padding: 11px 24px; font-family: var(--comp-base-font-family-default), Lato, Helvetica, Arial, sans-serif; font-weight: 700; line-height: 24px; }

.card-isle-primary.active { color: rgb(32, 22, 72); background: white; border: 1px solid rgb(32, 22, 72); cursor: pointer; }

.card-isle-primary.active:hover { border-color: rgb(99, 82, 159); color: rgb(99, 82, 159); cursor: pointer; }

#card-isle-textarea { width: 100%; min-height: 150px; font-size: 16px; resize: none; padding: 12px; border-radius: 3px; border: 1px solid rgb(196, 196, 196); font-family: Lato; margin-bottom: 0px; }

#card-isle-character-count, #card-isle-counter { margin-bottom: 16px; font-size: 14px; font-family: Lato; letter-spacing: 0.14px; color: rgb(85, 85, 85); }

.card-isle-complimentary { font-size: 16px; padding: 12px; border-radius: 3px; border: 1px solid rgb(196, 196, 196); width: 100%; font-family: Helvetica, Arial, Verdana, sans-serif; margin-bottom: 12px; }

.card-isle-unavailable { margin-top: 10px; margin-bottom: -5px; }

.card-isle-toggle { text-decoration: underline; cursor: pointer; }

.card-isle-edit-remove { display: none; margin-right: 6px; padding: 7px 20px; width: auto; line-height: 20px; margin-top: 16px; margin-bottom: 0px; text-decoration: none; }

.card-isle-input-container { width: 100%; border: 1px solid rgb(204, 204, 204); border-radius: 3px; padding: 15px; background-color: white; position: relative; }

.card-isle-line-input { width: 100%; border-top: none; border-right: none; border-left: none; border-image: initial; border-bottom: 1px solid rgb(221, 221, 221); font-size: 16px; margin-bottom: 10px; padding: 5px 0px; outline: none; }

.card-isle-line-input:last-of-type { margin-bottom: 0px; }

#card-isle-header { font-family: var(--comp-base-font-family-default), Lato, Helvetica, Arial, sans-serif; font-weight: 700; font-size: 16px; margin-bottom: 4px; color: rgb(67, 67, 67); text-transform: uppercase; letter-spacing: 0.64px; }

.card-isle-secondary-text { font-size: 14px; margin-top: 4px; line-height: 1.5; letter-spacing: 0.5px; margin-bottom: 12px; font-weight: 400; color: rgb(67, 67, 67); font-family: Lato; }

#card-isle-message-from { width: 100%; font-size: 16px; line-height: 1.2; padding: 12px; border: 1px solid rgb(196, 196, 196); border-radius: 3px; font-family: Lato; }

#card-isle-complimentary-from-required { display: none; background: rgb(255, 0, 0); color: white; width: 100%; font-size: 12px; line-height: 1.2; padding: 3px 10px; border-radius: 0px 0px 3px 3px; top: -3px; position: relative; }

#card-isle-submit-complimentary { display: inline-block; width: calc(100% - 100px); margin-bottom: 0px; }

.complimentary-label { font-size: 16px; font-family: Lato; font-weight: 700; letter-spacing: 0.16px; padding-top: 12px; }

#card-isle-remove-button svg path, #card-isle-complimentary-remove-button svg path { stroke: rgb(32, 22, 72); }

#card-isle-remove-button:hover svg path, #card-isle-complimentary-remove-button:hover svg path { stroke: rgb(99, 82, 159); }

.greeting-card-price-set { display: none; }

#card-isle-message-text { overflow: hidden; text-overflow: ellipsis; max-width: calc(-3em + 100vw); margin-block: 0px; }