.variant-option {

	margin: 16px 0;

	.options-flex {

		display: flex;
		flex-wrap: wrap;
		gap: 11px;

		.variant-block {

			width: calc(25% - 11px);

			&[data-monthly-count="1"] {
				order: -1;
			}

			&.disabled {

				display: none;

			}

			.variant-anchor {

				width: 100%;
				border-radius: 11px;
				background: #f4f4f4;
				text-align: center;
				padding: 20px 10px;
				position: relative;

				@media only screen and (max-width: 768px) {
					padding: 10px;
				}

				span {

					display: block;
					font-size: 11px;

					@media only screen and (max-width: 768px) {
						font-size: 9px;
					}

					&.ppm-otp,
					&.ppm-sub {
						display: inline-block;
					}

					&.ppm-sub {
						display: none;
					}

				}

				.size-icon {

                    width: 100%;
                    padding-top: 60%;
                    background-size: 120%;
                    background-repeat: no-repeat;
                    background-position: center center;

				}

				.flag {

					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					text-align: center;
					background: #5ad186;
					color: #101123;
					border-radius: 11px 11px 0 0;
					padding: 4px 0;

				}

				.month-label {

					font-weight: 600;

				}

			}

			&[data-option-group="size"] {

				.size-icon[data-size="small"] {
					background-image: url('/cdn/shop/t/13/assets/swatch_small.svg?v=56191509612114608451714811347');
				}

				.size-icon[data-size="medium"] {
					background-image: url('/cdn/shop/t/13/assets/swatch_medium.svg?v=90623182597180224811714811347');
				}

				.size-icon[data-size="large"] {
					background-image: url('/cdn/shop/t/13/assets/swatch_large.svg?v=177739985276424396731714811347');
				}

				.size-icon[data-size="extra-large"] {
					background-image: url('/cdn/shop/t/13/assets/swatch_extra_large.svg?v=120769554605471308731714811347');
				}

				.size-icon[data-size="bulk"] {
					background-image: url('/cdn/shop/t/13/assets/bulk-buy.svg?v=172743727266104152011714811347');
					background-size: 130px;
				}

			}

			&[data-option-group="quantity"] {

				@media only screen and (max-width: 768px) {
					width: calc(33.3% - 11px);
				}

				.variant-anchor {
					padding-top: 40px;
					padding-bottom: 30px;
				}
			}

			&.active { 

				.variant-anchor {
					background: var(--colorScheme3Bg);
					color: #fff;
					.size-icon {
						filter: invert(1);
					}
				}

			}

		}

	}

}

#oneTimePanel .sub-change-link {
    text-decoration: underline;
    margin: 16px 0 0 0;
    display: block;
    text-align: center;
    font-weight: 600;
    cursor: pointer;
}

#product-select {
	display: none !important;
}

.selector-wrapper {
	display: none;
}