.order-by-phone,.order-by-phone-dialog{--obp-gap-xs: 6px;--obp-gap-sm: 12px;--obp-gap-md: 20px;--obp-gap-lg: 32px;--obp-gap-xl: 40px}.order-by-phone{display:block;width:100%}.order-by-phone__button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%}.order-by-phone__icon{display:inline-flex;align-items:center;line-height:0}.order-by-phone__icon svg{width:1rem;height:1rem}.order-by-phone-dialog.dialog-modal{inline-size:min(680px,calc(100vw - 32px));max-inline-size:min(680px,calc(100vw - 32px));block-size:fit-content;max-block-size:calc(100vh - 48px);position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;padding:0;border:none;border-radius:var(--style-border-radius-popover, 4px);background-color:var(--color-background);color:var(--color-foreground);box-shadow:0 24px 64px #0000002e}.order-by-phone-dialog.dialog-modal[open]{animation:obpDialogIn var(--animation-speed, .2s) var(--animation-easing, ease) forwards}.order-by-phone-dialog.dialog-modal.dialog-closing{animation:obpDialogOut var(--animation-speed, .2s) var(--animation-easing, ease) forwards}@keyframes obpDialogIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes obpDialogOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(8px)}}@media(prefers-reduced-motion:reduce){.order-by-phone-dialog.dialog-modal[open],.order-by-phone-dialog.dialog-modal.dialog-closing{animation:none}}@media screen and (max-width:749px){.order-by-phone-dialog.dialog-modal{inline-size:100dvw;max-inline-size:100dvw;block-size:100dvh;max-block-size:100dvh;border-radius:0}}.order-by-phone-dialog::backdrop{background-color:#00000080}.order-by-phone-dialog__content{padding:clamp(24px,4vw,40px);overflow-y:auto;max-block-size:calc(100vh - 48px);display:flex;flex-direction:column;gap:var(--obp-gap-lg)}.order-by-phone-dialog__header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:var(--obp-gap-md)}.order-by-phone-dialog__heading{min-inline-size:0}.order-by-phone-dialog .order-by-phone-dialog__content .order-by-phone-dialog__title{display:block;margin:0;font-size:1.375rem;line-height:1.25;font-weight:600;letter-spacing:0;text-transform:none;overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none}.order-by-phone-dialog .order-by-phone-dialog__content .order-by-phone-dialog__subtitle{display:block;margin:var(--obp-gap-xs) 0 0;color:var(--color-foreground-secondary, var(--color-foreground));opacity:.7;font-size:.95rem;line-height:1.5;overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none}.order-by-phone-dialog__close{flex:0 0 auto;inline-size:32px;block-size:32px;display:inline-flex;align-items:center;justify-content:center;margin:-4px -4px 0 0;cursor:pointer;border-radius:50%;transition:background-color .12s ease}.order-by-phone-dialog__close:hover{background-color:#0000000f}.order-by-phone-dialog__close svg{inline-size:16px;block-size:16px}.order-by-phone-dialog__product{display:grid;grid-template-columns:auto 1fr auto;gap:var(--obp-gap-md);align-items:center;padding-block-end:var(--obp-gap-md);border-block-end:1px solid var(--color-border)}.order-by-phone-dialog__product-image{display:flex;align-items:center;justify-content:center;inline-size:120px;block-size:96px;padding:8px;background-color:color-mix(in srgb,var(--color-foreground) 4%,transparent);border:1px solid var(--color-border);border-radius:8px}.order-by-phone-dialog__product-image img{display:block;inline-size:100%;block-size:100%;object-fit:contain}.order-by-phone-dialog__product-body{display:flex;flex-direction:column;gap:var(--obp-gap-xs);min-inline-size:0}.order-by-phone-dialog__product-title{margin:0;font-size:1.05rem;font-weight:600;line-height:1.3}.order-by-phone-dialog__options{display:flex;flex-wrap:wrap;column-gap:var(--obp-gap-md);row-gap:4px;margin:0;padding:0;font-size:.875rem;color:var(--color-foreground-secondary, var(--color-foreground));opacity:.85}.order-by-phone-dialog__option{display:flex;gap:6px}.order-by-phone-dialog__option dt{margin:0;text-transform:uppercase;letter-spacing:.04em;font-size:.7rem;align-self:center;opacity:.7}.order-by-phone-dialog__option dt:after{content:":"}.order-by-phone-dialog__option dd{margin:0}.order-by-phone-dialog__product-meta{text-align:end;display:flex;flex-direction:column;gap:var(--obp-gap-xs)}.order-by-phone-dialog__qty{margin:0;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;opacity:.6}.order-by-phone-dialog__price{margin:0;font-size:1.05rem;font-weight:600}.order-by-phone-promo{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--obp-gap-md);align-items:center;padding:var(--obp-gap-md);background-color:color-mix(in srgb,var(--color-foreground) 4%,transparent);border-radius:4px;border-inline-start:2px solid var(--color-foreground);isolation:isolate}.order-by-phone-promo:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 92% 28%,color-mix(in srgb,var(--color-foreground) 6%,transparent),transparent 40%),radial-gradient(circle at 8% 88%,color-mix(in srgb,var(--color-foreground) 4%,transparent),transparent 50%);pointer-events:none;z-index:-1;border-radius:inherit}.order-by-phone-promo__image img{display:block;inline-size:56px;block-size:56px;object-fit:cover;border-radius:4px}.order-by-phone-promo__body{min-inline-size:0;display:flex;flex-direction:column;gap:2px}.order-by-phone-promo__eyebrow{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;opacity:.6;line-height:1.4}.order-by-phone-dialog .order-by-phone-dialog__content .order-by-phone-promo__headline{margin:2px 0 0;font-size:1rem;font-weight:600;line-height:1.3;overflow-wrap:normal;word-break:normal}.order-by-phone-dialog .order-by-phone-dialog__content .order-by-phone-promo__description{margin:4px 0 0;font-size:.85rem;line-height:1.5;opacity:.75;overflow-wrap:normal;word-break:normal}.order-by-phone-promo__mark{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:2px;text-align:end;min-inline-size:64px}.order-by-phone-promo__value-strike{font-size:.8rem;text-decoration:line-through;opacity:.5}.order-by-phone-promo__value-free{font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.order-by-phone-promo__glyph{font-size:1.5rem;line-height:1;opacity:.4;transform:rotate(0);transition:transform .6s cubic-bezier(.16,1,.3,1)}.order-by-phone-promo:hover .order-by-phone-promo__glyph{transform:rotate(72deg);opacity:.6}@media screen and (max-width:480px){.order-by-phone-promo{grid-template-columns:auto minmax(0,1fr)}.order-by-phone-promo__mark{grid-column:1 / -1;align-items:flex-start;flex-direction:row;gap:8px;min-inline-size:0;text-align:start}}.order-by-phone-form{display:flex;flex-direction:column;gap:var(--obp-gap-md)}.order-by-phone-form__row{display:grid;gap:var(--obp-gap-md);grid-template-columns:1fr}@media screen and (min-width:600px){.order-by-phone-form__row--2{grid-template-columns:1fr 1fr}}.order-by-phone-form__field{display:flex;flex-direction:column;gap:var(--obp-gap-xs)}.order-by-phone-form__label{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--color-foreground-secondary, var(--color-foreground));opacity:.75;display:flex;align-items:baseline;gap:6px}.order-by-phone-form__optional{text-transform:none;letter-spacing:0;font-size:.75rem;opacity:.7}.order-by-phone-form__field input,.order-by-phone-form__field textarea,.order-by-phone-form__field select{inline-size:100%;padding:12px 14px;border-radius:var(--style-border-radius-inputs, 4px);border:var(--style-border-width-inputs, 1px) solid var(--color-input-border, var(--color-border));background-color:var(--color-input-background, var(--color-background));color:var(--color-input-text, var(--color-foreground));font:inherit;transition:border-color .12s ease}.order-by-phone-form__field input:focus,.order-by-phone-form__field textarea:focus,.order-by-phone-form__field select:focus{outline:none;border-color:var(--color-foreground)}.order-by-phone-form__select{appearance:none;-webkit-appearance:none;padding-inline-end:40px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%2358534f' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.order-by-phone-form__select:has(option[value=""]:checked){color:var(--color-foreground-secondary, var(--color-foreground));opacity:.7}.order-by-phone-form__hp{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;padding:0;margin:-1px}.order-by-phone-form__status[hidden]{display:none}.order-by-phone-form__field textarea{resize:vertical;min-block-size:88px}.order-by-phone-form__actions{display:flex;flex-direction:column;align-items:stretch;gap:var(--obp-gap-xs);margin-block-start:var(--obp-gap-xs)}.order-by-phone-form__submit{text-transform:uppercase;letter-spacing:.08em;padding-block:16px;inline-size:100%}.order-by-phone-form__reassurance{margin:0;text-align:center;font-size:.8rem;color:var(--color-foreground-secondary, var(--color-foreground));opacity:.65}.order-by-phone-form__error,.order-by-phone-form__success{padding:12px 16px;border-radius:4px;font-size:.9rem}.order-by-phone-form__error{background-color:#dc262614;color:#b91c1c}.order-by-phone-form__success{background-color:#16a34a14;color:#15803d}.order-by-phone-form__field .iti,.order-by-phone-form__field .iti__tel-input{inline-size:100%}
/*# sourceMappingURL=/cdn/shop/t/9/assets/order-by-phone.css.map */