.bucket_with_name{--sfs-bucket-navy: var(--sfs-navy, #001f3d);--sfs-bucket-cream: var(--sfs-cream, #f9f7f2);--sfs-bucket-white: var(--sfs-white, #ffffff);--sfs-bucket-leaf: var(--sfs-leaf, #5d7d2d);--sfs-bucket-muted: rgba(0, 31, 61, .62);display:flex;flex-wrap:wrap;align-items:baseline;gap:.8rem 1.2rem;margin-bottom:1.6rem}.bucket-heading{margin:0;color:var(--sfs-bucket-navy);font-family:"Playfair Display",var(--font-heading-family);font-weight:700;font-size:clamp(2rem,2.4vw,2.6rem);line-height:1.15}.bucket-heading .cstm-bucket-title{color:var(--sfs-bucket-navy)}.bucket-slot-count{font-family:"Avenir Next",var(--font-body-family);font-weight:500;font-size:1.3rem;color:var(--sfs-bucket-muted);font-variant-numeric:tabular-nums}.bucket-slot-count__current{color:var(--sfs-bucket-navy);font-weight:700}.bucket_with_name{position:relative}.bucket-pouch-note{position:absolute;top:100%;left:0;right:0;margin:.3rem 0 0;font-family:"Avenir Next",var(--font-body-family);font-weight:500;font-size:1.3rem;line-height:1.3;color:var(--sfs-bucket-muted)}.header-bundle.sticky .bucket-pouch-note{display:none}.bucket-name-field{--sfs-bucket-modal-navy: var(--sfs-navy, #001f3d);--sfs-bucket-modal-cream: var(--sfs-cream, #f9f7f2);--sfs-bucket-modal-white: var(--sfs-white, #ffffff);--sfs-bucket-modal-leaf: var(--sfs-leaf, #5d7d2d);--sfs-bucket-modal-muted: rgba(0, 31, 61, .62);--sfs-bucket-modal-border: rgba(0, 31, 61, .14);position:relative;display:flex;align-items:center;gap:.8rem;width:100%;min-height:4.8rem;padding:0 12rem 0 1.4rem;border:.1rem solid var(--sfs-bucket-modal-border);border-radius:.6rem;background:var(--sfs-bucket-modal-white);box-sizing:border-box;transition:border-color .18s ease,box-shadow .18s ease}.bucket-name-field:focus-within{border-color:var(--sfs-bucket-modal-leaf);box-shadow:0 0 0 .2rem #5d7d2d33}.bucket-name-field__icon{flex:none;display:flex;color:var(--sfs-bucket-modal-navy)}.bucket-name-field__label{flex:none;padding-right:.8rem;border-right:.1rem solid var(--sfs-bucket-modal-border);color:var(--sfs-bucket-modal-navy);font-family:"Avenir Next",var(--font-body-family);font-size:1.4rem;font-weight:700;white-space:nowrap}.bucket-name-field input,.bucket-name-field #bucket-name{flex:1 1 auto;min-width:0;width:auto;min-height:4.8rem;padding:1.2rem 0;border:0;border-radius:0;background:transparent;color:var(--sfs-bucket-modal-navy);font-family:"Avenir Next",var(--font-body-family);font-size:1.5rem;font-weight:500;line-height:1.3;box-sizing:border-box;outline:none;box-shadow:none;appearance:none;-webkit-appearance:none;-moz-appearance:none}.bucket-name-field input::placeholder{color:var(--sfs-bucket-modal-muted)}.bucket-name-field .char-counter{position:absolute;right:8rem;top:50%;transform:translateY(-50%);font-family:"Avenir Next",var(--font-body-family);font-size:1.2rem;font-weight:500;color:var(--sfs-bucket-modal-muted);font-variant-numeric:tabular-nums;pointer-events:none}.bucket-name-field.is-near-limit .char-counter{color:#9b5c1c}.bucket-name-field.is-at-limit .char-counter{color:#9b1c1c;font-weight:700}.bucket-name-field__save{position:absolute;top:50%;right:.5rem;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;min-height:3.8rem;padding:0 1.6rem;border:0;border-radius:.4rem;font-family:"Avenir Next",var(--font-body-family);font-size:1.2rem;font-weight:700;letter-spacing:.06em;line-height:1.2;text-transform:uppercase;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .15s ease}.bucket-name-field.is-engaged .bucket-name-field__save{opacity:1;pointer-events:auto}.bucket-name-field__close,.bucket-name-field__mobile-overlay,.bucket-name-field__mobile-trigger{display:none}@keyframes sfs-bucket-name-glow-pulse{0%,to{box-shadow:0 0 #5d7d2d00}50%{box-shadow:0 0 0 .6rem #5d7d2d59}}.bucket-name-field.is-glowing{border-radius:.6rem;border-color:var(--sfs-bucket-modal-leaf);animation:sfs-bucket-name-glow-pulse .6s ease-in-out 3}@media screen and (max-width:1023px){.bucket_with_name{align-items:baseline;gap:.4rem .8rem}.bucket-pouch-note{margin-top:.2rem;font-size:1.2rem;line-height:1.25}.bucket-name-field{padding:0;border:0;background:transparent}.bucket-name-field:focus-within{border-color:transparent;box-shadow:none}.bucket-name-field__mobile-trigger{display:flex;align-items:center;gap:.8rem;width:100%;min-height:4.8rem;padding:0 1.4rem;border:.1rem solid var(--sfs-bucket-modal-border);border-radius:.6rem;background:var(--sfs-bucket-modal-white);color:var(--sfs-bucket-modal-navy);font-family:"Avenir Next",var(--font-body-family);font-size:1.4rem;font-weight:500;text-align:left;cursor:pointer}.bucket-name-field__mobile-trigger .bucket-name-field__icon{color:var(--sfs-bucket-modal-navy)}.bucket-name-field:not(.is-mobile-modal)>.bucket-name-field__icon,.bucket-name-field:not(.is-mobile-modal)>.bucket-name-field__label,.bucket-name-field:not(.is-mobile-modal) input,.bucket-name-field:not(.is-mobile-modal) #bucket-name,.bucket-name-field:not(.is-mobile-modal) .char-counter,.bucket-name-field:not(.is-mobile-modal) .bucket-name-field__save{display:none}.bucket-name-field.is-mobile-modal .bucket-name-field__mobile-trigger{display:none}.bucket-name-field__mobile-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#001f3d80}.bucket-name-field__mobile-overlay.active{display:block}body.sfs-byob-modal-open{position:fixed;left:0;right:0;overflow:hidden}.bucket-name-field.is-mobile-modal{display:flex;position:fixed;top:6rem;left:1rem;right:1rem;bottom:auto;max-width:40rem;margin:0 auto;z-index:1001;flex-wrap:wrap;align-items:center;padding:1.6rem;border:.1rem solid var(--sfs-bucket-modal-border);border-radius:.8rem;background:var(--sfs-bucket-modal-white);box-shadow:0 .8rem 3rem #001f3d4d}.bucket-name-field.is-mobile-modal .bucket-name-field__icon{order:1}.bucket-name-field.is-mobile-modal .bucket-name-field__label{order:2;display:block;flex:1;padding-right:0;border-right:0}.bucket-name-field.is-mobile-modal .bucket-name-field__close{order:3;display:flex;flex:none;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;border:0;background:transparent;color:var(--sfs-bucket-modal-navy);cursor:pointer}.bucket-name-field.is-mobile-modal input,.bucket-name-field.is-mobile-modal #bucket-name{order:4;flex:1 1 100%;margin-top:1rem;padding:1rem 0;border-top:.1rem solid var(--sfs-bucket-modal-border);font-size:1.6rem}.bucket-name-field.is-mobile-modal .char-counter{order:5;position:static;transform:none;margin-left:auto}.bucket-name-field.is-mobile-modal .bucket-name-field__save{order:6;position:static;transform:none;width:100%;margin-top:.8rem;opacity:1;pointer-events:auto}}
/*# sourceMappingURL=/cdn/shop/t/52/assets/sfs-bucket-name-modal.css.map */