@charset "utf-8";

.bundleapp-wrapper { border: none; padding: 0px; margin-bottom: 20px; width: 100%; }

.bundleapp-wrapper legend { font-size: 90%; margin-bottom: 5px; }

.bundleapp-wrapper .bundleapp-plan-selector-group { margin-bottom: 5px; }

.bundleapp-wrapper .bundleapp-plan-selector-group > label { display: flex; align-items: center; font-size: 90%; }

.bundleapp-wrapper .bundleapp-plan-selector-group label > input { min-height: 30px; margin-right: 10px; }

.bundleapp-wrapper .bundleapp-plan-selector-group select { width: 100%; margin-bottom: 20px; }

.bundleapp-wrapper .bundleapp-plan-selector-group-pricing { margin-left: auto; }

.bundleapp-wrapper .bundleapp-plan-selector-plan { margin-left: 23px; }

.bundleapp-wrapper .bundleapp-plan-selector-plan > label { font-size: 80%; display: block; text-align: left; }

.bundleapp-wrapper .bundleapp-plan-selector-description span { border: 1px solid rgb(223, 227, 232); padding: 16px; height: auto; margin-top: 16px; border-radius: 0px; font-size: 90%; margin-left: 23px; display: block; }

.bundleapp-price-adjustment { display: inline-block; margin-left: 10px; border-width: 1px; border-style: solid; border-image: initial; border-color: inherit; font-size: 80%; padding-left: 10px; padding-right: 10px; border-radius: 3px; }

.bundleapp-legend { text-align: left; margin-bottom: 5px; }

.awt-hidden-add-to-cart-button { display: none !important; }

.awt-style-1, .awt-style-2 { width: 100%; margin-top: 20px; margin-bottom: 20px; }

.awt-style-1 .bundleapp-wrapper, .awt-style-2 .bundleapp-wrapper { margin-bottom: 0px; }

.awt-style-1 .bundleapp-wrapper .bundleapp-plan-selector-description span, .awt-style-2 .bundleapp-wrapper .bundleapp-plan-selector-description span { margin-left: 0px; }

.awt-style-1 .bundleapp-wrapper .bundleapp-plan-selector-group select.bundleapp-plan-selector-select, .awt-style-2 .bundleapp-wrapper .bundleapp-plan-selector-group select.bundleapp-plan-selector-select { padding: 14px 50px 14px 17px; margin-bottom: 8px; appearance: none; background-repeat: no-repeat; background-position: right center; background-image: url("data:image/svg+xml,%3Csvg width='44' height='24' xmlns='http://www.w3.org/2000/svg' role='presentation' focusable='false' aria-hidden='true' class='icon-chevron '%3E%3Cg%3E%3Ctitle%3ELayer 1%3C/title%3E%3Cpath transform='rotate(90 12.414 12.4145)' stroke='null' id='svg_1' d='m10.121,19.122l6,-6a1,1 0 0 0 0,-1.415l-6,-6a1,1 0 0 0 -1.414,0a1,1 0 0 0 0,1.415l5.293,5.292l-5.293,5.293a1,1 0 1 0 1.414,1.415z' fill-rule='evenodd' fill='currentColor'/%3E%3C/g%3E%3C/svg%3E"); background-size: 35px; background-color: rgb(255, 255, 255); border: 1px solid var(--awt-border-color); outline: 0px; height: auto; }

.awt-style-1 .bundleapp-wrapper .bundleapp-plan-selector-group select.bundleapp-plan-selector-select:focus-visible, .awt-style-2 .bundleapp-wrapper .bundleapp-plan-selector-group select.bundleapp-plan-selector-select:focus-visible { box-shadow: none; }

.awt-style-1 .bundleapp-wrapper .bundleapp-plan-selector-group select.bundleapp-plan-selector-select:hover, .awt-style-2 .bundleapp-wrapper .bundleapp-plan-selector-group select.bundleapp-plan-selector-select:hover { cursor: pointer; }

.awt-style-1 .bundleapp-wrapper input[type="radio"], .awt-style-2 .bundleapp-wrapper input[type="radio"] { appearance: none; background-color: rgb(255, 255, 255); margin: 0px 10px 0px 0px; color: currentcolor; width: 20px; height: 20px; border: 1px solid currentcolor; border-radius: 50%; display: grid; place-content: center; min-width: 20px; outline: none; padding: 0px; min-height: 0px !important; }

.awt-style-1 .bundleapp-wrapper input[type="radio"]:focus .awt-style-2 .bundleapp-wrapper input[type="radio"]:focus { outline: none; }

.awt-style-1 .bundleapp-wrapper input[type="radio"]::before, .awt-style-2 .bundleapp-wrapper input[type="radio"]::before { content: ""; width: 10px; height: 10px; border-radius: 50%; transform: scale(0); background-color: var(--awt-radio-button-background); transition: background-color 0.3s; }

.awt-style-1 .bundleapp-wrapper input[type="radio"]:checked::before, .awt-style-2 .bundleapp-wrapper input[type="radio"]:checked::before { transform: scale(1); }

.awt-style-1 .bundleapp-wrapper .bundleapp-plan-selector-radio input, .awt-style-2 .bundleapp-wrapper .bundleapp-plan-selector-radio input { clip: rect(0px, 0px, 0px, 0px); overflow: hidden; position: absolute; height: 1px; width: 1px; }

.awt-style-1 .bundleapp-wrapper .bundleapp-plan-selector-radio__label, .awt-style-2 .bundleapp-wrapper .bundleapp-plan-selector-radio__label { display: inline-block; text-align: center; min-width: 36px; padding: 6px 10px; border: var(--awt-freq-button-border); color: var(--awt-freq-button-color); background-color: var(--awt-freq-button-background); cursor: pointer; border-radius: var(--awt-freq-button-border-radius); margin: 6px 8px 6px 0px; transition: border 0.3s, color 0.3s, background-color 0.3s; }

.awt-style-1 .bundleapp-wrapper .bundleapp-plan-selector-radio__label:hover, .awt-style-2 .bundleapp-wrapper .bundleapp-plan-selector-radio__label:hover { color: var(--awt-freq-button-color-hover); background-color: var(--awt-freq-button-background-hover); border: var(--awt-freq-button-border-hover); }

.awt-style-1 .bundleapp-wrapper .bundleapp-plan-selector-radio__label.bundleapp-plan-selector-radio__label--selected, .awt-style-2 .bundleapp-wrapper .bundleapp-plan-selector-radio__label.bundleapp-plan-selector-radio__label--selected { background-color: var(--awt-freq-button-background-selected); color: var(--awt-freq-button-color-selected); border: var(--awt-freq-button-border-selected); transition: border 0.3s, color 0.3s, background-color 0.3s; }

.awt-style-1 .bundleapp-wrapper .bundleapp-plan-selector-radio__label.bundleapp-plan-selector-radio__label--selected:hover, .awt-style-2 .bundleapp-wrapper .bundleapp-plan-selector-radio__label.bundleapp-plan-selector-radio__label--selected:hover { background-color: var(--awt-freq-button-background-hover-selected); color: var(--awt-freq-button-color-hover-selected); border: var(--awt-freq-button-border-hover-selected); }

.awt-style-1 .bundleapp-wrapper .bundleapp-plan-selector-group > label .awt-accent, .awt-style-2 .bundleapp-wrapper .bundleapp-plan-selector-group > label .awt-accent { background-color: var(--awt-accent-background); padding: 2px 8px; border-radius: 20px; font-size: 12px; display: inline-block; color: var(--awt-accent-color); }

.awt-style-1 .bundleapp-wrapper .bundleapp-plan-selector-group > label { font-weight: 400; margin-bottom: 0px; }

.awt-style-1 .bundleapp-wrapper .bundleapp-plan-selector-group > label:hover { cursor: pointer; }

.awt-style-1 .bundleapp-wrapper .bundleapp-plan-selector-group { margin-bottom: 10px; padding: 10px 15px; border-radius: var(--awt-border-radius); border: 1px solid var(--awt-border-color); transition: border 0.3s, color 0.3s, background-color 0.3s; }

.awt-style-1 .bundleapp-wrapper .bundleapp-plan-selector-group .bundleapp-plan-selector-select { margin-bottom: 0px; }

.awt-style-1 .bundleapp-wrapper .bundleapp-plan-selector-group .bundleapp-plan-selector-plan { margin-top: 10px; }

.awt-style-1 .bundleapp-wrapper .bundleapp-plan-selector-group .bundleapp-plan-selector-plan > label { margin-bottom: 8px; }

.awt-style-1 .bundleapp-wrapper .bundleapp-plan-selector-group.bundleapp-plan-selector-group--selected { border-color: var(--awt-selected-plan-border-color); background-color: var(--awt-selected-plan-background); }

.awt-style-1 .bundleapp-wrapper .bundleapp-plan-selector-group.bundleapp-plan-selector-group--single-group { background-color: initial; border-color: var(--awt-border-color); transition: border 0.3s, color 0.3s, background-color 0.3s; }

.awt-style-2 .bundleapp-wrapper { border: 1px solid var(--awt-border-color); }

.awt-style-2 .bundleapp-wrapper .bundleapp-plan-selector-group:not(:last-child) { border-bottom: 1px solid var(--awt-border-color); }

.awt-style-2 .bundleapp-wrapper .bundleapp-plan-selector-group > label { font-weight: 400; margin-bottom: 0px; }

.awt-style-2 .bundleapp-wrapper .bundleapp-plan-selector-group > label:hover { cursor: pointer; }

.awt-style-2 .bundleapp-wrapper .bundleapp-plan-selector-group .bundleapp-plan-selector-plan { margin-top: 10px; }

.awt-style-2 .bundleapp-wrapper .bundleapp-plan-selector-group .bundleapp-plan-selector-plan > label { margin-bottom: 8px; }

.awt-style-2 .bundleapp-wrapper .bundleapp-plan-selector-group { margin-bottom: 0px; padding: 8px 20px; transition: border 0.3s, color 0.3s, background-color 0.3s; }

.awt-style-2 .bundleapp-wrapper .bundleapp-plan-selector-group.bundleapp-plan-selector-group--selected { border-top-color: ; border-right-color: ; border-left-color: ; background-color: var(--awt-selected-plan-background); border-bottom: 0px; }

.bundle-button.button--primary:enabled { background-color: var(--awt-primary-button-background); color: var(--awt-primary-button-color); border: var(--awt-primary-button-border); border-radius: var(--awt-primary-button-border-radius); transition: color 0.3s, background-color 0.3s, border-color 0.3s, border-width 0.3s; }

.bundle-button.button--primary:enabled:hover { background-color: var(--awt-primary-button-background-hover); color: var(--awt-primary-button-color-hover); border: var(--awt-primary-button-border-hover); }

.bundleapp-modal__logo { background-image: url(""); background-position: center center; }

.awtomatic-progress-item { transition: border 0.3s, color 0.3s, background-color 0.3s; }

.awtomatic-progress-item.awtomatic-progress-item--completed { background-color: var(--awt-progress-bar-background); }

.awtomatic-progress-item.awtomatic-progress-item--completed .bundle-text--subheading { color: var(--awt-progress-bar-color); }

.bundle-stepper-counter--complete { background-color: var(--awt-progress-bar-background); color: var(--awt-progress-bar-color); }

.bundle-stepper-item::after { transition: border-color 0.3s; }

.bundle-stepper-item--complete::after { border-bottom-color: var(--awt-progress-bar-background); }

.awt-gift-info-title { font-weight: 400; font-size: 16px; text-align: start; }

.awt-error-msg { color: rgb(255, 42, 81); text-align: start; }

.awt-input-error.awt-error { background-color: rgba(255, 42, 81, 0.1); border: 2px solid rgb(255, 42, 81); }

.awt-floating-label { display: block; position: relative; border-radius: 5px; width: 100%; }

.awt-floating-label:last-child { margin-bottom: 0px; }

.awt-floating-label input, .awt-floating-label textarea { width: 100%; height: 40px; border: none; outline: none; background-color: rgb(248, 248, 248); border-radius: 8px; padding: 0px 12px; font-size: 16px; margin: 0px; font-family: inherit; }

.awt-floating-label textarea { height: 120px; padding: 12px; }

.awt-floating-label input::placeholder, .awt-floating-label textarea::placeholder { opacity: 0; }

.awt-floating-label span { position: absolute; top: 20px; left: 8px; transform: translateY(-50%); font-size: 16px; padding: 0px 4px; transition-duration: 300ms; border-radius: 5px; }

label.awt-floating-label:focus-within > span, .awt-floating-label input:not(:placeholder-shown) + span, .awt-floating-label textarea:not(:placeholder-shown) + span { transform: translateY(-150%); font-size: 11px; background-color: rgb(255, 255, 255); }

.awt-floating-label-warning { font-size: 14px; padding: 0px 2px; text-align: start; }

.awt-form-group { display: flex; justify-content: space-between; }

.awt-form-group > * { width: calc(50% - 4px); padding-bottom: 16px; }

.awt-gift-input-container { padding-bottom: 16px; }

.awt-checkbox { display: flex; align-items: center; margin: 16px 0px; }

.awt-checkbox input[type="checkbox"] { appearance: unset; background-color: rgb(255, 255, 255); width: 18px; height: 18px; margin-right: 4px; position: relative; border-radius: 2px; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1px inset; }

.awt-checkbox input[type="checkbox"]:checked { background-color: rgb(0, 0, 0); }

.awt-checkbox input[type="checkbox"]:checked::before { content: ""; position: absolute; left: 4px; top: 8px; background: white; width: 2px; height: 2px; box-shadow: white 2px 0px 0px, white 4px 0px 0px, white 4px -2px 0px, white 4px -4px 0px, white 4px -6px 0px, white 4px -8px 0px; transform: rotate(45deg); }

.awt-checkbox input[type="checkbox"]:disabled { background-color: rgb(248, 248, 248); cursor: not-allowed; }

#awt-preview-mode-control { position: fixed; bottom: 15px; left: 50%; transform: translateX(-50%); height: 75px; z-index: 2147483647; background-color: rgb(255, 255, 255); color: rgb(34, 34, 34); padding: 17px; display: flex; place-content: center space-between; box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 16px; border-radius: 8px; box-sizing: border-box; }

#awt-preview-mode-control.hidden { display: none; }

#awt-preview-mode-control div.awt-logo { display: flex; height: 100%; align-items: center; flex-wrap: nowrap; }

#awt-preview-mode-control div.awt-logo span { margin-top: 3px; font-size: 16px; font-family: sans-serif; color: rgb(55, 0, 255); }

#awt-preview-mode-control div.awt-logo .awt-logo--image { display: block; background-image: url("https://bundle-public-assets.s3.amazonaws.com/customerPortal/awtomatic-no-dot.svg"); background-repeat: no-repeat; background-size: contain; background-position: center center; width: 95px; height: 100%; margin-right: 6px; }

#awt-preview-mode-control div.awt-logo .awt-logo--info-icon { display: block; background-image: url("https://bundle-public-assets.s3.amazonaws.com/customerPortal/info-icon.svg"); background-repeat: no-repeat; background-size: contain; background-position: center center; width: 15px; height: 15px; margin: 5px 25px 0px 9px; }

#awt-preview-mode-control button { display: inline-block; border: 1px solid rgb(238, 238, 238); background-color: rgb(255, 255, 255); border-radius: 4px; padding: 5px 15px; margin: 0px; text-decoration: none; color: rgb(0, 0, 0); font-family: sans-serif; font-size: 15px; cursor: pointer; text-align: center; transition: background 250ms ease-in-out, transform 150ms; appearance: none; font-weight: bold; height: 100%; outline: none; box-shadow: none; }

#awt-preview-mode-control button:hover, #awt-preview-mode-control button:focus { background-color: rgb(251, 251, 251); }

#awt-preview-mode-control button:focus { outline: none; }

#awt-preview-mode-control button:active { transform: scale(0.99); }

button#awt-preview-mode-control__hide { background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); }

#awt-preview-mode-control button#awt-preview-mode-control__hide:hover, #awt-preview-mode-control button#awt-preview-mode-control__hide:focus { background: rgb(238, 238, 238); }

@media only screen and (max-width: 480px) {
  #awt-preview-mode-control button#awt-preview-mode-control__hide { display: none; }
}