.coffee-subscription-widget{display:block;margin-bottom:1.25rem;--coffee-subscription-active-bg: #3a3835;--coffee-subscription-active-fg: #f5f1ea}.coffee-subscription-widget__ui:empty{display:none}.coffee-subscription-widget.is-enhanced .coffee-subscription-widget__native{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}.coffee-subscription-ui{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.coffee-subscription-cta{display:inline-flex;align-items:center;height:2.75rem;padding:0 1.25rem;border:1.5px solid var(--color-text-main);border-radius:var(--border-radius-buttons);background:transparent;color:var(--color-text-main);font-size:calc(12px / 16 * var(--base-body-size) + 0px);font-weight:var(--font-weight-body-bold);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;white-space:nowrap;transition:background .18s ease,color .18s ease,border-color .18s ease}.coffee-subscription-widget .coffee-subscription-cta.is-active{background:var(--coffee-subscription-active-bg);color:var(--coffee-subscription-active-fg)!important;border-color:var(--coffee-subscription-active-bg)}.no-touchevents .coffee-subscription-cta:not(.is-active):hover{background:var(--color-secondary-background-main)}.coffee-subscription-cta:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-secondary-background-main)}.coffee-subscription-freq-inline{display:none;align-items:center;gap:.375rem;flex:1;min-width:0}.coffee-subscription-ui.is-subscription-active .coffee-subscription-freq-inline{display:flex}.coffee-subscription-freq-select{flex:1;min-width:0;height:2.75rem;padding-inline-start:.875rem;padding-inline-end:2.25rem;border:1.5px solid var(--color-borders-main);border-radius:var(--border-radius-buttons);background-color:var(--color-background-main);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7' fill='none'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23333' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:calc(100% - .75rem) center;background-size:.6875rem .4rem;color:var(--color-text-main);font-size:calc(12px / 16 * var(--base-body-size) + 0px);font-weight:var(--font-weight-body-bold);letter-spacing:.04em;text-transform:uppercase;appearance:none;-webkit-appearance:none;cursor:pointer}.coffee-subscription-freq-select option{color:var(--color-text-main);background:var(--color-background-main);text-transform:none;letter-spacing:normal;font-weight:400}.coffee-subscription-freq-select:focus-visible{outline:none;border-color:var(--color-text-main)}.coffee-subscription-dismiss{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:2rem;height:2rem;padding:0;border:none;background:none;color:var(--color-secondary-text-main);font-size:1.125rem;line-height:1;cursor:pointer;transition:color .18s ease}.no-touchevents .coffee-subscription-dismiss:hover{color:var(--color-text-main)}.coffee-subscription-benefits{display:flex;flex-wrap:wrap;column-gap:1.25rem;row-gap:.25rem;max-height:0;overflow:hidden;opacity:0;padding-top:0;transform:translateY(6px);transition:max-height .56s cubic-bezier(.25,.8,.25,1),opacity .48s cubic-bezier(.25,.8,.25,1),padding-top .56s cubic-bezier(.25,.8,.25,1),transform .48s cubic-bezier(.25,.8,.25,1)}.coffee-subscription-ui.is-subscription-active~.coffee-subscription-benefits{max-height:8rem;opacity:1;padding-top:.625rem;transform:translateY(0)}.coffee-subscription-benefit{display:flex;align-items:center;gap:.3rem;font-size:calc(12px / 16 * var(--base-body-size) + 0px);color:var(--color-text-main);font-weight:var(--font-weight-body-bold);line-height:1.3}.coffee-subscription-benefit__check{flex-shrink:0}.coffee-subscription-benefits--icon-bullet .coffee-subscription-benefit__check{font-size:.55em;line-height:1;opacity:.75;margin-bottom:-.05em}@media screen and (max-width:767px){.coffee-subscription-widget{margin-bottom:1rem}.coffee-subscription-cta{font-size:calc(11px / 16 * var(--base-body-size) + 0px);padding:0 1rem}.coffee-subscription-freq-select,.coffee-subscription-benefit{font-size:calc(11px / 16 * var(--base-body-size) + 0px)}}@media(prefers-reduced-motion:reduce){.coffee-subscription-cta,.coffee-subscription-dismiss,.coffee-subscription-benefits{transition:none;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/coffee-subscription-ui.css.map */