[data-db-purchase-options] .subscription-widget{--padding-y: 1.5rem;--padding-x: 1.1rem;--padding-indicator: 3.7rem;--indicator-size: 1.5rem}[data-db-purchase-options] .subscription-widget--show-indicators .subscription__content{padding-left:var(--padding-indicator);margin-left:calc(var(--padding-x) * -1)}[data-db-purchase-options] .subscription-widget--show-indicators .subscription__content:before{content:"";display:block;width:var(--indicator-size);height:var(--indicator-size);position:absolute;left:calc(var(--padding-indicator) / 2);top:50%;transform:translate(-50%,-50%);border-radius:50%;border:solid .2rem rgba(var(--accent-color),.3)}[data-db-purchase-options] .subscription-widget--show-indicators .subscription__box--selected .subscription__content:before{border:solid .2rem rgb(var(--color-background));background:rgb(var(--accent-color));box-shadow:0 0 0 .1rem rgb(var(--accent-color))}[data-db-purchase-options] .subscription__box{position:relative;padding:var(--padding-y) var(--padding-x);cursor:pointer;display:flex;flex-direction:column;justify-content:center;background:rgba(var(--accent-color),.02);border:solid var(--border-width) rgba(var(--accent-color),.3);--checkbox-color: rgba(var(--accent-color))}[data-db-purchase-options] .subscription__box--selected{background:rgba(var(--accent-color),.1);border:solid var(--border-width) rgb(var(--accent-color))}[data-db-purchase-options] .subscription__box em{color:var(--text-accent-color);font-style:normal}[data-db-purchase-options] .subscription__badge{font-size:1.1rem;line-height:1.8}[data-db-purchase-options] .subscription__box--badge-style-2 .subscription__badge,[data-db-purchase-options] .subscription__box--badge-style-3 .subscription__badge{right:1rem}[data-db-purchase-options] .subscription__box svg{width:var(--checkbox-size);height:var(--checkbox-size);color:var(--checkbox-color)}[data-db-purchase-options] .subscription-widget:not(.subscription-widget--sub-first) .subscription__box--badge-style-3{margin-top:1.2rem}[data-db-purchase-options] .subscription__content{display:flex;align-items:center;gap:.75rem;position:relative}[data-db-purchase-options] .subscription__content span{display:block;line-height:1.1}[data-db-purchase-options] .subscription__content__left{flex-grow:1}[data-db-purchase-options] .subscription__content__left span+span{margin-top:.4rem}[data-db-purchase-options] .subscription__content__right{row-gap:.2rem;column-gap:.5rem}[data-db-purchase-options] .subscription__compare-price{font-size:1.2rem;text-decoration:line-through}[data-db-purchase-options] .subscription__caption{font-size:1.3rem}[data-db-purchase-options] .subscription-widget--sub-first .subscription__box--subscription{order:-1}[data-db-purchase-options] .subscription__separator{height:1px;background:currentColor}[data-db-purchase-options] .subscription__separator{margin-top:.9rem}[data-db-purchase-options] .subscription__bottom{margin-top:.6rem}[data-db-purchase-options] .subscription__benefits p{display:flex;align-items:center;gap:.25em;margin:0;line-height:1.3}[data-db-purchase-options] .subscription__benefits p .material-icon,[data-db-purchase-options] .subscription__benefits p img{flex-shrink:0}[data-db-purchase-options] .subscription__frequency-label{font-size:1.3rem}[data-db-purchase-options] .subscription__frequency-radio{display:flex;align-items:center;gap:.4rem;font-size:1.3rem;line-height:1.3}[data-db-purchase-options] .subscription__frequency-radio input{margin:0;accent-color:rgb(var(--accent-color));transform:scale(.8)}[data-db-purchase-options] .subscription__frequency-radio+.subscription__frequency-radio{margin-top:.4rem}[data-db-purchase-options] .subscription__box--hide-frequency:not(.subscription__box--selected) .subscription__frequency{display:none}[data-db-purchase-options] .subscription-widget--style-vertical .subscription__content,[data-db-purchase-options] .subscription-widget--style-vertical .left{flex-direction:column;text-align:center;justify-content:center}@media screen and (max-width:749px){.subscription-widget--style-vertical .subscription__label{font-size:1.4rem}}dawn-purchase-options{display:block;--accent-color:var(--color-button);--color-base-accent-1:var(--color-button);--color-base-accent-2:var(--color-foreground);--color-base-outline-button:var(--color-button);--color-base-text:var(--color-foreground)}dawn-purchase-options [hidden]{display:none!important}dawn-purchase-options .subscription__content__right{display:flex;flex-shrink:0}dawn-purchase-options .subscription__box{min-width:0}dawn-purchase-options .subscription__badge{align-self:flex-start;padding:2px 8px;background:rgb(var(--accent-color));color:rgb(var(--color-background));border-radius:var(--badge-border-radius)}dawn-purchase-options .subscription__box--badge-style-2 .subscription__badge{position:absolute;top:0;transform:translateY(-50%)}dawn-purchase-options .subscription__box--badge-style-3 .subscription__badge{position:absolute;top:0;transform:translateY(-100%)}dawn-purchase-options .subscription__box:not(.subscription__box--selected) .checkmark-checked,dawn-purchase-options .subscription__box--selected .checkmark-unchecked{display:none}dawn-purchase-options .subscription__box:focus-visible{outline:2px solid currentColor;outline-offset:3px}dawn-purchase-options .fit-content{width:fit-content;max-width:100%}dawn-purchase-options select{max-width:100%}dawn-purchase-options .subscription__frequency-radio{cursor:pointer}dawn-purchase-options[data-tone=accent-2]{--accent-color:var(--color-foreground)}dawn-purchase-options[data-tone=text]{--accent-color:var(--color-foreground)}dawn-purchase-options[data-tone=outline-button] .subscription__box{background:transparent}dawn-purchase-options[data-badge-tone=accent-2] .subscription__badge,dawn-purchase-options[data-badge-tone=inverse] .subscription__badge{background:rgb(var(--color-foreground));color:rgb(var(--color-background))}dawn-purchase-options[data-badge-tone=background-1] .subscription__badge{background:rgb(var(--color-background));color:rgb(var(--color-foreground))}dawn-purchase-options[data-badge-tone=background-2] .subscription__badge{background:rgba(var(--color-foreground),.08);color:rgb(var(--color-foreground))}
/*# sourceMappingURL=/cdn/shop/t/5/assets/dawn-purchase-options.css.map */