.skio-plan-picker{display:flex;flex-direction:column;gap:10px;padding:0;border:0;margin-bottom:15px;color:var(--text-color)}.skio-subscription-wrapper{display:flex;flex-direction:column}.skio-subscription-header{display:none;background-color:var(--color-light-purple-2);border-top:2px solid var(--color-purple-2);border-left:2px solid var(--color-purple-2);border-right:2px solid var(--color-purple-2);padding:12px 16px;border-radius:var(--radius-m) var(--radius-m) 0 0;border-bottom:0;justify-content:center;align-items:center;gap:4px}.skio-subscription-title,.skio-discount-badge{font-family:var(--font-heading-family);font-size:var(--mobile-font-size-s-1);font-weight:var(--font-weight-black);color:var(--color-secondary-text);text-transform:uppercase;line-height:var(--line-height-s)}.skio-group-container{display:none}.skio-group-container--available{display:block;position:relative;border-radius:8px;border-width:2px;border-color:var(--skio-border-color, var(--button-background));border-style:solid;transition:var(--default-transition)}.skio-group-container--selected{background-color:var( --skio-background-color, var(--color-very-light-purple) )}.skio-group-input{position:absolute;width:0px;height:0px;opacity:0}.skio-group-input:focus-visible~.skio-group-label{outline:2px var(--color-beige) solid;outline-offset:4px;border-radius:5px}.skio-group-label{display:flex;flex-direction:column;cursor:pointer;padding:10px;overflow:hidden;font-family:var(--font-heading-family);font-size:var(--mobile-font-size-xl)}.skio-group-topline{display:flex;flex-wrap:wrap;align-items:center;width:100%;font-weight:var(--font-weight-medium)}.skio-radio__container{display:flex;margin-right:10px;color:var(--color-secondary-text)}.skio-radio{transition:transform .25s cubic-bezier(.4,0,.2,1);transform-origin:center;transform:scale(0);opacity:0}.skio-group-label:hover .skio-radio{transform:scale(.65);opacity:.75}.skio-group-input:checked~.skio-group-label .skio-radio{transform:scale(.65);opacity:1}.skio-price{margin-left:auto;display:flex;flex-direction:column;text-align:right}.skio-group-content{display:flex;align-items:flex-end;justify-content:flex-end;flex-direction:row-reverse;gap:16px;width:auto;transition:opacity .25s cubic-bezier(.4,0,.2,1);opacity:1;font-family:var(--font-body-family);font-size:var(--mobile-font-size-l);color:var(--text-color)}.skio-group-container:not(.skio-group-container--selected) .skio-group-content{display:flex;max-height:0;opacity:0;pointer-events:none}.skio-group-container--subscription .skio-group-content{max-height:500px;opacity:1;pointer-events:all;transition:opacity .25s,max-height 0s}.skio-group-title{min-width:max-content;font-size:var(--mobile-font-size-xl);flex:1}.skio-save{padding:8px;color:var(--text-color);font-family:sub-title-font;font-size:var(--mobile-font-size-l);line-height:var(--line-height-s-2);text-align:center;background:var(--color-light-orange);text-transform:uppercase;border-radius:8px}.skio-frequency{display:inline-flex;align-items:center;border-radius:var(--radius-full);gap:5px;padding:10px 18px;min-width:244px;border:1px solid var(--color-blue-2);font-size:var(--mobile-font-size-l);font-weight:var(--font-weight-medium);white-space:nowrap;font-family:var(--font-heading-family);text-overflow:ellipsis;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-6 w-6' fill='none' viewBox='0 0 24 24' stroke='currentColor' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7' /%3E%3C/svg%3E");background-position:right 10px top 50%;background-size:18px;background-repeat:no-repeat;background-color:transparent;appearance:none;-webkit-appearance:none;-moz-appearance:none}.skio-frequency.skio-frequency--one{background-image:none}.skio-frequency span{text-transform:lowercase}.skio-hidden{max-width:0px;max-height:0px;opacity:0;pointer-events:none}.skio-group-container--subscription .skio-radio__container{margin-top:2px}.skio-group-container--with-bite-price .skio-radio__container{align-self:center;margin-top:0}.skio-plan-picker.new-design{gap:8px}.skio-frequency-wrap{margin-bottom:0;border-top:none;margin-top:0;padding-top:0}.skio-plan-picker.new-design .skio-frequency-wrap{border:none;padding:0;background:var(--color-white);border-radius:var(--radius-full)}.skio-plan-picker.new-design .skio-group-container{border:2px solid var(--color-blue-4);border-radius:var(--radius-m)}.skio-group-container--available,.skio-group-container--selected{border-color:var(--skio-border-color, var(--color-blue))}.skio-plan-picker.new-design .skio-group-container:not(.skio-group-container--selected){border-color:var(--color-gray-5)}.skio-plan-picker.new-design .skio-group-container:not(.skio-group-container--subscription){border-bottom-left-radius:var(--radius-m);border-bottom-right-radius:var(--radius-m)}.skio-plan-picker.new-design .skio-group-container:not(.skio-group-container--subscription):not(.skio-group-container--selected){border-bottom-color:var(--color-gray-5)}.skio-plan-picker.new-design .colored-discount{background-color:var(--skio-price-box-color, var(--color-green-5));color:var(--color-secondary-text);font-size:var(--font-size-m-2);line-height:var(--line-height-m);font-weight:var(--font-weight-medium);padding:2px 6px;border-radius:var(--radius-xs)}.skio-plan-picker.new-design .skio-group-title{display:flex}.skio-plan-picker.new-design .skio-price{display:flex;flex-direction:column}.skio-plan-picker.new-design .skio-price .custom-skio-compare-at-price{font-size:var(--font-size-s);line-height:var(--line-height-m);font-weight:var(--font-weight-medium);color:var(--color-gray-4);text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:var(--color-gray-4)}.skio-plan-picker.new-design .skio-group-container:not(.skio-group-container--selected) .custom-skio-compare-at-price{display:none}.skio-plan-picker.new-design .skio-group-content{margin-left:0;max-height:500px;width:100%}.skio-plan-picker.new-design .skio-group-container:not(.skio-group-container--selected) .skio-group-content{display:none}.skio-plan-picker.new-design .skio-subscription-info{display:flex;flex-direction:column;justify-content:space-between;margin-top:0;flex:1 1 0;min-width:0}.skio-plan-picker.new-design .skio-subscription-info li{display:flex;flex-direction:row;align-items:center;gap:8px}.skio-plan-picker.new-design .skio-subscription-info--text{max-width:100%}.skio-subscription-info{margin:0;padding:0;list-style:none}.skio-subscription-info li{display:flex;align-items:flex-start;margin:0 0 4px;gap:4px}.skio-subscription-info li svg{margin-left:6px;margin-right:0;margin-top:2px;width:12px;height:12px;flex-shrink:0}.skio-checkmark{background-color:var(--skio-checkmark-circle-color, var(--color-black));border-radius:var(--radius-full)}.skio-checkmark path{fill:var(--color-white)}.skio-plan-picker.new-design .skio-group-container.skio-group-container--subscription{border:2px solid var(--color-gray-5);border-top-left-radius:var(--radius-m);border-top-right-radius:var(--radius-m)}.skio-plan-picker.new-design .skio-group-container.skio-group-container--selected{border-color:var(--skio-border-color, var(--color-purple-2));border-radius:var(--radius-m)}.skio-subscription-info--title-wrapper{display:flex;flex-direction:column}.skio-subscription-info--per-bite-text{font-size:var(--mobile-font-size-s-1);font-weight:var(--font-weight-normal)}.skio-subscription-info--text{display:block;min-width:0}@media screen and (max-width:749px){.skio-plan-picker.new-design .skio-price{flex-direction:column;gap:0}.skio-plan-picker.new-design .skio-price .custom-skio-compare-at-price{margin-top:0}.skio-plan-picker.new-design .skio-subscription-info--text{margin-left:4px;font-size:var(--mobile-font-size-m)}.skio-plan-picker.new-design .skio-group-label{padding:8px}.skio-plan-picker.new-design .skio-radio__container{width:18px;margin-right:8px}.skio-group-title{font-size:var(--font-size-s)}.skio-group-topline{font-size:var(--mobile-font-size-l)}.skio-frequency{min-width:100%}.skio-plan-picker.new-design .skio-group-content{flex-direction:column-reverse;align-items:stretch}.skio-plan-picker.new-design .colored-discount{font-size:var(--mobile-font-size-l)}.skio-plan-picker.new-design .skio-price .custom-skio-compare-at-price{font-size:var(--mobile-font-size-m)}}
/*# sourceMappingURL=/cdn/shop/t/307/assets/skio-plan-picker.css.map */