.subflow-section{padding-top:22px}.subsc_logo{width:100%;margin:0 auto;max-width:133px;display:inline-block}.subsc_logo img{width:100%;height:100%}.flow-progressbar{padding:0;width:auto;list-style:none;align-items:center;display:inline-flex;margin:0 -5px 20px 0;align-self:self-start;justify-content:space-between}.flow-progressbar li{position:relative;margin-right:64px}.flow-progressbar li:last-child{margin-right:0}.flow-progressbar li:not(:last-child):before{position:absolute;display:block;content:"";top:50%;left:165%;width:15px;height:1px;transform:translateY(-50%);background-color:var(--bs-color-primary-600)}.flow-progressbar li.disabled:not(:last-child):before,.flow-progressbar li.active:not(:last-child):before{background-color:var(--bs-color-primary-700)}.flow-progressbar li .progressbar-bg{margin:0;z-index:0;float:none;width:34px;height:34px;display:flex;cursor:pointer;border-radius:4px;position:relative;align-items:center;justify-content:center;box-shadow:0 0 0 1px var(--bs-color-primary-500);transition:all .3s ease-in-out}.flow-progressbar li:not(.active,.disabled) .progressbar-bg:hover{background-color:var(--bs-color-primary)}.flow-progressbar li:not(:last-child) .progressbar-bg{transform:rotate(45deg)}.flow-progressbar li .progressbar-bg span{line-height:1;font-weight:700;color:var(--bs-color-cosmic)}.flow-progressbar li:not(:last-child) .progressbar-bg span{transform:rotate(-45deg)}.flow-progressbar li.active~li .progressbar-bg{background-color:#ffffff1a;box-shadow:0 0 0 1px transparent}.flow-progressbar li.active~li .progressbar-bg span{color:#ffffff40}.flow-progressbar li:last-child .progressbar-bg{width:38px;height:43px;align-items:center;clip-path:polygon(0% 9.524%,0% 9.524%,.138% 7.979%,.537% 6.514%,1.175% 5.147%,2.031% 3.899%,3.083% 2.789%,4.31% 1.838%,5.689% 1.063%,7.199% .486%,8.819% .125%,10.526% 0%,89.474% 0%,89.474% 0%,91.181% .125%,92.801% .486%,94.311% 1.063%,95.69% 1.838%,96.917% 2.789%,97.969% 3.899%,98.825% 5.147%,99.463% 6.514%,99.862% 7.979%,100% 9.524%,100% 60.554%,100% 60.554%,99.958% 61.401%,99.835% 62.236%,99.632% 63.052%,99.351% 63.846%,98.996% 64.614%,98.568% 65.351%,98.069% 66.052%,97.502% 66.713%,96.87% 67.33%,96.174% 67.899%,56.701% 97.377%,56.701% 97.377%,55.485% 98.161%,54.186% 98.772%,52.826% 99.207%,51.423% 99.469%,50% 99.556%,48.577% 99.469%,47.174% 99.207%,45.814% 98.772%,44.515% 98.161%,43.299% 97.377%,3.826% 67.899%,3.826% 67.899%,3.13% 67.33%,2.498% 66.713%,1.931% 66.052%,1.432% 65.351%,1.004% 64.614%,.649% 63.846%,.368% 63.052%,.165% 62.236%,.042% 61.401%,0% 60.554%,0% 9.524%)}.flow-progressbar li.active>span{color:var(--bs-color-smoke);background-color:var(--bs-color-secondary);box-shadow:0 0 0 1px var(--bs-color-secondary)}.subscription-flow-block{display:flex;overflow:hidden;border-radius:20px;flex-direction:column;background:var(--bs-color-smoke)}.step-card{flex:1;display:flex;flex-direction:column}.subscription-flow-block .sub-flow-selection{padding:20px}.subscription-flow-block .sub-flow-pricing{display:flex;padding:25px 20px;flex-direction:column;background:var(--bs-color-primary-100)}.subscription-flow-block .sub-flow-pricing .flow-price-block{line-height:1.4;margin-bottom:7px}.step-card h2{font-size:29px}.sub-flow-pricing h3{font-size:28px}@media (min-width: 768px){.subflow-section{padding-top:40px}.subsc_logo{max-width:157px}.flow-progressbar li{margin-right:113px}.flow-progressbar{margin:-5px -5px 35px 0}.flow-progressbar li:not(:last-child):before{left:218%;width:35px}.step-card h2{font-size:35px}.sub-flow-pricing h3{font-size:30px}}@media (min-width: 992px){.subscription-flow-block{flex-direction:row}.subscription-flow-block .sub-flow-selection{flex:0 0 69%;max-width:69%;padding:35px;display:flex;min-height:535px;flex-direction:column}.subscription-flow-block .sub-flow-pricing{flex:0 0 31%;max-width:31%;padding:35px}.subscription-flow-block .sub-flow-pricing .flow-price-block{line-height:1.45;margin-bottom:6px}}.product-options .flow-youth-options{gap:10px}.product-options .flow-youth-options .swatch label{min-width:44px;cursor:pointer;font-size:16px;line-height:1.3;font-weight:600;padding:10px 8px;text-align:center;position:relative;border-radius:12px;letter-spacing:normal;color:var(--bs-color-russian);transition:all .3s ease-in-out;background-color:var(--bs-color-smoke);border:1px solid var(--bs-color-grey-400)}.product-options .flow-youth-options .swatch input:checked+label,.product-options .flow-youth-options .swatch input:checked+.form-label:hover{color:var(--bs-color-russian)!important;border-color:var(--bs-color-russian)!important;background:var(--bs-color-primary-100)!important}.product-options .flow-youth-options .swatch .form-label:hover{background-color:var(--bs-color-white);border-color:var(--bs-color-primary-600)}.product-options .addon-wrapper .tooltip-icon .tooltiptext{display:none;font-size:15px;line-height:1.3;font-weight:400;padding:9px 10px;border-radius:8px;position:relative;background:var(--bs-color-primary-200);transition:all .3s ease-in-out}.product-options .addon-wrapper .tooltip-icon .tooltiptext.open{display:block}.product-options .addon-wrapper .tooltip-icon .tooltiptext svg{position:absolute;top:8px;right:8px;width:15px;height:15px;cursor:pointer}.product-options:not(:last-child){margin-bottom:15px}.product-options .addon-wrapper .addon-select__wrap{flex:1}.chat-with-us p{margin-bottom:0}.subscription-flow-block .sub-flow-pricing hr{margin:16px 0;border:none;background:transparent;border-top:1px solid var(--bs-color-primary-200)}.flow-price-subtotal{font-size:18px}.shipping-text:has(span:not(:empty)){margin-top:10px}@media (min-width: 768px){.product-options .flow-youth-options .swatch label{font-size:17px}.product-options:not(:last-child){margin-bottom:20px}.flow-price-subtotal{font-size:20px}.shipping-text:has(span:not(:empty)){margin-top:7px}.subscription-flow-block .sub-flow-pricing hr{margin:16px 0}}@media (min-width: 992px){.addon-wrapper .addon-select-name{width:28%}.product-options .addon-wrapper .tooltip-icon svg{cursor:pointer}.product-options .addon-wrapper .tooltip-icon .tooltiptext{opacity:0;position:absolute;z-index:5;top:28px;left:20px;width:215px;visibility:hidden;display:inline-block}.product-options .addon-wrapper .tooltip-icon:has(svg:hover) .tooltiptext{opacity:1;visibility:visible}}@media (max-width: 767px){.addon-select__wrap .shirt-sizes div>p{width:36px;min-width:36px}.product-options .addon-wrapper .addon-select__wrap .form-select{font-size:16px;padding:10px 15px;background-size:13px 10px}.step-card [data-next-flow-btn]>button{width:100%}.step-card [data-next-flow-btn]>button span{display:block}}.shippingfrequency-block-wrapper{gap:10px;display:flex;flex-direction:column}.shippingfrequency-block-wrapper .shippingfrequency-block-inner{flex:1}.shippingfrequency-block{position:relative;height:100%}.shippingfrequency-block input{display:none}.shippingfrequency-block label .popular-badge{width:100%;font-size:11px;line-height:1.3;font-weight:600;padding:4px 2px;text-align:center;text-transform:uppercase;color:var(--bs-color-white);background:var(--bs-color-secondary)}.shippingfrequency-block label{height:100%;display:flex;cursor:pointer;overflow:hidden;border-radius:12px;flex-direction:column;justify-content:space-between;transition:all .3s ease-in-out;background-color:var(--bs-color-smoke);box-shadow:0 0 0 1px var(--bs-color-grey-300)}.shippingfrequency-block label:hover{background:var(--bs-color-white);box-shadow:0 0 0 1px var(--bs-color-primary-600)}.shippingfrequency-block input[type=radio]:checked~label{background-color:var(--bs-color-primary-100);box-shadow:0 0 0 1px var(--bs-color-russian)}.shippingfrequency-block label .popular-badge+.shippingfrequency-block-data{padding:5px 15px 12px}.shippingfrequency-block label .shippingfrequency-block-data{padding:14px 15px}.shippingfrequency-block label .shippingfrequency-block-data .frequency-content{font-size:16px}.shippingfrequency-block input[type=radio]:checked~label .shippingfrequency-block-data{background-size:17px auto;background-repeat:no-repeat;background-position:top 10px right 10px;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOSIgY3k9IjkiIHI9IjkiIGZpbGw9IiMyMDFCNEYiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjYzNzU5IDEzLjk5ODRDOS44ODc3MSAxNC4xMTU0IDEyLjU0NTIgNy44MzU4OCAxMy40NTY5IDUuNzg4MjJDMTMuNzYwOSA1LjQ3NjYgMTMuOTUyMSA1LjA3MTQ1IDE0IDQuNjM3NjJDMTMuOTgzMSA0LjQ5MjUxIDEzLjkyMjggNC4zNTU5NyAxMy44MjcgNC4yNDYwN0MxMy43MzEyIDQuMTM2MTggMTMuNjA0NSA0LjA1ODEgMTMuNDYzNyA0LjAyMjE2QzEzLjMyMjggMy45ODYyMyAxMy4xNzQ0IDMuOTk0MTMgMTMuMDM4MSA0LjA0NDgzQzEyLjkwMTggNC4wOTU1MyAxMi43ODQgNC4xODY2NCAxMi43MDA0IDQuMzA2MUMxMi4yMzQ4IDQuODUyMTQgNy4zNDY2MyAxMS45ODk3IDcuNDgyNDEgMTIuMTA2N0M3LjA5NDQ2IDEyLjEwNjcgNS4xMTU5MSA5LjgwNTU0IDQuODI0OTQgOS42MTA1M0M0LjUzMzk4IDkuNDE1NTEgMy42ODA0OCA5Ljk2MTU2IDQuMTI2NjMgMTAuNjI0NkM0Ljk2MDcyIDExLjgzMzcgNi4zMTg1NiAxMy45MjA0IDcuNjM3NTkgMTMuOTk4NFoiIGZpbGw9IiNGRkY4RTYiLz4KPC9zdmc+Cg==)}@media (min-width: 768px){.shippingfrequency-block-wrapper{gap:15px;flex-direction:row}.shippingfrequency-block label .shippingfrequency-block-data{padding:20px 15px}.shippingfrequency-block label .shippingfrequency-block-data .frequency-content{font-size:15px}}.platecrate-info{display:flex;font-weight:500;align-items:center;border-radius:12px;padding:10px 90px 10px 15px;background-color:var(--bs-color-primary-100)}.platecrate-info img{position:absolute;max-width:89px;height:100%;width:100%;bottom:0;right:0;top:0}.platecrate-info p{margin-bottom:0;color:var(--bs-color-russian)}.payfrequency-block-wrapper{gap:10px;display:flex;flex-direction:column}.payfrequency-block-wrapper .payfrequency-block-inner{flex:1}.payfrequency-block input{display:none}.payfrequency-block label{display:flex;height:100%;cursor:pointer;overflow:hidden;border-radius:12px;flex-direction:column;transition:all .3s ease-in-out;box-shadow:0 0 0 1px var(--bs-color-grey-300)}.payfrequency-block label:hover{background:var(--bs-color-white);box-shadow:0 0 0 1px var(--bs-color-primary-600)}.payfrequency-block input[type=radio]:checked~label{background-color:var(--bs-color-primary-100);box-shadow:0 0 0 1px var(--bs-color-russian)}.payfrequency-block label .pop-badge+.payfrequency-block-data{padding:6px 15px 13px}.payfrequency-block label .payfrequency-block-data{width:100%;padding:15px;margin-block:auto}.payfrequency-block input[type=radio]:checked~label .payfrequency-block-data{background-size:17px auto;background-repeat:no-repeat;background-position:top 10px right 10px;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOSIgY3k9IjkiIHI9IjkiIGZpbGw9IiMyMDFCNEYiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjYzNzU5IDEzLjk5ODRDOS44ODc3MSAxNC4xMTU0IDEyLjU0NTIgNy44MzU4OCAxMy40NTY5IDUuNzg4MjJDMTMuNzYwOSA1LjQ3NjYgMTMuOTUyMSA1LjA3MTQ1IDE0IDQuNjM3NjJDMTMuOTgzMSA0LjQ5MjUxIDEzLjkyMjggNC4zNTU5NyAxMy44MjcgNC4yNDYwN0MxMy43MzEyIDQuMTM2MTggMTMuNjA0NSA0LjA1ODEgMTMuNDYzNyA0LjAyMjE2QzEzLjMyMjggMy45ODYyMyAxMy4xNzQ0IDMuOTk0MTMgMTMuMDM4MSA0LjA0NDgzQzEyLjkwMTggNC4wOTU1MyAxMi43ODQgNC4xODY2NCAxMi43MDA0IDQuMzA2MUMxMi4yMzQ4IDQuODUyMTQgNy4zNDY2MyAxMS45ODk3IDcuNDgyNDEgMTIuMTA2N0M3LjA5NDQ2IDEyLjEwNjcgNS4xMTU5MSA5LjgwNTU0IDQuODI0OTQgOS42MTA1M0M0LjUzMzk4IDkuNDE1NTEgMy42ODA0OCA5Ljk2MTU2IDQuMTI2NjMgMTAuNjI0NkM0Ljk2MDcyIDExLjgzMzcgNi4zMTg1NiAxMy45MjA0IDcuNjM3NTkgMTMuOTk4NFoiIGZpbGw9IiNGRkY4RTYiLz4KPC9zdmc+Cg==)}.payfrequency-block label .pop-badge{width:100%;font-size:11px;font-weight:600;line-height:1.3;padding:4px 10px;text-align:center;text-transform:uppercase;color:var(--bs-color-white);transition:all .5s ease-in-out}.payfrequency-block label .pop-badge.most-popular{background:var(--bs-color-secondary)}.payfrequency-block label .pop-badge.best-value{background:var(--bs-color-russian)}.payfrequency-block-data .saving-badge{display:inline-block;font-size:11px;font-weight:600;line-height:1.3;padding:3px 8px;border-radius:100px;vertical-align:middle;text-transform:uppercase;color:var(--bs-color-white);background-color:var(--bs-color-dark-green)}.payfrequency-block-data .saving-badge.nosaving{display:none}.payfrequency-block-data .prepay-price-block .prepay-price{margin:4px 0;font-size:18px;font-weight:700;line-height:1.35;display:inline-block;text-transform:capitalize;color:var(--bs-color-secondary)}.payfrequency-block input[type=radio]:checked~label .payfrequency-block-data .prepay-price-block .prepay-price{color:var(--bs-color-secondary-600)}.payfrequency-block-data .shipping-charge-text,.payfrequency-block-data .prepay-price-block .prepay-subtotal{font-size:16px;font-weight:400;line-height:1.45;color:var(--bs-color-russian)}.free-gift-block{gap:15px;padding:15px;display:flex;margin-top:15px;align-items:center;border-radius:12px}.free-gift-block .fg-image{width:100%;height:65px;max-width:65px;overflow:hidden;border-radius:10px}.free-gift-block .fg-image img{width:100%;height:100%;object-fit:contain}.free-gift-block .fg-content{font-size:16px;font-weight:500}@media (min-width: 768px){.platecrate-info{padding:15px 15px 15px 90px}.platecrate-info img{max-width:73px;right:auto;left:3px}.payfrequency-block-wrapper{gap:15px;position:relative;flex-direction:row;padding-bottom:calc(var(--bs-freegift) + 15px)}.payfrequency-block-wrapper .free-gift-block{position:absolute;bottom:0;right:0;left:0}.payfrequency-block-data .prepay-price-block .prepay-price{font-size:20px;margin-bottom:0;line-height:1.45}.payfrequency-block label .pop-badge+.payfrequency-block-data{padding:9px 15px 12px}}@media (max-width: 767px){.payfrequency-block label .payfrequency-block-data{display:flex;align-items:center;padding:17px 15px 11px}.payfrequency-block-data .prepay-price-block{position:relative}.payfrequency-block label .payfrequency-block-data>div.mb-lg-1{min-width:100px;margin-right:25px;border-right:1px solid var(--bs-color-grey-300)}.pop-badge+.payfrequency-block-data .prepay-price-block:before{height:calc(100% + 11px)}}.firstcrate-block-wrapper{gap:10px;display:flex;flex-direction:column}.firstcrate-block-wrapper .firstcrate-block-inner{flex:1}.firstcrate-block input{display:none}.firstcrate-block label:hover{border-color:var(--bs-color-yinmn-blue)}.firstcrate-block label img{width:100%;height:100%;object-fit:contain;transition:all .3s ease-in-out}.firstcrate-block:hover img{scale:1.05}.firstcrate-block:hover p{color:var(--bs-color-yinmn-blue)!important}.firstcrate-block input[type=radio]:checked~label:after{position:absolute;display:block;content:"";width:18px;height:18px;top:15px;right:15px;background-size:contain;background-repeat:no-repeat;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOSIgY3k9IjkiIHI9IjkiIGZpbGw9IiMyMDFCNEYiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjYzNzU5IDEzLjk5ODRDOS44ODc3MSAxNC4xMTU0IDEyLjU0NTIgNy44MzU4OCAxMy40NTY5IDUuNzg4MjJDMTMuNzYwOSA1LjQ3NjYgMTMuOTUyMSA1LjA3MTQ1IDE0IDQuNjM3NjJDMTMuOTgzMSA0LjQ5MjUxIDEzLjkyMjggNC4zNTU5NyAxMy44MjcgNC4yNDYwN0MxMy43MzEyIDQuMTM2MTggMTMuNjA0NSA0LjA1ODEgMTMuNDYzNyA0LjAyMjE2QzEzLjMyMjggMy45ODYyMyAxMy4xNzQ0IDMuOTk0MTMgMTMuMDM4MSA0LjA0NDgzQzEyLjkwMTggNC4wOTU1MyAxMi43ODQgNC4xODY2NCAxMi43MDA0IDQuMzA2MUMxMi4yMzQ4IDQuODUyMTQgNy4zNDY2MyAxMS45ODk3IDcuNDgyNDEgMTIuMTA2N0M3LjA5NDQ2IDEyLjEwNjcgNS4xMTU5MSA5LjgwNTU0IDQuODI0OTQgOS42MTA1M0M0LjUzMzk4IDkuNDE1NTEgMy42ODA0OCA5Ljk2MTU2IDQuMTI2NjMgMTAuNjI0NkM0Ljk2MDcyIDExLjgzMzcgNi4zMTg1NiAxMy45MjA0IDcuNjM3NTkgMTMuOTk4NFoiIGZpbGw9IiNGRkY4RTYiLz4KPC9zdmc+Cg==)}.firstcrate-block-inner:has(>div>input:disabled){opacity:.5;pointer-events:none}@media (min-width: 768px){.firstcrate-block-wrapper{gap:15px;flex-direction:row}.firstcrate-block label{width:100%;cursor:pointer;overflow:hidden;margin-bottom:5px;border-radius:20px;aspect-ratio:1 / 1;border:3px solid transparent;transition:all .3s ease-in-out}.firstcrate-block input[type=radio]:checked~label{background-color:#fff;border:3px solid var(--bs-color-russian)}}@media (max-width: 767px){.firstcrate-block-wrapper .firstcrate-block-inner .firstcrate-block{padding:9px 10px;border-radius:12px;background-color:var(--bs-color-smoke);border:1px solid var(--bs-color-grey-300)}.firstcrate-block:has(input[type=radio]:checked){border:1px solid var(--bs-color-russian);background-color:var(--bs-color-primary-100)}.firstcrate-block label{gap:15px;width:100%;display:flex;align-items:center}.firstcrate-block label img{width:90px;height:90px;border-radius:10px;background:var(--bs-color-white)}.firstcrate-block input[type=radio]:checked~label:after{top:8px;right:8px}}
/*# sourceMappingURL=/cdn/shop/t/477/assets/subscription-flow.css.map */
