.section-can-whey-periodic{background:var(--section-background, #be1e2d);padding:var(--section-padding, 3rem 0)}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.periodic-section__title{margin:0 0 1rem;font-size:1.5rem;font-weight:600;color:var(--description-color, #ffffff)}.periodic-elements{display:flex;justify-content:center;align-items:center;gap:var(--elements-gap, 2.5rem);flex-wrap:wrap;min-height:var(--min-height, 300px);padding-block:32px}.periodic-element{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--element-gap, 1rem);max-width:var(--element-max-width, 280px)}.periodic-element__square{width:var(--square-size, 120px);height:var(--square-size, 120px);min-height:var(--square-size, 120px);min-width:var(--square-size, 120px);border:var(--square-border-width, 3px) solid var(--square-border-color, #ffffff);border-radius:var(--square-border-radius, 12px);background-color:var(--square-background, transparent);display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;transition:transform .2s ease;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.periodic-element{position:relative}.periodic-element:focus-within .periodic-element__square,.periodic-element__square:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.periodic-element:focus-within{outline:none}@media (prefers-contrast: high){.periodic-element:focus-within{outline:none;background-color:transparent}}@media (prefers-reduced-motion: reduce){.periodic-element__square{transition:none}.periodic-element:focus-within .periodic-element__square,.periodic-element__square:hover{transform:none}}.periodic-element__symbol{font-weight:700;line-height:1;color:var(--symbol-color, #ffffff);font-size:var(--symbol-size, 28px)}.periodic-element__symbol--full{flex:1;display:flex;align-items:center;justify-content:center}.periodic-element__square:has(.periodic-element__extra-block) .periodic-element__symbol{margin-right:0;margin-left:-22px}.periodic-element__number{font-weight:700;line-height:1;color:var(--number-color, #ffffff);font-size:var(--extra-number-size, 14px)}.periodic-element__extra{font-weight:700;line-height:1;color:var(--extra-color, #ffffff);font-size:var(--extra-number-size, 14px)}.periodic-element__extra-block{position:absolute;top:0;right:10px;height:var(--square-size, 120px);pointer-events:none;display:flex;flex-direction:column;justify-content:center;padding-right:6px}.periodic-element__description{font-size:var(--description-size, 16px);line-height:1.4;color:var(--description-color, #ffffff);font-weight:var(--description-weight, 400);text-align:center;max-width:100%}.periodic-element__description{text-shadow:0 0 4px rgba(0,0,0,.5)}.periodic-element__symbol,.periodic-element__number,.periodic-element__extra{text-shadow:0 0 2px rgba(0,0,0,.7)}@media (prefers-contrast: high){.periodic-element__square{border-width:4px;box-shadow:inset 0 0 0 2px currentColor}.periodic-element__symbol,.periodic-element__number,.periodic-element__extra,.periodic-element__description{text-shadow:none;font-weight:700}}@media print{.section-can-whey-periodic{background:#fff!important;color:#000!important}.periodic-element__square{border-color:#000!important;background:#fff!important}.periodic-element__symbol,.periodic-element__number,.periodic-element__extra,.periodic-element__description{color:#000!important;text-shadow:none!important}}@media (max-width: 1024px){.section-can-whey-periodic{padding:var(--section-padding-tablet, 2.5rem 0)}.periodic-elements{gap:var(--elements-gap-tablet, 2rem);min-height:var(--min-height-tablet, 250px)}.periodic-element__square{width:var(--square-size-tablet, 100px);height:var(--square-size-tablet, 100px)}}@media (max-width: 768px){.section-can-whey-periodic{padding:var(--section-padding-mobile, 2rem 0)}.periodic-elements{gap:var(--elements-gap-mobile, 1.5rem);min-height:var(--min-height-mobile, 200px)}.periodic-element{gap:var(--element-gap-mobile, .75rem);max-width:var(--element-max-width-mobile, 200px)}.periodic-element__square{width:var(--square-size-mobile, 80px);height:var(--square-size-mobile, 80px);border-radius:var(--square-border-radius-mobile, 8px)}.periodic-element__extra-block{height:var(--square-size-mobile, 80px);padding-right:3px}.periodic-element__square:has(.periodic-element__extra-block) .periodic-element__symbol{margin-right:0}.periodic-element__description{font-size:var(--description-size-mobile, 14px)}}@media (max-width: 480px){.periodic-elements{gap:var(--elements-gap-small, 1rem);flex-direction:column}.periodic-element__square{width:var(--square-size-small, 70px);height:var(--square-size-small, 70px)}.periodic-element__square:has(.periodic-element__extra-block) .periodic-element__symbol{margin-right:0}.periodic-element__description{font-size:var(--description-size-small, 12px)}}
/*# sourceMappingURL=/cdn/shop/t/170/assets/can-whey-periodic-section.css.map */