.loop-hidden,.loop-display-none,.loop-display-none-by-variant{display:none!important}.loop-full-width{width:100%}.loop-subscription{display:block;padding-block-start:var(--jh-space-md)}.loop-purchase-options-skeleton{display:grid;gap:var(--jh-space-md)}.loop-purchase-options-skeleton:before,.loop-purchase-options-skeleton:after{content:"";border-radius:var(--jh-radius-card);background:linear-gradient(90deg,rgb(var(--jh-color-surface)),rgb(var(--jh-color-background)),rgb(var(--jh-color-surface)) 80%);background-size:200% 100%;animation:loop-subscription-shimmer 1.1s ease-in-out infinite}.loop-purchase-options-skeleton:before{block-size:calc(var(--jh-size-control-xl) * 3.75)}.loop-purchase-options-skeleton:after{block-size:calc(var(--jh-size-control-xl) * 1.25)}.loop-subscription:has(.loop-subscription-container:not(.loop-display-none)) .loop-purchase-options-skeleton{display:none}@keyframes loop-subscription-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.loop-purchase-options-skeleton:before,.loop-purchase-options-skeleton:after{animation:none}}.loop-subscription-container{display:flex;flex-direction:column;gap:var(--jh-space-md)}.loop-purchase-options-label{font-family:var(--jh-type-label-lg-family);font-weight:var(--jh-type-label-lg-weight);font-size:var(--jh-type-label-lg-size);line-height:var(--jh-type-label-lg-leading);letter-spacing:var(--jh-type-label-lg-tracking)}.loop-selling-plan-fieldset{display:flex;flex-direction:column;gap:var(--jh-space-md);min-width:0;margin:0;padding:0;border:0}.loop-product-variant,.loop-selling-plan-allocation{min-width:0}.loop-purchase-option{display:flex;flex-direction:column;align-items:flex-end;cursor:pointer}.loop-subscription :is(.loop-subscription-group,.loop-one-time-purchase-option){margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important}.loop-purchase-option__card{position:relative;z-index:1;align-self:stretch;overflow:hidden;border:var(--jh-border-sm) solid rgb(var(--jh-color-border));border-radius:var(--jh-radius-card)}.loop-purchase-option:has(.loop-purchase-option__radio:checked) .loop-purchase-option__card{border-color:rgb(var(--jh-accent))}.loop-purchase-option:has(.loop-purchase-option__radio:checked) .loop-purchase-option__card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:inherit;box-shadow:inset 0 0 0 calc(var(--jh-border-lg) - var(--jh-border-sm)) rgb(var(--jh-accent));pointer-events:none}.loop-purchase-option__row{display:flex;align-items:flex-start;gap:var(--jh-space-xs);padding:var(--jh-space-md)}.loop-purchase-option__details{display:flex;flex:1;flex-direction:column;gap:var(--jh-space-2xs);min-width:0}.loop-purchase-option__title{margin:0;cursor:pointer;color:rgb(var(--jh-color-text));font-family:var(--jh-type-heading-h5-family);font-weight:var(--jh-type-heading-h5-weight);font-size:var(--jh-type-heading-h5-size);line-height:var(--jh-type-heading-h5-leading);letter-spacing:var(--jh-type-heading-h5-tracking)}.loop-purchase-option__radio{flex:none;-webkit-appearance:none;appearance:none;width:calc(var(--jh-size-toggle) + var(--jh-border-sm) * 2);height:calc(var(--jh-size-toggle) + var(--jh-border-sm) * 2);margin:0;border:var(--jh-border-md) solid rgb(var(--jh-color-border-strong));border-radius:var(--jh-radius-full);background:rgb(var(--jh-color-background));cursor:pointer}.loop-purchase-option__radio:checked{border-color:rgb(var(--jh-color-text));background:radial-gradient(circle,rgb(var(--jh-color-text)) 45%,transparent 50%) rgb(var(--jh-color-background))}.loop-purchase-option__radio:focus-visible{outline:var(--jh-border-md) solid rgb(var(--jh-color-border-focus));outline-offset:var(--jh-border-md)}.loop-purchase-option__prices{display:flex;flex:none;flex-direction:column;align-items:flex-end;gap:var(--jh-space-2xs);text-align:end;white-space:nowrap}.loop-purchase-option__price{color:rgb(var(--jh-color-text));font-family:var(--jh-type-price-md-family);font-weight:var(--jh-type-price-md-weight);font-size:var(--jh-type-price-md-size);line-height:var(--jh-type-price-md-leading);letter-spacing:var(--jh-type-price-md-tracking)}.loop-purchase-option__compare-price{color:rgb(var(--jh-color-text-muted));text-decoration:line-through;font-family:var(--jh-type-caption-md-family);font-weight:var(--jh-type-caption-md-weight);font-size:var(--jh-type-caption-md-size);line-height:var(--jh-type-caption-md-leading);letter-spacing:var(--jh-type-caption-md-tracking)}.loop-purchase-option__compare-price--plain{text-decoration:none}.loop-subscription-banner{position:relative;z-index:2;margin-block-end:calc((var(--jh-space-xs) + var(--jh-border-md)) * -1);padding:var(--jh-space-2xs) var(--jh-space-xs);border-radius:var(--jh-radius-input) var(--jh-radius-input) 0 var(--jh-radius-input);background:rgb(var(--jh-color-border));color:rgb(var(--jh-color-text));white-space:nowrap;font-family:var(--jh-type-body-sm-family);font-weight:var(--jh-type-body-sm-weight);font-size:var(--jh-type-body-sm-size);line-height:var(--jh-type-body-sm-leading);letter-spacing:var(--jh-type-body-sm-tracking)}.loop-purchase-option:has(.loop-purchase-option__radio:checked) .loop-subscription-banner{background:rgb(var(--jh-accent));color:rgb(var(--jh-on-accent))}.loop-purchase-option--flagged .loop-purchase-option__card{border-start-end-radius:0}.loop-subscription-benefits{gap:var(--jh-space-3xs);color:rgb(var(--jh-color-text-muted));font-family:var(--jh-type-body-sm-family);font-weight:var(--jh-type-body-sm-weight);font-size:var(--jh-type-body-sm-size);line-height:var(--jh-type-body-sm-leading);letter-spacing:var(--jh-type-body-sm-tracking)}.loop-subscription-benefits .icon-list__item{gap:var(--jh-space-2xs)}.loop-subscription-benefits .icon-list__icon--active{color:rgb(var(--jh-color-success))}.loop-subscription-benefits .icon-list__icon--inactive{color:rgb(var(--jh-color-danger))}.loop-purchase-option:not(:has(.loop-purchase-option__radio:checked)) .loop-subscription-benefits .icon-list__icon--active{display:none}.loop-purchase-option:not(:has(.loop-purchase-option__radio:checked)) .loop-subscription-benefits .icon-list__icon--inactive{display:block}.loop-subscription-frequency{display:flex;flex-wrap:wrap;gap:var(--jh-space-2xs)}.loop-subscription-frequency .jh-field{flex:1}.loop-selling-plan-selector{width:100%;color:rgb(var(--jh-color-text-muted))}.loop-selling-plan-selector-description:empty{display:none}.loop-selling-plan-selector-description{flex-basis:100%;color:rgb(var(--jh-color-text-muted));font-family:var(--jh-type-caption-md-family);font-weight:var(--jh-type-caption-md-weight);font-size:var(--jh-type-caption-md-size);line-height:var(--jh-type-caption-md-leading);letter-spacing:var(--jh-type-caption-md-tracking)}.loop-purchase-option__gift{display:none;background:rgb(var(--jh-accent));color:rgb(var(--jh-on-accent))}.loop-purchase-option:has(.loop-purchase-option__radio:checked) .loop-purchase-option__gift:has(.free-gift-static-card){display:block}.free-gift-static-card{display:flex;align-items:center;gap:var(--jh-space-sm);padding:var(--jh-space-sm) var(--jh-space-md)}.free-gift-static-card__thumbnail{flex:none;width:var(--jh-size-control-md);height:var(--jh-size-control-md);overflow:hidden;border-radius:var(--jh-radius-xs);background:rgb(var(--jh-color-background))}.free-gift-static-card__image{width:100%;height:100%;object-fit:contain}.free-gift-static-card__text{display:flex;flex-direction:column;gap:var(--jh-space-3xs);min-width:0}.free-gift-static-card__title,.free-gift-static-card__description{margin:0}.free-gift-static-card__title{font-family:var(--jh-type-label-lg-family);font-weight:var(--jh-type-label-lg-weight);font-size:var(--jh-type-label-lg-size);line-height:var(--jh-type-label-lg-leading);letter-spacing:var(--jh-type-label-lg-tracking)}.free-gift-static-card__description{font-family:var(--jh-type-caption-md-family);font-weight:var(--jh-type-caption-md-weight);font-size:var(--jh-type-caption-md-size);line-height:var(--jh-type-caption-md-leading);letter-spacing:var(--jh-type-caption-md-tracking)}.loop-purchase-option:not(:has(.loop-purchase-option__radio:checked)) :is(.loop-subscription-frequency,.loop-otp-disadvantages,.loop-otp-free-shipping-banner){display:none}.loop-otp-disadvantages{display:flex;flex-wrap:wrap;gap:var(--jh-space-3xs) var(--jh-space-md);color:rgb(var(--jh-color-text-muted));font-family:var(--jh-type-body-sm-family);font-weight:var(--jh-type-body-sm-weight);font-size:var(--jh-type-body-sm-size);line-height:var(--jh-type-body-sm-leading);letter-spacing:var(--jh-type-body-sm-tracking)}.loop-otp-disadvantages .icon-list__icon{color:rgb(var(--jh-color-danger))}.loop-otp-free-shipping-banner{width:fit-content;margin:0;padding:var(--jh-space-2xs) var(--jh-space-xs);border-radius:var(--jh-radius-xs);background:rgb(var(--jh-accent));color:rgb(var(--jh-on-accent));font-family:var(--jh-type-body-sm-family);font-weight:var(--jh-type-body-sm-weight);font-size:var(--jh-type-body-sm-size);line-height:var(--jh-type-body-sm-leading);letter-spacing:var(--jh-type-body-sm-tracking)}.loop-tooltip{position:relative;display:flex;align-items:center;gap:var(--jh-space-xs);width:fit-content;font-family:var(--jh-type-body-sm-family);font-weight:var(--jh-type-body-sm-weight);font-size:var(--jh-type-body-sm-size);line-height:var(--jh-type-body-sm-leading);letter-spacing:var(--jh-type-body-sm-tracking)}.loop-tooltip-image,.loop-tooltip-label{display:flex;align-items:center;cursor:pointer}.loop-tooltiptext{position:absolute;inset-block-start:calc(100% + var(--jh-space-xs));inset-inline-start:0;z-index:10;inline-size:max(100%,18.75rem);padding:var(--jh-space-md);border-radius:var(--jh-radius-sm);background:rgb(var(--jh-color-inverse));color:rgb(var(--jh-color-text-inverse));visibility:hidden}.loop-tooltip:hover .loop-tooltiptext{visibility:visible}.loop-tooltip-description{margin:0}.loop-container-arrow{position:absolute;inset-block-start:0;inset-inline-start:var(--jh-space-xl);width:var(--jh-space-md);height:var(--jh-space-md);background:rgb(var(--jh-color-inverse));translate:0 -50%;rotate:45deg}
/*# sourceMappingURL=/cdn/shop/t/140/assets/loop-subscription.css.map */