Instantly share code, notes, and snippets.
Created
June 8, 2021 22:56
-
Star
(0)
0
You must be signed in to star a gist -
Fork
(0)
0
You must be signed in to fork a gist
-
Save sdennett55/16a8fac6a2c6b9050835430c0bb9a4f7 to your computer and use it in GitHub Desktop.
Grid + Box Styles (<=800px)
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @media screen and (min-width: 800px) { | |
| .pl-Box--display-none-bp800 { | |
| display: none; } | |
| .pl-Box--display-block-bp800 { | |
| display: block; } | |
| .pl-Box--display-inline-bp800 { | |
| display: inline; } | |
| .pl-Box--display-flex-bp800 { | |
| display: flex; } | |
| .pl-Box--display-inline-flex-bp800 { | |
| display: inline-flex; } | |
| .pl-Box--display-inline-block-bp800 { | |
| display: inline-block; } } | |
| @media screen and (min-width: 960px) { | |
| .pl-Box--display-none-bp960 { | |
| display: none; } | |
| .pl-Box--display-block-bp960 { | |
| display: block; } | |
| .pl-Box--display-inline-bp960 { | |
| display: inline; } | |
| .pl-Box--display-flex-bp960 { | |
| display: flex; } | |
| .pl-Box--display-inline-flex-bp960 { | |
| display: inline-flex; } | |
| .pl-Box--display-inline-block-bp960 { | |
| display: inline-block; } } | |
| @media screen and (min-width: 1120px) { | |
| .pl-Box--display-none-bp1120 { | |
| display: none; } | |
| .pl-Box--display-block-bp1120 { | |
| display: block; } | |
| .pl-Box--display-inline-bp1120 { | |
| display: inline; } | |
| .pl-Box--display-flex-bp1120 { | |
| display: flex; } | |
| .pl-Box--display-inline-flex-bp1120 { | |
| display: inline-flex; } | |
| .pl-Box--display-inline-block-bp1120 { | |
| display: inline-block; } } | |
| @media screen and (min-width: 1280px) { | |
| .pl-Box--display-none-bp1280 { | |
| display: none; } | |
| .pl-Box--display-block-bp1280 { | |
| display: block; } | |
| .pl-Box--display-inline-bp1280 { | |
| display: inline; } | |
| .pl-Box--display-flex-bp1280 { | |
| display: flex; } | |
| .pl-Box--display-inline-flex-bp1280 { | |
| display: inline-flex; } | |
| .pl-Box--display-inline-block-bp1280 { | |
| display: inline-block; } } | |
| @media screen and (min-width: 1440px) { | |
| .pl-Box--display-none-bp1440 { | |
| display: none; } | |
| .pl-Box--display-block-bp1440 { | |
| display: block; } | |
| .pl-Box--display-inline-bp1440 { | |
| display: inline; } | |
| .pl-Box--display-flex-bp1440 { | |
| display: flex; } | |
| .pl-Box--display-inline-flex-bp1440 { | |
| display: inline-flex; } | |
| .pl-Box--display-inline-block-bp1440 { | |
| display: inline-block; } } | |
| @media screen and (min-width: 1600px) { | |
| .pl-Box--display-none-bp1600 { | |
| display: none; } | |
| .pl-Box--display-block-bp1600 { | |
| display: block; } | |
| .pl-Box--display-inline-bp1600 { | |
| display: inline; } | |
| .pl-Box--display-flex-bp1600 { | |
| display: flex; } | |
| .pl-Box--display-inline-flex-bp1600 { | |
| display: inline-flex; } | |
| .pl-Box--display-inline-block-bp1600 { | |
| display: inline-block; } } | |
| @media screen and (min-width: 800px) { | |
| .pl-Box--fd-row-bp800 { | |
| flex-direction: row; } | |
| .pl-Box--fd-column-bp800 { | |
| flex-direction: column; } | |
| .pl-Box--fd-row-reverse-bp800 { | |
| flex-direction: row-reverse; } | |
| .pl-Box--fd-column-reverse-bp800 { | |
| flex-direction: column-reverse; } } | |
| @media screen and (min-width: 960px) { | |
| .pl-Box--fd-row-bp960 { | |
| flex-direction: row; } | |
| .pl-Box--fd-column-bp960 { | |
| flex-direction: column; } | |
| .pl-Box--fd-row-reverse-bp960 { | |
| flex-direction: row-reverse; } | |
| .pl-Box--fd-column-reverse-bp960 { | |
| flex-direction: column-reverse; } } | |
| @media screen and (min-width: 1120px) { | |
| .pl-Box--fd-row-bp1120 { | |
| flex-direction: row; } | |
| .pl-Box--fd-column-bp1120 { | |
| flex-direction: column; } | |
| .pl-Box--fd-row-reverse-bp1120 { | |
| flex-direction: row-reverse; } | |
| .pl-Box--fd-column-reverse-bp1120 { | |
| flex-direction: column-reverse; } } | |
| @media screen and (min-width: 1280px) { | |
| .pl-Box--fd-row-bp1280 { | |
| flex-direction: row; } | |
| .pl-Box--fd-column-bp1280 { | |
| flex-direction: column; } | |
| .pl-Box--fd-row-reverse-bp1280 { | |
| flex-direction: row-reverse; } | |
| .pl-Box--fd-column-reverse-bp1280 { | |
| flex-direction: column-reverse; } } | |
| @media screen and (min-width: 1440px) { | |
| .pl-Box--fd-row-bp1440 { | |
| flex-direction: row; } | |
| .pl-Box--fd-column-bp1440 { | |
| flex-direction: column; } | |
| .pl-Box--fd-row-reverse-bp1440 { | |
| flex-direction: row-reverse; } | |
| .pl-Box--fd-column-reverse-bp1440 { | |
| flex-direction: column-reverse; } } | |
| @media screen and (min-width: 1600px) { | |
| .pl-Box--fd-row-bp1600 { | |
| flex-direction: row; } | |
| .pl-Box--fd-column-bp1600 { | |
| flex-direction: column; } | |
| .pl-Box--fd-row-reverse-bp1600 { | |
| flex-direction: row-reverse; } | |
| .pl-Box--fd-column-reverse-bp1600 { | |
| flex-direction: column-reverse; } } | |
| @media screen and (min-width: 800px) { | |
| .pl-Box--jc-center-bp800 { | |
| justify-content: center; } | |
| .pl-Box--jc-flex-start-bp800 { | |
| justify-content: flex-start; } | |
| .pl-Box--jc-flex-end-bp800 { | |
| justify-content: flex-end; } | |
| .pl-Box--jc-space-between-bp800 { | |
| justify-content: space-between; } | |
| .pl-Box--jc-space-evenly-bp800 { | |
| justify-content: space-evenly; } | |
| .pl-Box--jc-space-around-bp800 { | |
| justify-content: space-around; } } | |
| @media screen and (min-width: 960px) { | |
| .pl-Box--jc-center-bp960 { | |
| justify-content: center; } | |
| .pl-Box--jc-flex-start-bp960 { | |
| justify-content: flex-start; } | |
| .pl-Box--jc-flex-end-bp960 { | |
| justify-content: flex-end; } | |
| .pl-Box--jc-space-between-bp960 { | |
| justify-content: space-between; } | |
| .pl-Box--jc-space-evenly-bp960 { | |
| justify-content: space-evenly; } | |
| .pl-Box--jc-space-around-bp960 { | |
| justify-content: space-around; } } | |
| @media screen and (min-width: 1120px) { | |
| .pl-Box--jc-center-bp1120 { | |
| justify-content: center; } | |
| .pl-Box--jc-flex-start-bp1120 { | |
| justify-content: flex-start; } | |
| .pl-Box--jc-flex-end-bp1120 { | |
| justify-content: flex-end; } | |
| .pl-Box--jc-space-between-bp1120 { | |
| justify-content: space-between; } | |
| .pl-Box--jc-space-evenly-bp1120 { | |
| justify-content: space-evenly; } | |
| .pl-Box--jc-space-around-bp1120 { | |
| justify-content: space-around; } } | |
| @media screen and (min-width: 1280px) { | |
| .pl-Box--jc-center-bp1280 { | |
| justify-content: center; } | |
| .pl-Box--jc-flex-start-bp1280 { | |
| justify-content: flex-start; } | |
| .pl-Box--jc-flex-end-bp1280 { | |
| justify-content: flex-end; } | |
| .pl-Box--jc-space-between-bp1280 { | |
| justify-content: space-between; } | |
| .pl-Box--jc-space-evenly-bp1280 { | |
| justify-content: space-evenly; } | |
| .pl-Box--jc-space-around-bp1280 { | |
| justify-content: space-around; } } | |
| @media screen and (min-width: 1440px) { | |
| .pl-Box--jc-center-bp1440 { | |
| justify-content: center; } | |
| .pl-Box--jc-flex-start-bp1440 { | |
| justify-content: flex-start; } | |
| .pl-Box--jc-flex-end-bp1440 { | |
| justify-content: flex-end; } | |
| .pl-Box--jc-space-between-bp1440 { | |
| justify-content: space-between; } | |
| .pl-Box--jc-space-evenly-bp1440 { | |
| justify-content: space-evenly; } | |
| .pl-Box--jc-space-around-bp1440 { | |
| justify-content: space-around; } } | |
| @media screen and (min-width: 1600px) { | |
| .pl-Box--jc-center-bp1600 { | |
| justify-content: center; } | |
| .pl-Box--jc-flex-start-bp1600 { | |
| justify-content: flex-start; } | |
| .pl-Box--jc-flex-end-bp1600 { | |
| justify-content: flex-end; } | |
| .pl-Box--jc-space-between-bp1600 { | |
| justify-content: space-between; } | |
| .pl-Box--jc-space-evenly-bp1600 { | |
| justify-content: space-evenly; } | |
| .pl-Box--jc-space-around-bp1600 { | |
| justify-content: space-around; } } | |
| @media screen and (min-width: 800px) { | |
| .pl-Box--ai-center-bp800 { | |
| align-items: center; } | |
| .pl-Box--ai-start-bp800 { | |
| align-items: start; } | |
| .pl-Box--ai-end-bp800 { | |
| align-items: end; } | |
| .pl-Box--ai-flex-start-bp800 { | |
| align-items: flex-start; } | |
| .pl-Box--ai-flex-end-bp800 { | |
| align-items: flex-end; } | |
| .pl-Box--ai-stretch-bp800 { | |
| align-items: stretch; } | |
| .pl-Box--ai-baseline-bp800 { | |
| align-items: baseline; } } | |
| @media screen and (min-width: 960px) { | |
| .pl-Box--ai-center-bp960 { | |
| align-items: center; } | |
| .pl-Box--ai-start-bp960 { | |
| align-items: start; } | |
| .pl-Box--ai-end-bp960 { | |
| align-items: end; } | |
| .pl-Box--ai-flex-start-bp960 { | |
| align-items: flex-start; } | |
| .pl-Box--ai-flex-end-bp960 { | |
| align-items: flex-end; } | |
| .pl-Box--ai-stretch-bp960 { | |
| align-items: stretch; } | |
| .pl-Box--ai-baseline-bp960 { | |
| align-items: baseline; } } | |
| @media screen and (min-width: 1120px) { | |
| .pl-Box--ai-center-bp1120 { | |
| align-items: center; } | |
| .pl-Box--ai-start-bp1120 { | |
| align-items: start; } | |
| .pl-Box--ai-end-bp1120 { | |
| align-items: end; } | |
| .pl-Box--ai-flex-start-bp1120 { | |
| align-items: flex-start; } | |
| .pl-Box--ai-flex-end-bp1120 { | |
| align-items: flex-end; } | |
| .pl-Box--ai-stretch-bp1120 { | |
| align-items: stretch; } | |
| .pl-Box--ai-baseline-bp1120 { | |
| align-items: baseline; } } | |
| @media screen and (min-width: 1280px) { | |
| .pl-Box--ai-center-bp1280 { | |
| align-items: center; } | |
| .pl-Box--ai-start-bp1280 { | |
| align-items: start; } | |
| .pl-Box--ai-end-bp1280 { | |
| align-items: end; } | |
| .pl-Box--ai-flex-start-bp1280 { | |
| align-items: flex-start; } | |
| .pl-Box--ai-flex-end-bp1280 { | |
| align-items: flex-end; } | |
| .pl-Box--ai-stretch-bp1280 { | |
| align-items: stretch; } | |
| .pl-Box--ai-baseline-bp1280 { | |
| align-items: baseline; } } | |
| @media screen and (min-width: 1440px) { | |
| .pl-Box--ai-center-bp1440 { | |
| align-items: center; } | |
| .pl-Box--ai-start-bp1440 { | |
| align-items: start; } | |
| .pl-Box--ai-end-bp1440 { | |
| align-items: end; } | |
| .pl-Box--ai-flex-start-bp1440 { | |
| align-items: flex-start; } | |
| .pl-Box--ai-flex-end-bp1440 { | |
| align-items: flex-end; } | |
| .pl-Box--ai-stretch-bp1440 { | |
| align-items: stretch; } | |
| .pl-Box--ai-baseline-bp1440 { | |
| align-items: baseline; } } | |
| @media screen and (min-width: 1600px) { | |
| .pl-Box--ai-center-bp1600 { | |
| align-items: center; } | |
| .pl-Box--ai-start-bp1600 { | |
| align-items: start; } | |
| .pl-Box--ai-end-bp1600 { | |
| align-items: end; } | |
| .pl-Box--ai-flex-start-bp1600 { | |
| align-items: flex-start; } | |
| .pl-Box--ai-flex-end-bp1600 { | |
| align-items: flex-end; } | |
| .pl-Box--ai-stretch-bp1600 { | |
| align-items: stretch; } | |
| .pl-Box--ai-baseline-bp1600 { | |
| align-items: baseline; } } | |
| @media screen and (min-width: 800px) { | |
| .pl-Box--fw-wrap-bp800 { | |
| flex-wrap: wrap; } | |
| .pl-Box--fw-nowrap-bp800 { | |
| flex-wrap: nowrap; } } | |
| @media screen and (min-width: 960px) { | |
| .pl-Box--fw-wrap-bp960 { | |
| flex-wrap: wrap; } | |
| .pl-Box--fw-nowrap-bp960 { | |
| flex-wrap: nowrap; } } | |
| @media screen and (min-width: 1120px) { | |
| .pl-Box--fw-wrap-bp1120 { | |
| flex-wrap: wrap; } | |
| .pl-Box--fw-nowrap-bp1120 { | |
| flex-wrap: nowrap; } } | |
| @media screen and (min-width: 1280px) { | |
| .pl-Box--fw-wrap-bp1280 { | |
| flex-wrap: wrap; } | |
| .pl-Box--fw-nowrap-bp1280 { | |
| flex-wrap: nowrap; } } | |
| @media screen and (min-width: 1440px) { | |
| .pl-Box--fw-wrap-bp1440 { | |
| flex-wrap: wrap; } | |
| .pl-Box--fw-nowrap-bp1440 { | |
| flex-wrap: nowrap; } } | |
| @media screen and (min-width: 1600px) { | |
| .pl-Box--fw-wrap-bp1600 { | |
| flex-wrap: wrap; } | |
| .pl-Box--fw-nowrap-bp1600 { | |
| flex-wrap: nowrap; } } | |
| @media screen and (min-width: 800px) { | |
| .pl-Box--ta-left-bp800 { | |
| text-align: left; } | |
| .pl-Box--ta-center-bp800 { | |
| text-align: center; } | |
| .pl-Box--ta-right-bp800 { | |
| text-align: right; } } | |
| @media screen and (min-width: 960px) { | |
| .pl-Box--ta-left-bp960 { | |
| text-align: left; } | |
| .pl-Box--ta-center-bp960 { | |
| text-align: center; } | |
| .pl-Box--ta-right-bp960 { | |
| text-align: right; } } | |
| @media screen and (min-width: 1120px) { | |
| .pl-Box--ta-left-bp1120 { | |
| text-align: left; } | |
| .pl-Box--ta-center-bp1120 { | |
| text-align: center; } | |
| .pl-Box--ta-right-bp1120 { | |
| text-align: right; } } | |
| @media screen and (min-width: 1280px) { | |
| .pl-Box--ta-left-bp1280 { | |
| text-align: left; } | |
| .pl-Box--ta-center-bp1280 { | |
| text-align: center; } | |
| .pl-Box--ta-right-bp1280 { | |
| text-align: right; } } | |
| @media screen and (min-width: 1440px) { | |
| .pl-Box--ta-left-bp1440 { | |
| text-align: left; } | |
| .pl-Box--ta-center-bp1440 { | |
| text-align: center; } | |
| .pl-Box--ta-right-bp1440 { | |
| text-align: right; } } | |
| @media screen and (min-width: 1600px) { | |
| .pl-Box--ta-left-bp1600 { | |
| text-align: left; } | |
| .pl-Box--ta-center-bp1600 { | |
| text-align: center; } | |
| .pl-Box--ta-right-bp1600 { | |
| text-align: right; } } | |
| @media screen and (min-width: 800px) { | |
| .pl-Box--fo-1-bp800 { | |
| order: 1; } | |
| .pl-Box--fo-2-bp800 { | |
| order: 2; } | |
| .pl-Box--fo-3-bp800 { | |
| order: 3; } | |
| .pl-Box--fo-4-bp800 { | |
| order: 4; } | |
| .pl-Box--fo-5-bp800 { | |
| order: 5; } | |
| .pl-Box--fo-6-bp800 { | |
| order: 6; } | |
| .pl-Box--fo-7-bp800 { | |
| order: 7; } | |
| .pl-Box--fo-8-bp800 { | |
| order: 8; } | |
| .pl-Box--fo-9-bp800 { | |
| order: 9; } | |
| .pl-Box--fo-10-bp800 { | |
| order: 10; } | |
| .pl-Box--fo-11-bp800 { | |
| order: 11; } | |
| .pl-Box--fo-12-bp800 { | |
| order: 12; } } | |
| @media screen and (min-width: 960px) { | |
| .pl-Box--fo-1-bp960 { | |
| order: 1; } | |
| .pl-Box--fo-2-bp960 { | |
| order: 2; } | |
| .pl-Box--fo-3-bp960 { | |
| order: 3; } | |
| .pl-Box--fo-4-bp960 { | |
| order: 4; } | |
| .pl-Box--fo-5-bp960 { | |
| order: 5; } | |
| .pl-Box--fo-6-bp960 { | |
| order: 6; } | |
| .pl-Box--fo-7-bp960 { | |
| order: 7; } | |
| .pl-Box--fo-8-bp960 { | |
| order: 8; } | |
| .pl-Box--fo-9-bp960 { | |
| order: 9; } | |
| .pl-Box--fo-10-bp960 { | |
| order: 10; } | |
| .pl-Box--fo-11-bp960 { | |
| order: 11; } | |
| .pl-Box--fo-12-bp960 { | |
| order: 12; } } | |
| @media screen and (min-width: 1120px) { | |
| .pl-Box--fo-1-bp1120 { | |
| order: 1; } | |
| .pl-Box--fo-2-bp1120 { | |
| order: 2; } | |
| .pl-Box--fo-3-bp1120 { | |
| order: 3; } | |
| .pl-Box--fo-4-bp1120 { | |
| order: 4; } | |
| .pl-Box--fo-5-bp1120 { | |
| order: 5; } | |
| .pl-Box--fo-6-bp1120 { | |
| order: 6; } | |
| .pl-Box--fo-7-bp1120 { | |
| order: 7; } | |
| .pl-Box--fo-8-bp1120 { | |
| order: 8; } | |
| .pl-Box--fo-9-bp1120 { | |
| order: 9; } | |
| .pl-Box--fo-10-bp1120 { | |
| order: 10; } | |
| .pl-Box--fo-11-bp1120 { | |
| order: 11; } | |
| .pl-Box--fo-12-bp1120 { | |
| order: 12; } } | |
| @media screen and (min-width: 1280px) { | |
| .pl-Box--fo-1-bp1280 { | |
| order: 1; } | |
| .pl-Box--fo-2-bp1280 { | |
| order: 2; } | |
| .pl-Box--fo-3-bp1280 { | |
| order: 3; } | |
| .pl-Box--fo-4-bp1280 { | |
| order: 4; } | |
| .pl-Box--fo-5-bp1280 { | |
| order: 5; } | |
| .pl-Box--fo-6-bp1280 { | |
| order: 6; } | |
| .pl-Box--fo-7-bp1280 { | |
| order: 7; } | |
| .pl-Box--fo-8-bp1280 { | |
| order: 8; } | |
| .pl-Box--fo-9-bp1280 { | |
| order: 9; } | |
| .pl-Box--fo-10-bp1280 { | |
| order: 10; } | |
| .pl-Box--fo-11-bp1280 { | |
| order: 11; } | |
| .pl-Box--fo-12-bp1280 { | |
| order: 12; } } | |
| @media screen and (min-width: 1440px) { | |
| .pl-Box--fo-1-bp1440 { | |
| order: 1; } | |
| .pl-Box--fo-2-bp1440 { | |
| order: 2; } | |
| .pl-Box--fo-3-bp1440 { | |
| order: 3; } | |
| .pl-Box--fo-4-bp1440 { | |
| order: 4; } | |
| .pl-Box--fo-5-bp1440 { | |
| order: 5; } | |
| .pl-Box--fo-6-bp1440 { | |
| order: 6; } | |
| .pl-Box--fo-7-bp1440 { | |
| order: 7; } | |
| .pl-Box--fo-8-bp1440 { | |
| order: 8; } | |
| .pl-Box--fo-9-bp1440 { | |
| order: 9; } | |
| .pl-Box--fo-10-bp1440 { | |
| order: 10; } | |
| .pl-Box--fo-11-bp1440 { | |
| order: 11; } | |
| .pl-Box--fo-12-bp1440 { | |
| order: 12; } } | |
| @media screen and (min-width: 1600px) { | |
| .pl-Box--fo-1-bp1600 { | |
| order: 1; } | |
| .pl-Box--fo-2-bp1600 { | |
| order: 2; } | |
| .pl-Box--fo-3-bp1600 { | |
| order: 3; } | |
| .pl-Box--fo-4-bp1600 { | |
| order: 4; } | |
| .pl-Box--fo-5-bp1600 { | |
| order: 5; } | |
| .pl-Box--fo-6-bp1600 { | |
| order: 6; } | |
| .pl-Box--fo-7-bp1600 { | |
| order: 7; } | |
| .pl-Box--fo-8-bp1600 { | |
| order: 8; } | |
| .pl-Box--fo-9-bp1600 { | |
| order: 9; } | |
| .pl-Box--fo-10-bp1600 { | |
| order: 10; } | |
| .pl-Box--fo-11-bp1600 { | |
| order: 11; } | |
| .pl-Box--fo-12-bp1600 { | |
| order: 12; } } | |
| @media screen and (min-width: 800px) { | |
| .pl-Box--m-0-bp800 { | |
| margin: 0px; } | |
| .pl-Box--m-1-bp800 { | |
| margin: 4px; } | |
| .pl-Box--m-2-bp800 { | |
| margin: 8px; } | |
| .pl-Box--m-3-bp800 { | |
| margin: 12px; } | |
| .pl-Box--m-4-bp800 { | |
| margin: 16px; } | |
| .pl-Box--m-5-bp800 { | |
| margin: 20px; } | |
| .pl-Box--m-6-bp800 { | |
| margin: 24px; } | |
| .pl-Box--m-7-bp800 { | |
| margin: 28px; } | |
| .pl-Box--m-8-bp800 { | |
| margin: 32px; } | |
| .pl-Box--m-9-bp800 { | |
| margin: 36px; } | |
| .pl-Box--m-10-bp800 { | |
| margin: 40px; } } | |
| @media screen and (min-width: 960px) { | |
| .pl-Box--m-0-bp960 { | |
| margin: 0px; } | |
| .pl-Box--m-1-bp960 { | |
| margin: 4px; } | |
| .pl-Box--m-2-bp960 { | |
| margin: 8px; } | |
| .pl-Box--m-3-bp960 { | |
| margin: 12px; } | |
| .pl-Box--m-4-bp960 { | |
| margin: 16px; } | |
| .pl-Box--m-5-bp960 { | |
| margin: 20px; } | |
| .pl-Box--m-6-bp960 { | |
| margin: 24px; } | |
| .pl-Box--m-7-bp960 { | |
| margin: 28px; } | |
| .pl-Box--m-8-bp960 { | |
| margin: 32px; } | |
| .pl-Box--m-9-bp960 { | |
| margin: 36px; } | |
| .pl-Box--m-10-bp960 { | |
| margin: 40px; } } | |
| @media screen and (min-width: 1120px) { | |
| .pl-Box--m-0-bp1120 { | |
| margin: 0px; } | |
| .pl-Box--m-1-bp1120 { | |
| margin: 4px; } | |
| .pl-Box--m-2-bp1120 { | |
| margin: 8px; } | |
| .pl-Box--m-3-bp1120 { | |
| margin: 12px; } | |
| .pl-Box--m-4-bp1120 { | |
| margin: 16px; } | |
| .pl-Box--m-5-bp1120 { | |
| margin: 20px; } | |
| .pl-Box--m-6-bp1120 { | |
| margin: 24px; } | |
| .pl-Box--m-7-bp1120 { | |
| margin: 28px; } | |
| .pl-Box--m-8-bp1120 { | |
| margin: 32px; } | |
| .pl-Box--m-9-bp1120 { | |
| margin: 36px; } | |
| .pl-Box--m-10-bp1120 { | |
| margin: 40px; } } | |
| @media screen and (min-width: 1280px) { | |
| .pl-Box--m-0-bp1280 { | |
| margin: 0px; } | |
| .pl-Box--m-1-bp1280 { | |
| margin: 4px; } | |
| .pl-Box--m-2-bp1280 { | |
| margin: 8px; } | |
| .pl-Box--m-3-bp1280 { | |
| margin: 12px; } | |
| .pl-Box--m-4-bp1280 { | |
| margin: 16px; } | |
| .pl-Box--m-5-bp1280 { | |
| margin: 20px; } | |
| .pl-Box--m-6-bp1280 { | |
| margin: 24px; } | |
| .pl-Box--m-7-bp1280 { | |
| margin: 28px; } | |
| .pl-Box--m-8-bp1280 { | |
| margin: 32px; } | |
| .pl-Box--m-9-bp1280 { | |
| margin: 36px; } | |
| .pl-Box--m-10-bp1280 { | |
| margin: 40px; } } | |
| @media screen and (min-width: 1440px) { | |
| .pl-Box--m-0-bp1440 { | |
| margin: 0px; } | |
| .pl-Box--m-1-bp1440 { | |
| margin: 4px; } | |
| .pl-Box--m-2-bp1440 { | |
| margin: 8px; } | |
| .pl-Box--m-3-bp1440 { | |
| margin: 12px; } | |
| .pl-Box--m-4-bp1440 { | |
| margin: 16px; } | |
| .pl-Box--m-5-bp1440 { | |
| margin: 20px; } | |
| .pl-Box--m-6-bp1440 { | |
| margin: 24px; } | |
| .pl-Box--m-7-bp1440 { | |
| margin: 28px; } | |
| .pl-Box--m-8-bp1440 { | |
| margin: 32px; } | |
| .pl-Box--m-9-bp1440 { | |
| margin: 36px; } | |
| .pl-Box--m-10-bp1440 { | |
| margin: 40px; } } | |
| @media screen and (min-width: 1600px) { | |
| .pl-Box--m-0-bp1600 { | |
| margin: 0px; } | |
| .pl-Box--m-1-bp1600 { | |
| margin: 4px; } | |
| .pl-Box--m-2-bp1600 { | |
| margin: 8px; } | |
| .pl-Box--m-3-bp1600 { | |
| margin: 12px; } | |
| .pl-Box--m-4-bp1600 { | |
| margin: 16px; } | |
| .pl-Box--m-5-bp1600 { | |
| margin: 20px; } | |
| .pl-Box--m-6-bp1600 { | |
| margin: 24px; } | |
| .pl-Box--m-7-bp1600 { | |
| margin: 28px; } | |
| .pl-Box--m-8-bp1600 { | |
| margin: 32px; } | |
| .pl-Box--m-9-bp1600 { | |
| margin: 36px; } | |
| .pl-Box--m-10-bp1600 { | |
| margin: 40px; } } | |
| @media screen and (min-width: 800px) { | |
| .pl-Box--p-0-bp800 { | |
| padding: 0px; } | |
| .pl-Box--p-1-bp800 { | |
| padding: 4px; } | |
| .pl-Box--p-2-bp800 { | |
| padding: 8px; } | |
| .pl-Box--p-3-bp800 { | |
| padding: 12px; } | |
| .pl-Box--p-4-bp800 { | |
| padding: 16px; } | |
| .pl-Box--p-5-bp800 { | |
| padding: 20px; } | |
| .pl-Box--p-6-bp800 { | |
| padding: 24px; } | |
| .pl-Box--p-7-bp800 { | |
| padding: 28px; } | |
| .pl-Box--p-8-bp800 { | |
| padding: 32px; } | |
| .pl-Box--p-9-bp800 { | |
| padding: 36px; } | |
| .pl-Box--p-10-bp800 { | |
| padding: 40px; } } | |
| @media screen and (min-width: 960px) { | |
| .pl-Box--p-0-bp960 { | |
| padding: 0px; } | |
| .pl-Box--p-1-bp960 { | |
| padding: 4px; } | |
| .pl-Box--p-2-bp960 { | |
| padding: 8px; } | |
| .pl-Box--p-3-bp960 { | |
| padding: 12px; } | |
| .pl-Box--p-4-bp960 { | |
| padding: 16px; } | |
| .pl-Box--p-5-bp960 { | |
| padding: 20px; } | |
| .pl-Box--p-6-bp960 { | |
| padding: 24px; } | |
| .pl-Box--p-7-bp960 { | |
| padding: 28px; } | |
| .pl-Box--p-8-bp960 { | |
| padding: 32px; } | |
| .pl-Box--p-9-bp960 { | |
| padding: 36px; } | |
| .pl-Box--p-10-bp960 { | |
| padding: 40px; } } | |
| @media screen and (min-width: 1120px) { | |
| .pl-Box--p-0-bp1120 { | |
| padding: 0px; } | |
| .pl-Box--p-1-bp1120 { | |
| padding: 4px; } | |
| .pl-Box--p-2-bp1120 { | |
| padding: 8px; } | |
| .pl-Box--p-3-bp1120 { | |
| padding: 12px; } | |
| .pl-Box--p-4-bp1120 { | |
| padding: 16px; } | |
| .pl-Box--p-5-bp1120 { | |
| padding: 20px; } | |
| .pl-Box--p-6-bp1120 { | |
| padding: 24px; } | |
| .pl-Box--p-7-bp1120 { | |
| padding: 28px; } | |
| .pl-Box--p-8-bp1120 { | |
| padding: 32px; } | |
| .pl-Box--p-9-bp1120 { | |
| padding: 36px; } | |
| .pl-Box--p-10-bp1120 { | |
| padding: 40px; } } | |
| @media screen and (min-width: 1280px) { | |
| .pl-Box--p-0-bp1280 { | |
| padding: 0px; } | |
| .pl-Box--p-1-bp1280 { | |
| padding: 4px; } | |
| .pl-Box--p-2-bp1280 { | |
| padding: 8px; } | |
| .pl-Box--p-3-bp1280 { | |
| padding: 12px; } | |
| .pl-Box--p-4-bp1280 { | |
| padding: 16px; } | |
| .pl-Box--p-5-bp1280 { | |
| padding: 20px; } | |
| .pl-Box--p-6-bp1280 { | |
| padding: 24px; } | |
| .pl-Box--p-7-bp1280 { | |
| padding: 28px; } | |
| .pl-Box--p-8-bp1280 { | |
| padding: 32px; } | |
| .pl-Box--p-9-bp1280 { | |
| padding: 36px; } | |
| .pl-Box--p-10-bp1280 { | |
| padding: 40px; } } | |
| @media screen and (min-width: 1440px) { | |
| .pl-Box--p-0-bp1440 { | |
| padding: 0px; } | |
| .pl-Box--p-1-bp1440 { | |
| padding: 4px; } | |
| .pl-Box--p-2-bp1440 { | |
| padding: 8px; } | |
| .pl-Box--p-3-bp1440 { | |
| padding: 12px; } | |
| .pl-Box--p-4-bp1440 { | |
| padding: 16px; } | |
| .pl-Box--p-5-bp1440 { | |
| padding: 20px; } | |
| .pl-Box--p-6-bp1440 { | |
| padding: 24px; } | |
| .pl-Box--p-7-bp1440 { | |
| padding: 28px; } | |
| .pl-Box--p-8-bp1440 { | |
| padding: 32px; } | |
| .pl-Box--p-9-bp1440 { | |
| padding: 36px; } | |
| .pl-Box--p-10-bp1440 { | |
| padding: 40px; } } | |
| @media screen and (min-width: 1600px) { | |
| .pl-Box--p-0-bp1600 { | |
| padding: 0px; } | |
| .pl-Box--p-1-bp1600 { | |
| padding: 4px; } | |
| .pl-Box--p-2-bp1600 { | |
| padding: 8px; } | |
| .pl-Box--p-3-bp1600 { | |
| padding: 12px; } | |
| .pl-Box--p-4-bp1600 { | |
| padding: 16px; } | |
| .pl-Box--p-5-bp1600 { | |
| padding: 20px; } | |
| .pl-Box--p-6-bp1600 { | |
| padding: 24px; } | |
| .pl-Box--p-7-bp1600 { | |
| padding: 28px; } | |
| .pl-Box--p-8-bp1600 { | |
| padding: 32px; } | |
| .pl-Box--p-9-bp1600 { | |
| padding: 36px; } | |
| .pl-Box--p-10-bp1600 { | |
| padding: 40px; } } | |
| @media screen and (min-width: 800px) { | |
| .pl-Box--mx-0-bp800 { | |
| margin-right: 0px; | |
| margin-left: 0px; } | |
| .pl-Box--mx-1-bp800 { | |
| margin-right: 4px; | |
| margin-left: 4px; } | |
| .pl-Box--mx-2-bp800 { | |
| margin-right: 8px; | |
| margin-left: 8px; } | |
| .pl-Box--mx-3-bp800 { | |
| margin-right: 12px; | |
| margin-left: 12px; } | |
| .pl-Box--mx-4-bp800 { | |
| margin-right: 16px; | |
| margin-left: 16px; } | |
| .pl-Box--mx-5-bp800 { | |
| margin-right: 20px; | |
| margin-left: 20px; } | |
| .pl-Box--mx-6-bp800 { | |
| margin-right: 24px; | |
| margin-left: 24px; } | |
| .pl-Box--mx-7-bp800 { | |
| margin-right: 28px; | |
| margin-left: 28px; } | |
| .pl-Box--mx-8-bp800 { | |
| margin-right: 32px; | |
| margin-left: 32px; } | |
| .pl-Box--mx-9-bp800 { | |
| margin-right: 36px; | |
| margin-left: 36px; } | |
| .pl-Box--mx-10-bp800 { | |
| margin-right: 40px; | |
| margin-left: 40px; } } | |
| @media screen and (min-width: 960px) { | |
| .pl-Box--mx-0-bp960 { | |
| margin-right: 0px; | |
| margin-left: 0px; } | |
| .pl-Box--mx-1-bp960 { | |
| margin-right: 4px; | |
| margin-left: 4px; } | |
| .pl-Box--mx-2-bp960 { | |
| margin-right: 8px; | |
| margin-left: 8px; } | |
| .pl-Box--mx-3-bp960 { | |
| margin-right: 12px; | |
| margin-left: 12px; } | |
| .pl-Box--mx-4-bp960 { | |
| margin-right: 16px; | |
| margin-left: 16px; } | |
| .pl-Box--mx-5-bp960 { | |
| margin-right: 20px; | |
| margin-left: 20px; } | |
| .pl-Box--mx-6-bp960 { | |
| margin-right: 24px; | |
| margin-left: 24px; } | |
| .pl-Box--mx-7-bp960 { | |
| margin-right: 28px; | |
| margin-left: 28px; } | |
| .pl-Box--mx-8-bp960 { | |
| margin-right: 32px; | |
| margin-left: 32px; } | |
| .pl-Box--mx-9-bp960 { | |
| margin-right: 36px; | |
| margin-left: 36px; } | |
| .pl-Box--mx-10-bp960 { | |
| margin-right: 40px; | |
| margin-left: 40px; } } | |
| @media screen and (min-width: 1120px) { | |
| .pl-Box--mx-0-bp1120 { | |
| margin-right: 0px; | |
| margin-left: 0px; } | |
| .pl-Box--mx-1-bp1120 { | |
| margin-right: 4px; | |
| margin-left: 4px; } | |
| .pl-Box--mx-2-bp1120 { | |
| margin-right: 8px; | |
| margin-left: 8px; } | |
| .pl-Box--mx-3-bp1120 { | |
| margin-right: 12px; | |
| margin-left: 12px; } | |
| .pl-Box--mx-4-bp1120 { | |
| margin-right: 16px; | |
| margin-left: 16px; } | |
| .pl-Box--mx-5-bp1120 { | |
| margin-right: 20px; | |
| margin-left: 20px; } | |
| .pl-Box--mx-6-bp1120 { | |
| margin-right: 24px; | |
| margin-left: 24px; } | |
| .pl-Box--mx-7-bp1120 { | |
| margin-right: 28px; | |
| margin-left: 28px; } | |
| .pl-Box--mx-8-bp1120 { | |
| margin-right: 32px; | |
| margin-left: 32px; } | |
| .pl-Box--mx-9-bp1120 { | |
| margin-right: 36px; | |
| margin-left: 36px; } | |
| .pl-Box--mx-10-bp1120 { | |
| margin-right: 40px; | |
| margin-left: 40px; } } | |
| @media screen and (min-width: 1280px) { | |
| .pl-Box--mx-0-bp1280 { | |
| margin-right: 0px; | |
| margin-left: 0px; } | |
| .pl-Box--mx-1-bp1280 { | |
| margin-right: 4px; | |
| margin-left: 4px; } | |
| .pl-Box--mx-2-bp1280 { | |
| margin-right: 8px; | |
| margin-left: 8px; } | |
| .pl-Box--mx-3-bp1280 { | |
| margin-right: 12px; | |
| margin-left: 12px; } | |
| .pl-Box--mx-4-bp1280 { | |
| margin-right: 16px; | |
| margin-left: 16px; } | |
| .pl-Box--mx-5-bp1280 { | |
| margin-right: 20px; | |
| margin-left: 20px; } | |
| .pl-Box--mx-6-bp1280 { | |
| margin-right: 24px; | |
| margin-left: 24px; } | |
| .pl-Box--mx-7-bp1280 { | |
| margin-right: 28px; | |
| margin-left: 28px; } | |
| .pl-Box--mx-8-bp1280 { | |
| margin-right: 32px; | |
| margin-left: 32px; } | |
| .pl-Box--mx-9-bp1280 { | |
| margin-right: 36px; | |
| margin-left: 36px; } | |
| .pl-Box--mx-10-bp1280 { | |
| margin-right: 40px; | |
| margin-left: 40px; } } | |
| @media screen and (min-width: 1440px) { | |
| .pl-Box--mx-0-bp1440 { | |
| margin-right: 0px; | |
| margin-left: 0px; } | |
| .pl-Box--mx-1-bp1440 { | |
| margin-right: 4px; | |
| margin-left: 4px; } | |
| .pl-Box--mx-2-bp1440 { | |
| margin-right: 8px; | |
| margin-left: 8px; } | |
| .pl-Box--mx-3-bp1440 { | |
| margin-right: 12px; | |
| margin-left: 12px; } | |
| .pl-Box--mx-4-bp1440 { | |
| margin-right: 16px; | |
| margin-left: 16px; } | |
| .pl-Box--mx-5-bp1440 { | |
| margin-right: 20px; | |
| margin-left: 20px; } | |
| .pl-Box--mx-6-bp1440 { | |
| margin-right: 24px; | |
| margin-left: 24px; } | |
| .pl-Box--mx-7-bp1440 { | |
| margin-right: 28px; | |
| margin-left: 28px; } | |
| .pl-Box--mx-8-bp1440 { | |
| margin-right: 32px; | |
| margin-left: 32px; } | |
| .pl-Box--mx-9-bp1440 { | |
| margin-right: 36px; | |
| margin-left: 36px; } | |
| .pl-Box--mx-10-bp1440 { | |
| margin-right: 40px; | |
| margin-left: 40px; } } | |
| @media screen and (min-width: 1600px) { | |
| .pl-Box--mx-0-bp1600 { | |
| margin-right: 0px; | |
| margin-left: 0px; } | |
| .pl-Box--mx-1-bp1600 { | |
| margin-right: 4px; | |
| margin-left: 4px; } | |
| .pl-Box--mx-2-bp1600 { | |
| margin-right: 8px; | |
| margin-left: 8px; } | |
| .pl-Box--mx-3-bp1600 { | |
| margin-right: 12px; | |
| margin-left: 12px; } | |
| .pl-Box--mx-4-bp1600 { | |
| margin-right: 16px; | |
| margin-left: 16px; } | |
| .pl-Box--mx-5-bp1600 { | |
| margin-right: 20px; | |
| margin-left: 20px; } | |
| .pl-Box--mx-6-bp1600 { | |
| margin-right: 24px; | |
| margin-left: 24px; } | |
| .pl-Box--mx-7-bp1600 { | |
| margin-right: 28px; | |
| margin-left: 28px; } | |
| .pl-Box--mx-8-bp1600 { | |
| margin-right: 32px; | |
| margin-left: 32px; } | |
| .pl-Box--mx-9-bp1600 { | |
| margin-right: 36px; | |
| margin-left: 36px; } | |
| .pl-Box--mx-10-bp1600 { | |
| margin-right: 40px; | |
| margin-left: 40px; } } | |
| @media screen and (min-width: 800px) { | |
| .pl-Box--px-0-bp800 { | |
| padding-right: 0px; | |
| padding-left: 0px; } | |
| .pl-Box--px-1-bp800 { | |
| padding-right: 4px; | |
| padding-left: 4px; } | |
| .pl-Box--px-2-bp800 { | |
| padding-right: 8px; | |
| padding-left: 8px; } | |
| .pl-Box--px-3-bp800 { | |
| padding-right: 12px; | |
| padding-left: 12px; } | |
| .pl-Box--px-4-bp800 { | |
| padding-right: 16px; | |
| padding-left: 16px; } | |
| .pl-Box--px-5-bp800 { | |
| padding-right: 20px; | |
| padding-left: 20px; } | |
| .pl-Box--px-6-bp800 { | |
| padding-right: 24px; | |
| padding-left: 24px; } | |
| .pl-Box--px-7-bp800 { | |
| padding-right: 28px; | |
| padding-left: 28px; } | |
| .pl-Box--px-8-bp800 { | |
| padding-right: 32px; | |
| padding-left: 32px; } | |
| .pl-Box--px-9-bp800 { | |
| padding-right: 36px; | |
| padding-left: 36px; } | |
| .pl-Box--px-10-bp800 { | |
| padding-right: 40px; | |
| padding-left: 40px; } } | |
| @media screen and (min-width: 960px) { | |
| .pl-Box--px-0-bp960 { | |
| padding-right: 0px; | |
| padding-left: 0px; } | |
| .pl-Box--px-1-bp960 { | |
| padding-right: 4px; | |
| padding-left: 4px; } | |
| .pl-Box--px-2-bp960 { | |
| padding-right: 8px; | |
| padding-left: 8px; } | |
| .pl-Box--px-3-bp960 { | |
| padding-right: 12px; | |
| padding-left: 12px; } | |
| .pl-Box--px-4-bp960 { | |
| padding-right: 16px; | |
| padding-left: 16px; } | |
| .pl-Box--px-5-bp960 { | |
| padding-right: 20px; | |
| padding-left: 20px; } | |
| .pl-Box--px-6-bp960 { | |
| padding-right: 24px; | |
| padding-left: 24px; } | |
| .pl-Box--px-7-bp960 { | |
| padding-right: 28px; | |
| padding-left: 28px; } | |
| .pl-Box--px-8-bp960 { | |
| padding-right: 32px; | |
| padding-left: 32px; } | |
| .pl-Box--px-9-bp960 { | |
| padding-right: 36px; | |
| padding-left: 36px; } | |
| .pl-Box--px-10-bp960 { | |
| padding-right: 40px; | |
| padding-left: 40px; } } | |
| @media screen and (min-width: 1120px) { | |
| .pl-Box--px-0-bp1120 { | |
| padding-right: 0px; | |
| padding-left: 0px; } | |
| .pl-Box--px-1-bp1120 { | |
| padding-right: 4px; | |
| padding-left: 4px; } | |
| .pl-Box--px-2-bp1120 { | |
| padding-right: 8px; | |
| padding-left: 8px; } | |
| .pl-Box--px-3-bp1120 { | |
| padding-right: 12px; | |
| padding-left: 12px; } | |
| .pl-Box--px-4-bp1120 { | |
| padding-right: 16px; | |
| padding-left: 16px; } | |
| .pl-Box--px-5-bp1120 { | |
| padding-right: 20px; | |
| padding-left: 20px; } | |
| .pl-Box--px-6-bp1120 { | |
| padding-right: 24px; | |
| padding-left: 24px; } | |
| .pl-Box--px-7-bp1120 { | |
| padding-right: 28px; | |
| padding-left: 28px; } | |
| .pl-Box--px-8-bp1120 { | |
| padding-right: 32px; | |
| padding-left: 32px; } | |
| .pl-Box--px-9-bp1120 { | |
| padding-right: 36px; | |
| padding-left: 36px; } | |
| .pl-Box--px-10-bp1120 { | |
| padding-right: 40px; | |
| padding-left: 40px; } } | |
| @media screen and (min-width: 1280px) { | |
| .pl-Box--px-0-bp1280 { | |
| padding-right: 0px; | |
| padding-left: 0px; } | |
| .pl-Box--px-1-bp1280 { | |
| padding-right: 4px; | |
| padding-left: 4px; } | |
| .pl-Box--px-2-bp1280 { | |
| padding-right: 8px; | |
| padding-left: 8px; } | |
| .pl-Box--px-3-bp1280 { | |
| padding-right: 12px; | |
| padding-left: 12px; } | |
| .pl-Box--px-4-bp1280 { | |
| padding-right: 16px; | |
| padding-left: 16px; } | |
| .pl-Box--px-5-bp1280 { | |
| padding-right: 20px; | |
| padding-left: 20px; } | |
| .pl-Box--px-6-bp1280 { | |
| padding-right: 24px; | |
| padding-left: 24px; } | |
| .pl-Box--px-7-bp1280 { | |
| padding-right: 28px; | |
| padding-left: 28px; } | |
| .pl-Box--px-8-bp1280 { | |
| padding-right: 32px; | |
| padding-left: 32px; } | |
| .pl-Box--px-9-bp1280 { | |
| padding-right: 36px; | |
| padding-left: 36px; } | |
| .pl-Box--px-10-bp1280 { | |
| padding-right: 40px; | |
| padding-left: 40px; } } | |
| @media screen and (min-width: 1440px) { | |
| .pl-Box--px-0-bp1440 { | |
| padding-right: 0px; | |
| padding-left: 0px; } | |
| .pl-Box--px-1-bp1440 { | |
| padding-right: 4px; | |
| padding-left: 4px; } | |
| .pl-Box--px-2-bp1440 { | |
| padding-right: 8px; | |
| padding-left: 8px; } | |
| .pl-Box--px-3-bp1440 { | |
| padding-right: 12px; | |
| padding-left: 12px; } | |
| .pl-Box--px-4-bp1440 { | |
| padding-right: 16px; | |
| padding-left: 16px; } | |
| .pl-Box--px-5-bp1440 { | |
| padding-right: 20px; | |
| padding-left: 20px; } | |
| .pl-Box--px-6-bp1440 { | |
| padding-right: 24px; | |
| padding-left: 24px; } | |
| .pl-Box--px-7-bp1440 { | |
| padding-right: 28px; | |
| padding-left: 28px; } | |
| .pl-Box--px-8-bp1440 { | |
| padding-right: 32px; | |
| padding-left: 32px; } | |
| .pl-Box--px-9-bp1440 { | |
| padding-right: 36px; | |
| padding-left: 36px; } | |
| .pl-Box--px-10-bp1440 { | |
| padding-right: 40px; | |
| padding-left: 40px; } } | |
| @media screen and (min-width: 1600px) { | |
| .pl-Box--px-0-bp1600 { | |
| padding-right: 0px; | |
| padding-left: 0px; } | |
| .pl-Box--px-1-bp1600 { | |
| padding-right: 4px; | |
| padding-left: 4px; } | |
| .pl-Box--px-2-bp1600 { | |
| padding-right: 8px; | |
| padding-left: 8px; } | |
| .pl-Box--px-3-bp1600 { | |
| padding-right: 12px; | |
| padding-left: 12px; } | |
| .pl-Box--px-4-bp1600 { | |
| padding-right: 16px; | |
| padding-left: 16px; } | |
| .pl-Box--px-5-bp1600 { | |
| padding-right: 20px; | |
| padding-left: 20px; } | |
| .pl-Box--px-6-bp1600 { | |
| padding-right: 24px; | |
| padding-left: 24px; } | |
| .pl-Box--px-7-bp1600 { | |
| padding-right: 28px; | |
| padding-left: 28px; } | |
| .pl-Box--px-8-bp1600 { | |
| padding-right: 32px; | |
| padding-left: 32px; } | |
| .pl-Box--px-9-bp1600 { | |
| padding-right: 36px; | |
| padding-left: 36px; } | |
| .pl-Box--px-10-bp1600 { | |
| padding-right: 40px; | |
| padding-left: 40px; } } | |
| @media screen and (min-width: 800px) { | |
| .pl-Box--my-0-bp800 { | |
| margin-top: 0px; | |
| margin-bottom: 0px; } | |
| .pl-Box--my-1-bp800 { | |
| margin-top: 4px; | |
| margin-bottom: 4px; } | |
| .pl-Box--my-2-bp800 { | |
| margin-top: 8px; | |
| margin-bottom: 8px; } | |
| .pl-Box--my-3-bp800 { | |
| margin-top: 12px; | |
| margin-bottom: 12px; } | |
| .pl-Box--my-4-bp800 { | |
| margin-top: 16px; | |
| margin-bottom: 16px; } | |
| .pl-Box--my-5-bp800 { | |
| margin-top: 20px; | |
| margin-bottom: 20px; } | |
| .pl-Box--my-6-bp800 { | |
| margin-top: 24px; | |
| margin-bottom: 24px; } | |
| .pl-Box--my-7-bp800 { | |
| margin-top: 28px; | |
| margin-bottom: 28px; } | |
| .pl-Box--my-8-bp800 { | |
| margin-top: 32px; | |
| margin-bottom: 32px; } | |
| .pl-Box--my-9-bp800 { | |
| margin-top: 36px; | |
| margin-bottom: 36px; } | |
| .pl-Box--my-10-bp800 { | |
| margin-top: 40px; | |
| margin-bottom: 40px; } } | |
| @media screen and (min-width: 960px) { | |
| .pl-Box--my-0-bp960 { | |
| margin-top: 0px; | |
| margin-bottom: 0px; } | |
| .pl-Box--my-1-bp960 { | |
| margin-top: 4px; | |
| margin-bottom: 4px; } | |
| .pl-Box--my-2-bp960 { | |
| margin-top: 8px; | |
| margin-bottom: 8px; } | |
| .pl-Box--my-3-bp960 { | |
| margin-top: 12px; | |
| margin-bottom: 12px; } | |
| .pl-Box--my-4-bp960 { | |
| margin-top: 16px; | |
| margin-bottom: 16px; } | |
| .pl-Box--my-5-bp960 { | |
| margin-top: 20px; | |
| margin-bottom: 20px; } | |
| .pl-Box--my-6-bp960 { | |
| margin-top: 24px; | |
| margin-bottom: 24px; } | |
| .pl-Box--my-7-bp960 { | |
| margin-top: 28px; | |
| margin-bottom: 28px; } | |
| .pl-Box--my-8-bp960 { | |
| margin-top: 32px; | |
| margin-bottom: 32px; } | |
| .pl-Box--my-9-bp960 { | |
| margin-top: 36px; | |
| margin-bottom: 36px; } | |
| .pl-Box--my-10-bp960 { | |
| margin-top: 40px; | |
| margin-bottom: 40px; } } | |
| @media screen and (min-width: 1120px) { | |
| .pl-Box--my-0-bp1120 { | |
| margin-top: 0px; | |
| margin-bottom: 0px; } | |
| .pl-Box--my-1-bp1120 { | |
| margin-top: 4px; | |
| margin-bottom: 4px; } | |
| .pl-Box--my-2-bp1120 { | |
| margin-top: 8px; | |
| margin-bottom: 8px; } | |
| .pl-Box--my-3-bp1120 { | |
| margin-top: 12px; | |
| margin-bottom: 12px; } | |
| .pl-Box--my-4-bp1120 { | |
| margin-top: 16px; | |
| margin-bottom: 16px; } | |
| .pl-Box--my-5-bp1120 { | |
| margin-top: 20px; | |
| margin-bottom: 20px; } | |
| .pl-Box--my-6-bp1120 { | |
| margin-top: 24px; | |
| margin-bottom: 24px; } | |
| .pl-Box--my-7-bp1120 { | |
| margin-top: 28px; | |
| margin-bottom: 28px; } | |
| .pl-Box--my-8-bp1120 { | |
| margin-top: 32px; | |
| margin-bottom: 32px; } | |
| .pl-Box--my-9-bp1120 { | |
| margin-top: 36px; | |
| margin-bottom: 36px; } | |
| .pl-Box--my-10-bp1120 { | |
| margin-top: 40px; | |
| margin-bottom: 40px; } } | |
| @media screen and (min-width: 1280px) { | |
| .pl-Box--my-0-bp1280 { | |
| margin-top: 0px; | |
| margin-bottom: 0px; } | |
| .pl-Box--my-1-bp1280 { | |
| margin-top: 4px; | |
| margin-bottom: 4px; } | |
| .pl-Box--my-2-bp1280 { | |
| margin-top: 8px; | |
| margin-bottom: 8px; } | |
| .pl-Box--my-3-bp1280 { | |
| margin-top: 12px; | |
| margin-bottom: 12px; } | |
| .pl-Box--my-4-bp1280 { | |
| margin-top: 16px; | |
| margin-bottom: 16px; } | |
| .pl-Box--my-5-bp1280 { | |
| margin-top: 20px; | |
| margin-bottom: 20px; } | |
| .pl-Box--my-6-bp1280 { | |
| margin-top: 24px; | |
| margin-bottom: 24px; } | |
| .pl-Box--my-7-bp1280 { | |
| margin-top: 28px; | |
| margin-bottom: 28px; } | |
| .pl-Box--my-8-bp1280 { | |
| margin-top: 32px; | |
| margin-bottom: 32px; } | |
| .pl-Box--my-9-bp1280 { | |
| margin-top: 36px; | |
| margin-bottom: 36px; } | |
| .pl-Box--my-10-bp1280 { | |
| margin-top: 40px; | |
| margin-bottom: 40px; } } | |
| @media screen and (min-width: 1440px) { | |
| .pl-Box--my-0-bp1440 { | |
| margin-top: 0px; | |
| margin-bottom: 0px; } | |
| .pl-Box--my-1-bp1440 { | |
| margin-top: 4px; | |
| margin-bottom: 4px; } | |
| .pl-Box--my-2-bp1440 { | |
| margin-top: 8px; | |
| margin-bottom: 8px; } | |
| .pl-Box--my-3-bp1440 { | |
| margin-top: 12px; | |
| margin-bottom: 12px; } | |
| .pl-Box--my-4-bp1440 { | |
| margin-top: 16px; | |
| margin-bottom: 16px; } | |
| .pl-Box--my-5-bp1440 { | |
| margin-top: 20px; | |
| margin-bottom: 20px; } | |
| .pl-Box--my-6-bp1440 { | |
| margin-top: 24px; | |
| margin-bottom: 24px; } | |
| .pl-Box--my-7-bp1440 { | |
| margin-top: 28px; | |
| margin-bottom: 28px; } | |
| .pl-Box--my-8-bp1440 { | |
| margin-top: 32px; | |
| margin-bottom: 32px; } | |
| .pl-Box--my-9-bp1440 { | |
| margin-top: 36px; | |
| margin-bottom: 36px; } | |
| .pl-Box--my-10-bp1440 { | |
| margin-top: 40px; | |
| margin-bottom: 40px; } } | |
| @media screen and (min-width: 1600px) { | |
| .pl-Box--my-0-bp1600 { | |
| margin-top: 0px; | |
| margin-bottom: 0px; } | |
| .pl-Box--my-1-bp1600 { | |
| margin-top: 4px; | |
| margin-bottom: 4px; } | |
| .pl-Box--my-2-bp1600 { | |
| margin-top: 8px; | |
| margin-bottom: 8px; } | |
| .pl-Box--my-3-bp1600 { | |
| margin-top: 12px; | |
| margin-bottom: 12px; } | |
| .pl-Box--my-4-bp1600 { | |
| margin-top: 16px; | |
| margin-bottom: 16px; } | |
| .pl-Box--my-5-bp1600 { | |
| margin-top: 20px; | |
| margin-bottom: 20px; } | |
| .pl-Box--my-6-bp1600 { | |
| margin-top: 24px; | |
| margin-bottom: 24px; } | |
| .pl-Box--my-7-bp1600 { | |
| margin-top: 28px; | |
| margin-bottom: 28px; } | |
| .pl-Box--my-8-bp1600 { | |
| margin-top: 32px; | |
| margin-bottom: 32px; } | |
| .pl-Box--my-9-bp1600 { | |
| margin-top: 36px; | |
| margin-bottom: 36px; } | |
| .pl-Box--my-10-bp1600 { | |
| margin-top: 40px; | |
| margin-bottom: 40px; } } | |
| @media screen and (min-width: 800px) { | |
| .pl-Box--py-0-bp800 { | |
| padding-top: 0px; | |
| padding-bottom: 0px; } | |
| .pl-Box--py-1-bp800 { | |
| padding-top: 4px; | |
| padding-bottom: 4px; } | |
| .pl-Box--py-2-bp800 { | |
| padding-top: 8px; | |
| padding-bottom: 8px; } | |
| .pl-Box--py-3-bp800 { | |
| padding-top: 12px; | |
| padding-bottom: 12px; } | |
| .pl-Box--py-4-bp800 { | |
| padding-top: 16px; | |
| padding-bottom: 16px; } | |
| .pl-Box--py-5-bp800 { | |
| padding-top: 20px; | |
| padding-bottom: 20px; } | |
| .pl-Box--py-6-bp800 { | |
| padding-top: 24px; | |
| padding-bottom: 24px; } | |
| .pl-Box--py-7-bp800 { | |
| padding-top: 28px; | |
| padding-bottom: 28px; } | |
| .pl-Box--py-8-bp800 { | |
| padding-top: 32px; | |
| padding-bottom: 32px; } | |
| .pl-Box--py-9-bp800 { | |
| padding-top: 36px; | |
| padding-bottom: 36px; } | |
| .pl-Box--py-10-bp800 { | |
| padding-top: 40px; | |
| padding-bottom: 40px; } } | |
| @media screen and (min-width: 960px) { | |
| .pl-Box--py-0-bp960 { | |
| padding-top: 0px; | |
| padding-bottom: 0px; } | |
| .pl-Box--py-1-bp960 { | |
| padding-top: 4px; | |
| padding-bottom: 4px; } | |
| .pl-Box--py-2-bp960 { | |
| padding-top: 8px; | |
| padding-bottom: 8px; } | |
| .pl-Box--py-3-bp960 { | |
| padding-top: 12px; | |
| padding-bottom: 12px; } | |
| .pl-Box--py-4-bp960 { | |
| padding-top: 16px; | |
| padding-bottom: 16px; } | |
| .pl-Box--py-5-bp960 { | |
| padding-top: 20px; | |
| padding-bottom: 20px; } | |
| .pl-Box--py-6-bp960 { | |
| padding-top: 24px; | |
| padding-bottom: 24px; } | |
| .pl-Box--py-7-bp960 { | |
| padding-top: 28px; | |
| padding-bottom: 28px; } | |
| .pl-Box--py-8-bp960 { | |
| padding-top: 32px; | |
| padding-bottom: 32px; } | |
| .pl-Box--py-9-bp960 { | |
| padding-top: 36px; | |
| padding-bottom: 36px; } | |
| .pl-Box--py-10-bp960 { | |
| padding-top: 40px; | |
| padding-bottom: 40px; } } | |
| @media screen and (min-width: 1120px) { | |
| .pl-Box--py-0-bp1120 { | |
| padding-top: 0px; | |
| padding-bottom: 0px; } | |
| .pl-Box--py-1-bp1120 { | |
| padding-top: 4px; | |
| padding-bottom: 4px; } | |
| .pl-Box--py-2-bp1120 { | |
| padding-top: 8px; | |
| padding-bottom: 8px; } | |
| .pl-Box--py-3-bp1120 { | |
| padding-top: 12px; | |
| padding-bottom: 12px; } | |
| .pl-Box--py-4-bp1120 { | |
| padding-top: 16px; | |
| padding-bottom: 16px; } | |
| .pl-Box--py-5-bp1120 { | |
| padding-top: 20px; | |
| padding-bottom: 20px; } | |
| .pl-Box--py-6-bp1120 { | |
| padding-top: 24px; | |
| padding-bottom: 24px; } | |
| .pl-Box--py-7-bp1120 { | |
| padding-top: 28px; | |
| padding-bottom: 28px; } | |
| .pl-Box--py-8-bp1120 { | |
| padding-top: 32px; | |
| padding-bottom: 32px; } | |
| .pl-Box--py-9-bp1120 { | |
| padding-top: 36px; | |
| padding-bottom: 36px; } | |
| .pl-Box--py-10-bp1120 { | |
| padding-top: 40px; | |
| padding-bottom: 40px; } } | |
| @media screen and (min-width: 1280px) { | |
| .pl-Box--py-0-bp1280 { | |
| padding-top: 0px; | |
| padding-bottom: 0px; } | |
| .pl-Box--py-1-bp1280 { | |
| padding-top: 4px; | |
| padding-bottom: 4px; } | |
| .pl-Box--py-2-bp1280 { | |
| padding-top: 8px; | |
| padding-bottom: 8px; } | |
| .pl-Box--py-3-bp1280 { | |
| padding-top: 12px; | |
| padding-bottom: 12px; } | |
| .pl-Box--py-4-bp1280 { | |
| padding-top: 16px; | |
| padding-bottom: 16px; } | |
| .pl-Box--py-5-bp1280 { | |
| padding-top: 20px; | |
| padding-bottom: 20px; } | |
| .pl-Box--py-6-bp1280 { | |
| padding-top: 24px; | |
| padding-bottom: 24px; } | |
| .pl-Box--py-7-bp1280 { | |
| padding-top: 28px; | |
| padding-bottom: 28px; } | |
| .pl-Box--py-8-bp1280 { | |
| padding-top: 32px; | |
| padding-bottom: 32px; } | |
| .pl-Box--py-9-bp1280 { | |
| padding-top: 36px; | |
| padding-bottom: 36px; } | |
| .pl-Box--py-10-bp1280 { | |
| padding-top: 40px; | |
| padding-bottom: 40px; } } | |
| @media screen and (min-width: 1440px) { | |
| .pl-Box--py-0-bp1440 { | |
| padding-top: 0px; | |
| padding-bottom: 0px; } | |
| .pl-Box--py-1-bp1440 { | |
| padding-top: 4px; | |
| padding-bottom: 4px; } | |
| .pl-Box--py-2-bp1440 { | |
| padding-top: 8px; | |
| padding-bottom: 8px; } | |
| .pl-Box--py-3-bp1440 { | |
| padding-top: 12px; | |
| padding-bottom: 12px; } | |
| .pl-Box--py-4-bp1440 { | |
| padding-top: 16px; | |
| padding-bottom: 16px; } | |
| .pl-Box--py-5-bp1440 { | |
| padding-top: 20px; | |
| padding-bottom: 20px; } | |
| .pl-Box--py-6-bp1440 { | |
| padding-top: 24px; | |
| padding-bottom: 24px; } | |
| .pl-Box--py-7-bp1440 { | |
| padding-top: 28px; | |
| padding-bottom: 28px; } | |
| .pl-Box--py-8-bp1440 { | |
| padding-top: 32px; | |
| padding-bottom: 32px; } | |
| .pl-Box--py-9-bp1440 { | |
| padding-top: 36px; | |
| padding-bottom: 36px; } | |
| .pl-Box--py-10-bp1440 { | |
| padding-top: 40px; | |
| padding-bottom: 40px; } } | |
| @media screen and (min-width: 1600px) { | |
| .pl-Box--py-0-bp1600 { | |
| padding-top: 0px; | |
| padding-bottom: 0px; } | |
| .pl-Box--py-1-bp1600 { | |
| padding-top: 4px; | |
| padding-bottom: 4px; } | |
| .pl-Box--py-2-bp1600 { | |
| padding-top: 8px; | |
| padding-bottom: 8px; } | |
| .pl-Box--py-3-bp1600 { | |
| padding-top: 12px; | |
| padding-bottom: 12px; } | |
| .pl-Box--py-4-bp1600 { | |
| padding-top: 16px; | |
| padding-bottom: 16px; } | |
| .pl-Box--py-5-bp1600 { | |
| padding-top: 20px; | |
| padding-bottom: 20px; } | |
| .pl-Box--py-6-bp1600 { | |
| padding-top: 24px; | |
| padding-bottom: 24px; } | |
| .pl-Box--py-7-bp1600 { | |
| padding-top: 28px; | |
| padding-bottom: 28px; } | |
| .pl-Box--py-8-bp1600 { | |
| padding-top: 32px; | |
| padding-bottom: 32px; } | |
| .pl-Box--py-9-bp1600 { | |
| padding-top: 36px; | |
| padding-bottom: 36px; } | |
| .pl-Box--py-10-bp1600 { | |
| padding-top: 40px; | |
| padding-bottom: 40px; } } | |
| @media screen and (min-width: 800px) { | |
| .pl-Box--ml-0-bp800 { | |
| margin-left: 0px; } | |
| .pl-Box--ml-1-bp800 { | |
| margin-left: 4px; } | |
| .pl-Box--ml-2-bp800 { | |
| margin-left: 8px; } | |
| .pl-Box--ml-3-bp800 { | |
| margin-left: 12px; } | |
| .pl-Box--ml-4-bp800 { | |
| margin-left: 16px; } | |
| .pl-Box--ml-5-bp800 { | |
| margin-left: 20px; } | |
| .pl-Box--ml-6-bp800 { | |
| margin-left: 24px; } | |
| .pl-Box--ml-7-bp800 { | |
| margin-left: 28px; } | |
| .pl-Box--ml-8-bp800 { | |
| margin-left: 32px; } | |
| .pl-Box--ml-9-bp800 { | |
| margin-left: 36px; } | |
| .pl-Box--ml-10-bp800 { | |
| margin-left: 40px; } } | |
| @media screen and (min-width: 960px) { | |
| .pl-Box--ml-0-bp960 { | |
| margin-left: 0px; } | |
| .pl-Box--ml-1-bp960 { | |
| margin-left: 4px; } | |
| .pl-Box--ml-2-bp960 { | |
| margin-left: 8px; } | |
| .pl-Box--ml-3-bp960 { | |
| margin-left: 12px; } | |
| .pl-Box--ml-4-bp960 { | |
| margin-left: 16px; } | |
| .pl-Box--ml-5-bp960 { | |
| margin-left: 20px; } | |
| .pl-Box--ml-6-bp960 { | |
| margin-left: 24px; } | |
| .pl-Box--ml-7-bp960 { | |
| margin-left: 28px; } | |
| .pl-Box--ml-8-bp960 { | |
| margin-left: 32px; } | |
| .pl-Box--ml-9-bp960 { | |
| margin-left: 36px; } | |
| .pl-Box--ml-10-bp960 { | |
| margin-left: 40px; } } | |
| @media screen and (min-width: 1120px) { | |
| .pl-Box--ml-0-bp1120 { | |
| margin-left: 0px; } | |
| .pl-Box--ml-1-bp1120 { | |
| margin-left: 4px; } | |
| .pl-Box--ml-2-bp1120 { | |
| margin-left: 8px; } | |
| .pl-Box--ml-3-bp1120 { | |
| margin-left: 12px; } | |
| .pl-Box--ml-4-bp1120 { | |
| margin-left: 16px; } | |
| .pl-Box--ml-5-bp1120 { | |
| margin-left: 20px; } | |
| .pl-Box--ml-6-bp1120 { | |
| margin-left: 24px; } | |
| .pl-Box--ml-7-bp1120 { | |
| margin-left: 28px; } | |
| .pl-Box--ml-8-bp1120 { | |
| margin-left: 32px; } | |
| .pl-Box--ml-9-bp1120 { | |
| margin-left: 36px; } | |
| .pl-Box--ml-10-bp1120 { | |
| margin-left: 40px; } } | |
| @media screen and (min-width: 1280px) { | |
| .pl-Box--ml-0-bp1280 { | |
| margin-left: 0px; } | |
| .pl-Box--ml-1-bp1280 { | |
| margin-left: 4px; } | |
| .pl-Box--ml-2-bp1280 { | |
| margin-left: 8px; } | |
| .pl-Box--ml-3-bp1280 { | |
| margin-left: 12px; } | |
| .pl-Box--ml-4-bp1280 { | |
| margin-left: 16px; } | |
| .pl-Box--ml-5-bp1280 { | |
| margin-left: 20px; } | |
| .pl-Box--ml-6-bp1280 { | |
| margin-left: 24px; } | |
| .pl-Box--ml-7-bp1280 { | |
| margin-left: 28px; } | |
| .pl-Box--ml-8-bp1280 { | |
| margin-left: 32px; } | |
| .pl-Box--ml-9-bp1280 { | |
| margin-left: 36px; } | |
| .pl-Box--ml-10-bp1280 { | |
| margin-left: 40px; } } | |
| @media screen and (min-width: 1440px) { | |
| .pl-Box--ml-0-bp1440 { | |
| margin-left: 0px; } | |
| .pl-Box--ml-1-bp1440 { | |
| margin-left: 4px; } | |
| .pl-Box--ml-2-bp1440 { | |
| margin-left: 8px; } | |
| .pl-Box--ml-3-bp1440 { | |
| margin-left: 12px; } | |
| .pl-Box--ml-4-bp1440 { | |
| margin-left: 16px; } | |
| .pl-Box--ml-5-bp1440 { | |
| margin-left: 20px; } | |
| .pl-Box--ml-6-bp1440 { | |
| margin-left: 24px; } | |
| .pl-Box--ml-7-bp1440 { | |
| margin-left: 28px; } | |
| .pl-Box--ml-8-bp1440 { | |
| margin-left: 32px; } | |
| .pl-Box--ml-9-bp1440 { | |
| margin-left: 36px; } | |
| .pl-Box--ml-10-bp1440 { | |
| margin-left: 40px; } } | |
| @media screen and (min-width: 1600px) { | |
| .pl-Box--ml-0-bp1600 { | |
| margin-left: 0px; } | |
| .pl-Box--ml-1-bp1600 { | |
| margin-left: 4px; } | |
| .pl-Box--ml-2-bp1600 { | |
| margin-left: 8px; } | |
| .pl-Box--ml-3-bp1600 { | |
| margin-left: 12px; } | |
| .pl-Box--ml-4-bp1600 { | |
| margin-left: 16px; } | |
| .pl-Box--ml-5-bp1600 { | |
| margin-left: 20px; } | |
| .pl-Box--ml-6-bp1600 { | |
| margin-left: 24px; } | |
| .pl-Box--ml-7-bp1600 { | |
| margin-left: 28px; } | |
| .pl-Box--ml-8-bp1600 { | |
| margin-left: 32px; } | |
| .pl-Box--ml-9-bp1600 { | |
| margin-left: 36px; } | |
| .pl-Box--ml-10-bp1600 { | |
| margin-left: 40px; } } | |
| @media screen and (min-width: 800px) { | |
| .pl-Box--pl-0-bp800 { | |
| padding-left: 0px; } | |
| .pl-Box--pl-1-bp800 { | |
| padding-left: 4px; } | |
| .pl-Box--pl-2-bp800 { | |
| padding-left: 8px; } | |
| .pl-Box--pl-3-bp800 { | |
| padding-left: 12px; } | |
| .pl-Box--pl-4-bp800 { | |
| padding-left: 16px; } | |
| .pl-Box--pl-5-bp800 { | |
| padding-left: 20px; } | |
| .pl-Box--pl-6-bp800 { | |
| padding-left: 24px; } | |
| .pl-Box--pl-7-bp800 { | |
| padding-left: 28px; } | |
| .pl-Box--pl-8-bp800 { | |
| padding-left: 32px; } | |
| .pl-Box--pl-9-bp800 { | |
| padding-left: 36px; } | |
| .pl-Box--pl-10-bp800 { | |
| padding-left: 40px; } } | |
| @media screen and (min-width: 960px) { | |
| .pl-Box--pl-0-bp960 { | |
| padding-left: 0px; } | |
| .pl-Box--pl-1-bp960 { | |
| padding-left: 4px; } | |
| .pl-Box--pl-2-bp960 { | |
| padding-left: 8px; } | |
| .pl-Box--pl-3-bp960 { | |
| padding-left: 12px; } | |
| .pl-Box--pl-4-bp960 { | |
| padding-left: 16px; } | |
| .pl-Box--pl-5-bp960 { | |
| padding-left: 20px; } | |
| .pl-Box--pl-6-bp960 { | |
| padding-left: 24px; } | |
| .pl-Box--pl-7-bp960 { | |
| padding-left: 28px; } | |
| .pl-Box--pl-8-bp960 { | |
| padding-left: 32px; } | |
| .pl-Box--pl-9-bp960 { | |
| padding-left: 36px; } | |
| .pl-Box--pl-10-bp960 { | |
| padding-left: 40px; } } | |
| @media screen and (min-width: 1120px) { | |
| .pl-Box--pl-0-bp1120 { | |
| padding-left: 0px; } | |
| .pl-Box--pl-1-bp1120 { | |
| padding-left: 4px; } | |
| .pl-Box--pl-2-bp1120 { | |
| padding-left: 8px; } | |
| .pl-Box--pl-3-bp1120 { | |
| padding-left: 12px; } | |
| .pl-Box--pl-4-bp1120 { | |
| padding-left: 16px; } | |
| .pl-Box--pl-5-bp1120 { | |
| padding-left: 20px; } | |
| .pl-Box--pl-6-bp1120 { | |
| padding-left: 24px; } | |
| .pl-Box--pl-7-bp1120 { | |
| padding-left: 28px; } | |
| .pl-Box--pl-8-bp1120 { | |
| padding-left: 32px; } | |
| .pl-Box--pl-9-bp1120 { | |
| padding-left: 36px; } | |
| .pl-Box--pl-10-bp1120 { | |
| padding-left: 40px; } } | |
| @media screen and (min-width: 1280px) { | |
| .pl-Box--pl-0-bp1280 { | |
| padding-left: 0px; } | |
| .pl-Box--pl-1-bp1280 { | |
| padding-left: 4px; } | |
| .pl-Box--pl-2-bp1280 { | |
| padding-left: 8px; } | |
| .pl-Box--pl-3-bp1280 { | |
| padding-left: 12px; } | |
| .pl-Box--pl-4-bp1280 { | |
| padding-left: 16px; } | |
| .pl-Box--pl-5-bp1280 { | |
| padding-left: 20px; } | |
| .pl-Box--pl-6-bp1280 { | |
| padding-left: 24px; } | |
| .pl-Box--pl-7-bp1280 { | |
| padding-left: 28px; } | |
| .pl-Box--pl-8-bp1280 { | |
| padding-left: 32px; } | |
| .pl-Box--pl-9-bp1280 { | |
| padding-left: 36px; } | |
| .pl-Box--pl-10-bp1280 { | |
| padding-left: 40px; } } | |
| @media screen and (min-width: 1440px) { | |
| .pl-Box--pl-0-bp1440 { | |
| padding-left: 0px; } | |
| .pl-Box--pl-1-bp1440 { | |
| padding-left: 4px; } | |
| .pl-Box--pl-2-bp1440 { | |
| padding-left: 8px; } | |
| .pl-Box--pl-3-bp1440 { | |
| padding-left: 12px; } | |
| .pl-Box--pl-4-bp1440 { | |
| padding-left: 16px; } | |
| .pl-Box--pl-5-bp1440 { | |
| padding-left: 20px; } | |
| .pl-Box--pl-6-bp1440 { | |
| padding-left: 24px; } | |
| .pl-Box--pl-7-bp1440 { | |
| padding-left: 28px; } | |
| .pl-Box--pl-8-bp1440 { | |
| padding-left: 32px; } | |
| .pl-Box--pl-9-bp1440 { | |
| padding-left: 36px; } | |
| .pl-Box--pl-10-bp1440 { | |
| padding-left: 40px; } } | |
| @media screen and (min-width: 1600px) { | |
| .pl-Box--pl-0-bp1600 { | |
| padding-left: 0px; } | |
| .pl-Box--pl-1-bp1600 { | |
| padding-left: 4px; } | |
| .pl-Box--pl-2-bp1600 { | |
| padding-left: 8px; } | |
| .pl-Box--pl-3-bp1600 { | |
| padding-left: 12px; } | |
| .pl-Box--pl-4-bp1600 { | |
| padding-left: 16px; } | |
| .pl-Box--pl-5-bp1600 { | |
| padding-left: 20px; } | |
| .pl-Box--pl-6-bp1600 { | |
| padding-left: 24px; } | |
| .pl-Box--pl-7-bp1600 { | |
| padding-left: 28px; } | |
| .pl-Box--pl-8-bp1600 { | |
| padding-left: 32px; } | |
| .pl-Box--pl-9-bp1600 { | |
| padding-left: 36px; } | |
| .pl-Box--pl-10-bp1600 { | |
| padding-left: 40px; } } | |
| @media screen and (min-width: 800px) { | |
| .pl-Box--mr-0-bp800 { | |
| margin-right: 0px; } | |
| .pl-Box--mr-1-bp800 { | |
| margin-right: 4px; } | |
| .pl-Box--mr-2-bp800 { | |
| margin-right: 8px; } | |
| .pl-Box--mr-3-bp800 { | |
| margin-right: 12px; } | |
| .pl-Box--mr-4-bp800 { | |
| margin-right: 16px; } | |
| .pl-Box--mr-5-bp800 { | |
| margin-right: 20px; } | |
| .pl-Box--mr-6-bp800 { | |
| margin-right: 24px; } | |
| .pl-Box--mr-7-bp800 { | |
| margin-right: 28px; } | |
| .pl-Box--mr-8-bp800 { | |
| margin-right: 32px; } | |
| .pl-Box--mr-9-bp800 { | |
| margin-right: 36px; } | |
| .pl-Box--mr-10-bp800 { | |
| margin-right: 40px; } } | |
| @media screen and (min-width: 960px) { | |
| .pl-Box--mr-0-bp960 { | |
| margin-right: 0px; } | |
| .pl-Box--mr-1-bp960 { | |
| margin-right: 4px; } | |
| .pl-Box--mr-2-bp960 { | |
| margin-right: 8px; } | |
| .pl-Box--mr-3-bp960 { | |
| margin-right: 12px; } | |
| .pl-Box--mr-4-bp960 { | |
| margin-right: 16px; } | |
| .pl-Box--mr-5-bp960 { | |
| margin-right: 20px; } | |
| .pl-Box--mr-6-bp960 { | |
| margin-right: 24px; } | |
| .pl-Box--mr-7-bp960 { | |
| margin-right: 28px; } | |
| .pl-Box--mr-8-bp960 { | |
| margin-right: 32px; } | |
| .pl-Box--mr-9-bp960 { | |
| margin-right: 36px; } | |
| .pl-Box--mr-10-bp960 { | |
| margin-right: 40px; } } | |
| @media screen and (min-width: 1120px) { | |
| .pl-Box--mr-0-bp1120 { | |
| margin-right: 0px; } | |
| .pl-Box--mr-1-bp1120 { | |
| margin-right: 4px; } | |
| .pl-Box--mr-2-bp1120 { | |
| margin-right: 8px; } | |
| .pl-Box--mr-3-bp1120 { | |
| margin-right: 12px; } | |
| .pl-Box--mr-4-bp1120 { | |
| margin-right: 16px; } | |
| .pl-Box--mr-5-bp1120 { | |
| margin-right: 20px; } | |
| .pl-Box--mr-6-bp1120 { | |
| margin-right: 24px; } | |
| .pl-Box--mr-7-bp1120 { | |
| margin-right: 28px; } | |
| .pl-Box--mr-8-bp1120 { | |
| margin-right: 32px; } | |
| .pl-Box--mr-9-bp1120 { | |
| margin-right: 36px; } | |
| .pl-Box--mr-10-bp1120 { | |
| margin-right: 40px; } } | |
| @media screen and (min-width: 1280px) { | |
| .pl-Box--mr-0-bp1280 { | |
| margin-right: 0px; } | |
| .pl-Box--mr-1-bp1280 { | |
| margin-right: 4px; } | |
| .pl-Box--mr-2-bp1280 { | |
| margin-right: 8px; } | |
| .pl-Box--mr-3-bp1280 { | |
| margin-right: 12px; } | |
| .pl-Box--mr-4-bp1280 { | |
| margin-right: 16px; } | |
| .pl-Box--mr-5-bp1280 { | |
| margin-right: 20px; } | |
| .pl-Box--mr-6-bp1280 { | |
| margin-right: 24px; } | |
| .pl-Box--mr-7-bp1280 { | |
| margin-right: 28px; } | |
| .pl-Box--mr-8-bp1280 { | |
| margin-right: 32px; } | |
| .pl-Box--mr-9-bp1280 { | |
| margin-right: 36px; } | |
| .pl-Box--mr-10-bp1280 { | |
| margin-right: 40px; } } | |
| @media screen and (min-width: 1440px) { | |
| .pl-Box--mr-0-bp1440 { | |
| margin-right: 0px; } | |
| .pl-Box--mr-1-bp1440 { | |
| margin-right: 4px; } | |
| .pl-Box--mr-2-bp1440 { | |
| margin-right: 8px; } | |
| .pl-Box--mr-3-bp1440 { | |
| margin-right: 12px; } | |
| .pl-Box--mr-4-bp1440 { | |
| margin-right: 16px; } | |
| .pl-Box--mr-5-bp1440 { | |
| margin-right: 20px; } | |
| .pl-Box--mr-6-bp1440 { | |
| margin-right: 24px; } | |
| .pl-Box--mr-7-bp1440 { | |
| margin-right: 28px; } | |
| .pl-Box--mr-8-bp1440 { | |
| margin-right: 32px; } | |
| .pl-Box--mr-9-bp1440 { | |
| margin-right: 36px; } | |
| .pl-Box--mr-10-bp1440 { | |
| margin-right: 40px; } } | |
| @media screen and (min-width: 1600px) { | |
| .pl-Box--mr-0-bp1600 { | |
| margin-right: 0px; } | |
| .pl-Box--mr-1-bp1600 { | |
| margin-right: 4px; } | |
| .pl-Box--mr-2-bp1600 { | |
| margin-right: 8px; } | |
| .pl-Box--mr-3-bp1600 { | |
| margin-right: 12px; } | |
| .pl-Box--mr-4-bp1600 { | |
| margin-right: 16px; } | |
| .pl-Box--mr-5-bp1600 { | |
| margin-right: 20px; } | |
| .pl-Box--mr-6-bp1600 { | |
| margin-right: 24px; } | |
| .pl-Box--mr-7-bp1600 { | |
| margin-right: 28px; } | |
| .pl-Box--mr-8-bp1600 { | |
| margin-right: 32px; } | |
| .pl-Box--mr-9-bp1600 { | |
| margin-right: 36px; } | |
| .pl-Box--mr-10-bp1600 { | |
| margin-right: 40px; } } | |
| @media screen and (min-width: 800px) { | |
| .pl-Box--pr-0-bp800 { | |
| padding-right: 0px; } | |
| .pl-Box--pr-1-bp800 { | |
| padding-right: 4px; } | |
| .pl-Box--pr-2-bp800 { | |
| padding-right: 8px; } | |
| .pl-Box--pr-3-bp800 { | |
| padding-right: 12px; } | |
| .pl-Box--pr-4-bp800 { | |
| padding-right: 16px; } | |
| .pl-Box--pr-5-bp800 { | |
| padding-right: 20px; } | |
| .pl-Box--pr-6-bp800 { | |
| padding-right: 24px; } | |
| .pl-Box--pr-7-bp800 { | |
| padding-right: 28px; } | |
| .pl-Box--pr-8-bp800 { | |
| padding-right: 32px; } | |
| .pl-Box--pr-9-bp800 { | |
| padding-right: 36px; } | |
| .pl-Box--pr-10-bp800 { | |
| padding-right: 40px; } } | |
| @media screen and (min-width: 960px) { | |
| .pl-Box--pr-0-bp960 { | |
| padding-right: 0px; } | |
| .pl-Box--pr-1-bp960 { | |
| padding-right: 4px; } | |
| .pl-Box--pr-2-bp960 { | |
| padding-right: 8px; } | |
| .pl-Box--pr-3-bp960 { | |
| padding-right: 12px; } | |
| .pl-Box--pr-4-bp960 { | |
| padding-right: 16px; } | |
| .pl-Box--pr-5-bp960 { | |
| padding-right: 20px; } | |
| .pl-Box--pr-6-bp960 { | |
| padding-right: 24px; } | |
| .pl-Box--pr-7-bp960 { | |
| padding-right: 28px; } | |
| .pl-Box--pr-8-bp960 { | |
| padding-right: 32px; } | |
| .pl-Box--pr-9-bp960 { | |
| padding-right: 36px; } | |
| .pl-Box--pr-10-bp960 { | |
| padding-right: 40px; } } | |
| @media screen and (min-width: 1120px) { | |
| .pl-Box--pr-0-bp1120 { | |
| padding-right: 0px; } | |
| .pl-Box--pr-1-bp1120 { | |
| padding-right: 4px; } | |
| .pl-Box--pr-2-bp1120 { | |
| padding-right: 8px; } | |
| .pl-Box--pr-3-bp1120 { | |
| padding-right: 12px; } | |
| .pl-Box--pr-4-bp1120 { | |
| padding-right: 16px; } | |
| .pl-Box--pr-5-bp1120 { | |
| padding-right: 20px; } | |
| .pl-Box--pr-6-bp1120 { | |
| padding-right: 24px; } | |
| .pl-Box--pr-7-bp1120 { | |
| padding-right: 28px; } | |
| .pl-Box--pr-8-bp1120 { | |
| padding-right: 32px; } | |
| .pl-Box--pr-9-bp1120 { | |
| padding-right: 36px; } | |
| .pl-Box--pr-10-bp1120 { | |
| padding-right: 40px; } } | |
| @media screen and (min-width: 1280px) { | |
| .pl-Box--pr-0-bp1280 { | |
| padding-right: 0px; } | |
| .pl-Box--pr-1-bp1280 { | |
| padding-right: 4px; } | |
| .pl-Box--pr-2-bp1280 { | |
| padding-right: 8px; } | |
| .pl-Box--pr-3-bp1280 { | |
| padding-right: 12px; } | |
| .pl-Box--pr-4-bp1280 { | |
| padding-right: 16px; } | |
| .pl-Box--pr-5-bp1280 { | |
| padding-right: 20px; } | |
| .pl-Box--pr-6-bp1280 { | |
| padding-right: 24px; } | |
| .pl-Box--pr-7-bp1280 { | |
| padding-right: 28px; } | |
| .pl-Box--pr-8-bp1280 { | |
| padding-right: 32px; } | |
| .pl-Box--pr-9-bp1280 { | |
| padding-right: 36px; } | |
| .pl-Box--pr-10-bp1280 { | |
| padding-right: 40px; } } | |
| @media screen and (min-width: 1440px) { | |
| .pl-Box--pr-0-bp1440 { | |
| padding-right: 0px; } | |
| .pl-Box--pr-1-bp1440 { | |
| padding-right: 4px; } | |
| .pl-Box--pr-2-bp1440 { | |
| padding-right: 8px; } | |
| .pl-Box--pr-3-bp1440 { | |
| padding-right: 12px; } | |
| .pl-Box--pr-4-bp1440 { | |
| padding-right: 16px; } | |
| .pl-Box--pr-5-bp1440 { | |
| padding-right: 20px; } | |
| .pl-Box--pr-6-bp1440 { | |
| padding-right: 24px; } | |
| .pl-Box--pr-7-bp1440 { | |
| padding-right: 28px; } | |
| .pl-Box--pr-8-bp1440 { | |
| padding-right: 32px; } | |
| .pl-Box--pr-9-bp1440 { | |
| padding-right: 36px; } | |
| .pl-Box--pr-10-bp1440 { | |
| padding-right: 40px; } } | |
| @media screen and (min-width: 1600px) { | |
| .pl-Box--pr-0-bp1600 { | |
| padding-right: 0px; } | |
| .pl-Box--pr-1-bp1600 { | |
| padding-right: 4px; } | |
| .pl-Box--pr-2-bp1600 { | |
| padding-right: 8px; } | |
| .pl-Box--pr-3-bp1600 { | |
| padding-right: 12px; } | |
| .pl-Box--pr-4-bp1600 { | |
| padding-right: 16px; } | |
| .pl-Box--pr-5-bp1600 { | |
| padding-right: 20px; } | |
| .pl-Box--pr-6-bp1600 { | |
| padding-right: 24px; } | |
| .pl-Box--pr-7-bp1600 { | |
| padding-right: 28px; } | |
| .pl-Box--pr-8-bp1600 { | |
| padding-right: 32px; } | |
| .pl-Box--pr-9-bp1600 { | |
| padding-right: 36px; } | |
| .pl-Box--pr-10-bp1600 { | |
| padding-right: 40px; } } | |
| @media screen and (min-width: 800px) { | |
| .pl-Box--mt-0-bp800 { | |
| margin-top: 0px; } | |
| .pl-Box--mt-1-bp800 { | |
| margin-top: 4px; } | |
| .pl-Box--mt-2-bp800 { | |
| margin-top: 8px; } | |
| .pl-Box--mt-3-bp800 { | |
| margin-top: 12px; } | |
| .pl-Box--mt-4-bp800 { | |
| margin-top: 16px; } | |
| .pl-Box--mt-5-bp800 { | |
| margin-top: 20px; } | |
| .pl-Box--mt-6-bp800 { | |
| margin-top: 24px; } | |
| .pl-Box--mt-7-bp800 { | |
| margin-top: 28px; } | |
| .pl-Box--mt-8-bp800 { | |
| margin-top: 32px; } | |
| .pl-Box--mt-9-bp800 { | |
| margin-top: 36px; } | |
| .pl-Box--mt-10-bp800 { | |
| margin-top: 40px; } } | |
| @media screen and (min-width: 960px) { | |
| .pl-Box--mt-0-bp960 { | |
| margin-top: 0px; } | |
| .pl-Box--mt-1-bp960 { | |
| margin-top: 4px; } | |
| .pl-Box--mt-2-bp960 { | |
| margin-top: 8px; } | |
| .pl-Box--mt-3-bp960 { | |
| margin-top: 12px; } | |
| .pl-Box--mt-4-bp960 { | |
| margin-top: 16px; } | |
| .pl-Box--mt-5-bp960 { | |
| margin-top: 20px; } | |
| .pl-Box--mt-6-bp960 { | |
| margin-top: 24px; } | |
| .pl-Box--mt-7-bp960 { | |
| margin-top: 28px; } | |
| .pl-Box--mt-8-bp960 { | |
| margin-top: 32px; } | |
| .pl-Box--mt-9-bp960 { | |
| margin-top: 36px; } | |
| .pl-Box--mt-10-bp960 { | |
| margin-top: 40px; } } | |
| @media screen and (min-width: 1120px) { | |
| .pl-Box--mt-0-bp1120 { | |
| margin-top: 0px; } | |
| .pl-Box--mt-1-bp1120 { | |
| margin-top: 4px; } | |
| .pl-Box--mt-2-bp1120 { | |
| margin-top: 8px; } | |
| .pl-Box--mt-3-bp1120 { | |
| margin-top: 12px; } | |
| .pl-Box--mt-4-bp1120 { | |
| margin-top: 16px; } | |
| .pl-Box--mt-5-bp1120 { | |
| margin-top: 20px; } | |
| .pl-Box--mt-6-bp1120 { | |
| margin-top: 24px; } | |
| .pl-Box--mt-7-bp1120 { | |
| margin-top: 28px; } | |
| .pl-Box--mt-8-bp1120 { | |
| margin-top: 32px; } | |
| .pl-Box--mt-9-bp1120 { | |
| margin-top: 36px; } | |
| .pl-Box--mt-10-bp1120 { | |
| margin-top: 40px; } } | |
| @media screen and (min-width: 1280px) { | |
| .pl-Box--mt-0-bp1280 { | |
| margin-top: 0px; } | |
| .pl-Box--mt-1-bp1280 { | |
| margin-top: 4px; } | |
| .pl-Box--mt-2-bp1280 { | |
| margin-top: 8px; } | |
| .pl-Box--mt-3-bp1280 { | |
| margin-top: 12px; } | |
| .pl-Box--mt-4-bp1280 { | |
| margin-top: 16px; } | |
| .pl-Box--mt-5-bp1280 { | |
| margin-top: 20px; } | |
| .pl-Box--mt-6-bp1280 { | |
| margin-top: 24px; } | |
| .pl-Box--mt-7-bp1280 { | |
| margin-top: 28px; } | |
| .pl-Box--mt-8-bp1280 { | |
| margin-top: 32px; } | |
| .pl-Box--mt-9-bp1280 { | |
| margin-top: 36px; } | |
| .pl-Box--mt-10-bp1280 { | |
| margin-top: 40px; } } | |
| @media screen and (min-width: 1440px) { | |
| .pl-Box--mt-0-bp1440 { | |
| margin-top: 0px; } | |
| .pl-Box--mt-1-bp1440 { | |
| margin-top: 4px; } | |
| .pl-Box--mt-2-bp1440 { | |
| margin-top: 8px; } | |
| .pl-Box--mt-3-bp1440 { | |
| margin-top: 12px; } | |
| .pl-Box--mt-4-bp1440 { | |
| margin-top: 16px; } | |
| .pl-Box--mt-5-bp1440 { | |
| margin-top: 20px; } | |
| .pl-Box--mt-6-bp1440 { | |
| margin-top: 24px; } | |
| .pl-Box--mt-7-bp1440 { | |
| margin-top: 28px; } | |
| .pl-Box--mt-8-bp1440 { | |
| margin-top: 32px; } | |
| .pl-Box--mt-9-bp1440 { | |
| margin-top: 36px; } | |
| .pl-Box--mt-10-bp1440 { | |
| margin-top: 40px; } } | |
| @media screen and (min-width: 1600px) { | |
| .pl-Box--mt-0-bp1600 { | |
| margin-top: 0px; } | |
| .pl-Box--mt-1-bp1600 { | |
| margin-top: 4px; } | |
| .pl-Box--mt-2-bp1600 { | |
| margin-top: 8px; } | |
| .pl-Box--mt-3-bp1600 { | |
| margin-top: 12px; } | |
| .pl-Box--mt-4-bp1600 { | |
| margin-top: 16px; } | |
| .pl-Box--mt-5-bp1600 { | |
| margin-top: 20px; } | |
| .pl-Box--mt-6-bp1600 { | |
| margin-top: 24px; } | |
| .pl-Box--mt-7-bp1600 { | |
| margin-top: 28px; } | |
| .pl-Box--mt-8-bp1600 { | |
| margin-top: 32px; } | |
| .pl-Box--mt-9-bp1600 { | |
| margin-top: 36px; } | |
| .pl-Box--mt-10-bp1600 { | |
| margin-top: 40px; } } | |
| @media screen and (min-width: 800px) { | |
| .pl-Box--pt-0-bp800 { | |
| padding-top: 0px; } | |
| .pl-Box--pt-1-bp800 { | |
| padding-top: 4px; } | |
| .pl-Box--pt-2-bp800 { | |
| padding-top: 8px; } | |
| .pl-Box--pt-3-bp800 { | |
| padding-top: 12px; } | |
| .pl-Box--pt-4-bp800 { | |
| padding-top: 16px; } | |
| .pl-Box--pt-5-bp800 { | |
| padding-top: 20px; } | |
| .pl-Box--pt-6-bp800 { | |
| padding-top: 24px; } | |
| .pl-Box--pt-7-bp800 { | |
| padding-top: 28px; } | |
| .pl-Box--pt-8-bp800 { | |
| padding-top: 32px; } | |
| .pl-Box--pt-9-bp800 { | |
| padding-top: 36px; } | |
| .pl-Box--pt-10-bp800 { | |
| padding-top: 40px; } } | |
| @media screen and (min-width: 960px) { | |
| .pl-Box--pt-0-bp960 { | |
| padding-top: 0px; } | |
| .pl-Box--pt-1-bp960 { | |
| padding-top: 4px; } | |
| .pl-Box--pt-2-bp960 { | |
| padding-top: 8px; } | |
| .pl-Box--pt-3-bp960 { | |
| padding-top: 12px; } | |
| .pl-Box--pt-4-bp960 { | |
| padding-top: 16px; } | |
| .pl-Box--pt-5-bp960 { | |
| padding-top: 20px; } | |
| .pl-Box--pt-6-bp960 { | |
| padding-top: 24px; } | |
| .pl-Box--pt-7-bp960 { | |
| padding-top: 28px; } | |
| .pl-Box--pt-8-bp960 { | |
| padding-top: 32px; } | |
| .pl-Box--pt-9-bp960 { | |
| padding-top: 36px; } | |
| .pl-Box--pt-10-bp960 { | |
| padding-top: 40px; } } | |
| @media screen and (min-width: 1120px) { | |
| .pl-Box--pt-0-bp1120 { | |
| padding-top: 0px; } | |
| .pl-Box--pt-1-bp1120 { | |
| padding-top: 4px; } | |
| .pl-Box--pt-2-bp1120 { | |
| padding-top: 8px; } | |
| .pl-Box--pt-3-bp1120 { | |
| padding-top: 12px; } | |
| .pl-Box--pt-4-bp1120 { | |
| padding-top: 16px; } | |
| .pl-Box--pt-5-bp1120 { | |
| padding-top: 20px; } | |
| .pl-Box--pt-6-bp1120 { | |
| padding-top: 24px; } | |
| .pl-Box--pt-7-bp1120 { | |
| padding-top: 28px; } | |
| .pl-Box--pt-8-bp1120 { | |
| padding-top: 32px; } | |
| .pl-Box--pt-9-bp1120 { | |
| padding-top: 36px; } | |
| .pl-Box--pt-10-bp1120 { | |
| padding-top: 40px; } } | |
| @media screen and (min-width: 1280px) { | |
| .pl-Box--pt-0-bp1280 { | |
| padding-top: 0px; } | |
| .pl-Box--pt-1-bp1280 { | |
| padding-top: 4px; } | |
| .pl-Box--pt-2-bp1280 { | |
| padding-top: 8px; } | |
| .pl-Box--pt-3-bp1280 { | |
| padding-top: 12px; } | |
| .pl-Box--pt-4-bp1280 { | |
| padding-top: 16px; } | |
| .pl-Box--pt-5-bp1280 { | |
| padding-top: 20px; } | |
| .pl-Box--pt-6-bp1280 { | |
| padding-top: 24px; } | |
| .pl-Box--pt-7-bp1280 { | |
| padding-top: 28px; } | |
| .pl-Box--pt-8-bp1280 { | |
| padding-top: 32px; } | |
| .pl-Box--pt-9-bp1280 { | |
| padding-top: 36px; } | |
| .pl-Box--pt-10-bp1280 { | |
| padding-top: 40px; } } | |
| @media screen and (min-width: 1440px) { | |
| .pl-Box--pt-0-bp1440 { | |
| padding-top: 0px; } | |
| .pl-Box--pt-1-bp1440 { | |
| padding-top: 4px; } | |
| .pl-Box--pt-2-bp1440 { | |
| padding-top: 8px; } | |
| .pl-Box--pt-3-bp1440 { | |
| padding-top: 12px; } | |
| .pl-Box--pt-4-bp1440 { | |
| padding-top: 16px; } | |
| .pl-Box--pt-5-bp1440 { | |
| padding-top: 20px; } | |
| .pl-Box--pt-6-bp1440 { | |
| padding-top: 24px; } | |
| .pl-Box--pt-7-bp1440 { | |
| padding-top: 28px; } | |
| .pl-Box--pt-8-bp1440 { | |
| padding-top: 32px; } | |
| .pl-Box--pt-9-bp1440 { | |
| padding-top: 36px; } | |
| .pl-Box--pt-10-bp1440 { | |
| padding-top: 40px; } } | |
| @media screen and (min-width: 1600px) { | |
| .pl-Box--pt-0-bp1600 { | |
| padding-top: 0px; } | |
| .pl-Box--pt-1-bp1600 { | |
| padding-top: 4px; } | |
| .pl-Box--pt-2-bp1600 { | |
| padding-top: 8px; } | |
| .pl-Box--pt-3-bp1600 { | |
| padding-top: 12px; } | |
| .pl-Box--pt-4-bp1600 { | |
| padding-top: 16px; } | |
| .pl-Box--pt-5-bp1600 { | |
| padding-top: 20px; } | |
| .pl-Box--pt-6-bp1600 { | |
| padding-top: 24px; } | |
| .pl-Box--pt-7-bp1600 { | |
| padding-top: 28px; } | |
| .pl-Box--pt-8-bp1600 { | |
| padding-top: 32px; } | |
| .pl-Box--pt-9-bp1600 { | |
| padding-top: 36px; } | |
| .pl-Box--pt-10-bp1600 { | |
| padding-top: 40px; } } | |
| @media screen and (min-width: 800px) { | |
| .pl-Box--mb-0-bp800 { | |
| margin-bottom: 0px; } | |
| .pl-Box--mb-1-bp800 { | |
| margin-bottom: 4px; } | |
| .pl-Box--mb-2-bp800 { | |
| margin-bottom: 8px; } | |
| .pl-Box--mb-3-bp800 { | |
| margin-bottom: 12px; } | |
| .pl-Box--mb-4-bp800 { | |
| margin-bottom: 16px; } | |
| .pl-Box--mb-5-bp800 { | |
| margin-bottom: 20px; } | |
| .pl-Box--mb-6-bp800 { | |
| margin-bottom: 24px; } | |
| .pl-Box--mb-7-bp800 { | |
| margin-bottom: 28px; } | |
| .pl-Box--mb-8-bp800 { | |
| margin-bottom: 32px; } | |
| .pl-Box--mb-9-bp800 { | |
| margin-bottom: 36px; } | |
| .pl-Box--mb-10-bp800 { | |
| margin-bottom: 40px; } } | |
| @media screen and (min-width: 960px) { | |
| .pl-Box--mb-0-bp960 { | |
| margin-bottom: 0px; } | |
| .pl-Box--mb-1-bp960 { | |
| margin-bottom: 4px; } | |
| .pl-Box--mb-2-bp960 { | |
| margin-bottom: 8px; } | |
| .pl-Box--mb-3-bp960 { | |
| margin-bottom: 12px; } | |
| .pl-Box--mb-4-bp960 { | |
| margin-bottom: 16px; } | |
| .pl-Box--mb-5-bp960 { | |
| margin-bottom: 20px; } | |
| .pl-Box--mb-6-bp960 { | |
| margin-bottom: 24px; } | |
| .pl-Box--mb-7-bp960 { | |
| margin-bottom: 28px; } | |
| .pl-Box--mb-8-bp960 { | |
| margin-bottom: 32px; } | |
| .pl-Box--mb-9-bp960 { | |
| margin-bottom: 36px; } | |
| .pl-Box--mb-10-bp960 { | |
| margin-bottom: 40px; } } | |
| @media screen and (min-width: 1120px) { | |
| .pl-Box--mb-0-bp1120 { | |
| margin-bottom: 0px; } | |
| .pl-Box--mb-1-bp1120 { | |
| margin-bottom: 4px; } | |
| .pl-Box--mb-2-bp1120 { | |
| margin-bottom: 8px; } | |
| .pl-Box--mb-3-bp1120 { | |
| margin-bottom: 12px; } | |
| .pl-Box--mb-4-bp1120 { | |
| margin-bottom: 16px; } | |
| .pl-Box--mb-5-bp1120 { | |
| margin-bottom: 20px; } | |
| .pl-Box--mb-6-bp1120 { | |
| margin-bottom: 24px; } | |
| .pl-Box--mb-7-bp1120 { | |
| margin-bottom: 28px; } | |
| .pl-Box--mb-8-bp1120 { | |
| margin-bottom: 32px; } | |
| .pl-Box--mb-9-bp1120 { | |
| margin-bottom: 36px; } | |
| .pl-Box--mb-10-bp1120 { | |
| margin-bottom: 40px; } } | |
| @media screen and (min-width: 1280px) { | |
| .pl-Box--mb-0-bp1280 { | |
| margin-bottom: 0px; } | |
| .pl-Box--mb-1-bp1280 { | |
| margin-bottom: 4px; } | |
| .pl-Box--mb-2-bp1280 { | |
| margin-bottom: 8px; } | |
| .pl-Box--mb-3-bp1280 { | |
| margin-bottom: 12px; } | |
| .pl-Box--mb-4-bp1280 { | |
| margin-bottom: 16px; } | |
| .pl-Box--mb-5-bp1280 { | |
| margin-bottom: 20px; } | |
| .pl-Box--mb-6-bp1280 { | |
| margin-bottom: 24px; } | |
| .pl-Box--mb-7-bp1280 { | |
| margin-bottom: 28px; } | |
| .pl-Box--mb-8-bp1280 { | |
| margin-bottom: 32px; } | |
| .pl-Box--mb-9-bp1280 { | |
| margin-bottom: 36px; } | |
| .pl-Box--mb-10-bp1280 { | |
| margin-bottom: 40px; } } | |
| @media screen and (min-width: 1440px) { | |
| .pl-Box--mb-0-bp1440 { | |
| margin-bottom: 0px; } | |
| .pl-Box--mb-1-bp1440 { | |
| margin-bottom: 4px; } | |
| .pl-Box--mb-2-bp1440 { | |
| margin-bottom: 8px; } | |
| .pl-Box--mb-3-bp1440 { | |
| margin-bottom: 12px; } | |
| .pl-Box--mb-4-bp1440 { | |
| margin-bottom: 16px; } | |
| .pl-Box--mb-5-bp1440 { | |
| margin-bottom: 20px; } | |
| .pl-Box--mb-6-bp1440 { | |
| margin-bottom: 24px; } | |
| .pl-Box--mb-7-bp1440 { | |
| margin-bottom: 28px; } | |
| .pl-Box--mb-8-bp1440 { | |
| margin-bottom: 32px; } | |
| .pl-Box--mb-9-bp1440 { | |
| margin-bottom: 36px; } | |
| .pl-Box--mb-10-bp1440 { | |
| margin-bottom: 40px; } } | |
| @media screen and (min-width: 1600px) { | |
| .pl-Box--mb-0-bp1600 { | |
| margin-bottom: 0px; } | |
| .pl-Box--mb-1-bp1600 { | |
| margin-bottom: 4px; } | |
| .pl-Box--mb-2-bp1600 { | |
| margin-bottom: 8px; } | |
| .pl-Box--mb-3-bp1600 { | |
| margin-bottom: 12px; } | |
| .pl-Box--mb-4-bp1600 { | |
| margin-bottom: 16px; } | |
| .pl-Box--mb-5-bp1600 { | |
| margin-bottom: 20px; } | |
| .pl-Box--mb-6-bp1600 { | |
| margin-bottom: 24px; } | |
| .pl-Box--mb-7-bp1600 { | |
| margin-bottom: 28px; } | |
| .pl-Box--mb-8-bp1600 { | |
| margin-bottom: 32px; } | |
| .pl-Box--mb-9-bp1600 { | |
| margin-bottom: 36px; } | |
| .pl-Box--mb-10-bp1600 { | |
| margin-bottom: 40px; } } | |
| @media screen and (min-width: 800px) { | |
| .pl-Box--pb-0-bp800 { | |
| padding-bottom: 0px; } | |
| .pl-Box--pb-1-bp800 { | |
| padding-bottom: 4px; } | |
| .pl-Box--pb-2-bp800 { | |
| padding-bottom: 8px; } | |
| .pl-Box--pb-3-bp800 { | |
| padding-bottom: 12px; } | |
| .pl-Box--pb-4-bp800 { | |
| padding-bottom: 16px; } | |
| .pl-Box--pb-5-bp800 { | |
| padding-bottom: 20px; } | |
| .pl-Box--pb-6-bp800 { | |
| padding-bottom: 24px; } | |
| .pl-Box--pb-7-bp800 { | |
| padding-bottom: 28px; } | |
| .pl-Box--pb-8-bp800 { | |
| padding-bottom: 32px; } | |
| .pl-Box--pb-9-bp800 { | |
| padding-bottom: 36px; } | |
| .pl-Box--pb-10-bp800 { | |
| padding-bottom: 40px; } } | |
| @media screen and (min-width: 960px) { | |
| .pl-Box--pb-0-bp960 { | |
| padding-bottom: 0px; } | |
| .pl-Box--pb-1-bp960 { | |
| padding-bottom: 4px; } | |
| .pl-Box--pb-2-bp960 { | |
| padding-bottom: 8px; } | |
| .pl-Box--pb-3-bp960 { | |
| padding-bottom: 12px; } | |
| .pl-Box--pb-4-bp960 { | |
| padding-bottom: 16px; } | |
| .pl-Box--pb-5-bp960 { | |
| padding-bottom: 20px; } | |
| .pl-Box--pb-6-bp960 { | |
| padding-bottom: 24px; } | |
| .pl-Box--pb-7-bp960 { | |
| padding-bottom: 28px; } | |
| .pl-Box--pb-8-bp960 { | |
| padding-bottom: 32px; } | |
| .pl-Box--pb-9-bp960 { | |
| padding-bottom: 36px; } | |
| .pl-Box--pb-10-bp960 { | |
| padding-bottom: 40px; } } | |
| @media screen and (min-width: 1120px) { | |
| .pl-Box--pb-0-bp1120 { | |
| padding-bottom: 0px; } | |
| .pl-Box--pb-1-bp1120 { | |
| padding-bottom: 4px; } | |
| .pl-Box--pb-2-bp1120 { | |
| padding-bottom: 8px; } | |
| .pl-Box--pb-3-bp1120 { | |
| padding-bottom: 12px; } | |
| .pl-Box--pb-4-bp1120 { | |
| padding-bottom: 16px; } | |
| .pl-Box--pb-5-bp1120 { | |
| padding-bottom: 20px; } | |
| .pl-Box--pb-6-bp1120 { | |
| padding-bottom: 24px; } | |
| .pl-Box--pb-7-bp1120 { | |
| padding-bottom: 28px; } | |
| .pl-Box--pb-8-bp1120 { | |
| padding-bottom: 32px; } | |
| .pl-Box--pb-9-bp1120 { | |
| padding-bottom: 36px; } | |
| .pl-Box--pb-10-bp1120 { | |
| padding-bottom: 40px; } } | |
| @media screen and (min-width: 1280px) { | |
| .pl-Box--pb-0-bp1280 { | |
| padding-bottom: 0px; } | |
| .pl-Box--pb-1-bp1280 { | |
| padding-bottom: 4px; } | |
| .pl-Box--pb-2-bp1280 { | |
| padding-bottom: 8px; } | |
| .pl-Box--pb-3-bp1280 { | |
| padding-bottom: 12px; } | |
| .pl-Box--pb-4-bp1280 { | |
| padding-bottom: 16px; } | |
| .pl-Box--pb-5-bp1280 { | |
| padding-bottom: 20px; } | |
| .pl-Box--pb-6-bp1280 { | |
| padding-bottom: 24px; } | |
| .pl-Box--pb-7-bp1280 { | |
| padding-bottom: 28px; } | |
| .pl-Box--pb-8-bp1280 { | |
| padding-bottom: 32px; } | |
| .pl-Box--pb-9-bp1280 { | |
| padding-bottom: 36px; } | |
| .pl-Box--pb-10-bp1280 { | |
| padding-bottom: 40px; } } | |
| @media screen and (min-width: 1440px) { | |
| .pl-Box--pb-0-bp1440 { | |
| padding-bottom: 0px; } | |
| .pl-Box--pb-1-bp1440 { | |
| padding-bottom: 4px; } | |
| .pl-Box--pb-2-bp1440 { | |
| padding-bottom: 8px; } | |
| .pl-Box--pb-3-bp1440 { | |
| padding-bottom: 12px; } | |
| .pl-Box--pb-4-bp1440 { | |
| padding-bottom: 16px; } | |
| .pl-Box--pb-5-bp1440 { | |
| padding-bottom: 20px; } | |
| .pl-Box--pb-6-bp1440 { | |
| padding-bottom: 24px; } | |
| .pl-Box--pb-7-bp1440 { | |
| padding-bottom: 28px; } | |
| .pl-Box--pb-8-bp1440 { | |
| padding-bottom: 32px; } | |
| .pl-Box--pb-9-bp1440 { | |
| padding-bottom: 36px; } | |
| .pl-Box--pb-10-bp1440 { | |
| padding-bottom: 40px; } } | |
| @media screen and (min-width: 1600px) { | |
| .pl-Box--pb-0-bp1600 { | |
| padding-bottom: 0px; } | |
| .pl-Box--pb-1-bp1600 { | |
| padding-bottom: 4px; } | |
| .pl-Box--pb-2-bp1600 { | |
| padding-bottom: 8px; } | |
| .pl-Box--pb-3-bp1600 { | |
| padding-bottom: 12px; } | |
| .pl-Box--pb-4-bp1600 { | |
| padding-bottom: 16px; } | |
| .pl-Box--pb-5-bp1600 { | |
| padding-bottom: 20px; } | |
| .pl-Box--pb-6-bp1600 { | |
| padding-bottom: 24px; } | |
| .pl-Box--pb-7-bp1600 { | |
| padding-bottom: 28px; } | |
| .pl-Box--pb-8-bp1600 { | |
| padding-bottom: 32px; } | |
| .pl-Box--pb-9-bp1600 { | |
| padding-bottom: 36px; } | |
| .pl-Box--pb-10-bp1600 { | |
| padding-bottom: 40px; } } | |
| @media screen and (min-width: 800px) { | |
| .pl-Box--position-absolute-bp800 { | |
| position: absolute; } | |
| .pl-Box--position-relative-bp800 { | |
| position: relative; } | |
| .pl-Box--position-fixed-bp800 { | |
| position: fixed; } | |
| .pl-Box--position-static-bp800 { | |
| position: static; } | |
| .pl-Box--position-sticky-bp800 { | |
| position: sticky; } } | |
| @media screen and (min-width: 960px) { | |
| .pl-Box--position-absolute-bp960 { | |
| position: absolute; } | |
| .pl-Box--position-relative-bp960 { | |
| position: relative; } | |
| .pl-Box--position-fixed-bp960 { | |
| position: fixed; } | |
| .pl-Box--position-static-bp960 { | |
| position: static; } | |
| .pl-Box--position-sticky-bp960 { | |
| position: sticky; } } | |
| @media screen and (min-width: 1120px) { | |
| .pl-Box--position-absolute-bp1120 { | |
| position: absolute; } | |
| .pl-Box--position-relative-bp1120 { | |
| position: relative; } | |
| .pl-Box--position-fixed-bp1120 { | |
| position: fixed; } | |
| .pl-Box--position-static-bp1120 { | |
| position: static; } | |
| .pl-Box--position-sticky-bp1120 { | |
| position: sticky; } } | |
| @media screen and (min-width: 1280px) { | |
| .pl-Box--position-absolute-bp1280 { | |
| position: absolute; } | |
| .pl-Box--position-relative-bp1280 { | |
| position: relative; } | |
| .pl-Box--position-fixed-bp1280 { | |
| position: fixed; } | |
| .pl-Box--position-static-bp1280 { | |
| position: static; } | |
| .pl-Box--position-sticky-bp1280 { | |
| position: sticky; } } | |
| @media screen and (min-width: 1440px) { | |
| .pl-Box--position-absolute-bp1440 { | |
| position: absolute; } | |
| .pl-Box--position-relative-bp1440 { | |
| position: relative; } | |
| .pl-Box--position-fixed-bp1440 { | |
| position: fixed; } | |
| .pl-Box--position-static-bp1440 { | |
| position: static; } | |
| .pl-Box--position-sticky-bp1440 { | |
| position: sticky; } } | |
| @media screen and (min-width: 1600px) { | |
| .pl-Box--position-absolute-bp1600 { | |
| position: absolute; } | |
| .pl-Box--position-relative-bp1600 { | |
| position: relative; } | |
| .pl-Box--position-fixed-bp1600 { | |
| position: fixed; } | |
| .pl-Box--position-static-bp1600 { | |
| position: static; } | |
| .pl-Box--position-sticky-bp1600 { | |
| position: sticky; } } | |
| @media screen and (min-width: 800px) { | |
| .pl-Box--size-1-bp800 { | |
| flex-basis: calc(100% / 12 * 1); | |
| max-width: calc(100% / 12 * 1); } | |
| .pl-Box--size-2-bp800 { | |
| flex-basis: calc(100% / 12 * 2); | |
| max-width: calc(100% / 12 * 2); } | |
| .pl-Box--size-3-bp800 { | |
| flex-basis: calc(100% / 12 * 3); | |
| max-width: calc(100% / 12 * 3); } | |
| .pl-Box--size-4-bp800 { | |
| flex-basis: calc(100% / 12 * 4); | |
| max-width: calc(100% / 12 * 4); } | |
| .pl-Box--size-5-bp800 { | |
| flex-basis: calc(100% / 12 * 5); | |
| max-width: calc(100% / 12 * 5); } | |
| .pl-Box--size-6-bp800 { | |
| flex-basis: calc(100% / 12 * 6); | |
| max-width: calc(100% / 12 * 6); } | |
| .pl-Box--size-7-bp800 { | |
| flex-basis: calc(100% / 12 * 7); | |
| max-width: calc(100% / 12 * 7); } | |
| .pl-Box--size-8-bp800 { | |
| flex-basis: calc(100% / 12 * 8); | |
| max-width: calc(100% / 12 * 8); } | |
| .pl-Box--size-9-bp800 { | |
| flex-basis: calc(100% / 12 * 9); | |
| max-width: calc(100% / 12 * 9); } | |
| .pl-Box--size-10-bp800 { | |
| flex-basis: calc(100% / 12 * 10); | |
| max-width: calc(100% / 12 * 10); } | |
| .pl-Box--size-11-bp800 { | |
| flex-basis: calc(100% / 12 * 11); | |
| max-width: calc(100% / 12 * 11); } | |
| .pl-Box--size-12-bp800 { | |
| flex-basis: calc(100% / 12 * 12); | |
| max-width: calc(100% / 12 * 12); } } | |
| @media screen and (min-width: 960px) { | |
| .pl-Box--size-1-bp960 { | |
| flex-basis: calc(100% / 12 * 1); | |
| max-width: calc(100% / 12 * 1); } | |
| .pl-Box--size-2-bp960 { | |
| flex-basis: calc(100% / 12 * 2); | |
| max-width: calc(100% / 12 * 2); } | |
| .pl-Box--size-3-bp960 { | |
| flex-basis: calc(100% / 12 * 3); | |
| max-width: calc(100% / 12 * 3); } | |
| .pl-Box--size-4-bp960 { | |
| flex-basis: calc(100% / 12 * 4); | |
| max-width: calc(100% / 12 * 4); } | |
| .pl-Box--size-5-bp960 { | |
| flex-basis: calc(100% / 12 * 5); | |
| max-width: calc(100% / 12 * 5); } | |
| .pl-Box--size-6-bp960 { | |
| flex-basis: calc(100% / 12 * 6); | |
| max-width: calc(100% / 12 * 6); } | |
| .pl-Box--size-7-bp960 { | |
| flex-basis: calc(100% / 12 * 7); | |
| max-width: calc(100% / 12 * 7); } | |
| .pl-Box--size-8-bp960 { | |
| flex-basis: calc(100% / 12 * 8); | |
| max-width: calc(100% / 12 * 8); } | |
| .pl-Box--size-9-bp960 { | |
| flex-basis: calc(100% / 12 * 9); | |
| max-width: calc(100% / 12 * 9); } | |
| .pl-Box--size-10-bp960 { | |
| flex-basis: calc(100% / 12 * 10); | |
| max-width: calc(100% / 12 * 10); } | |
| .pl-Box--size-11-bp960 { | |
| flex-basis: calc(100% / 12 * 11); | |
| max-width: calc(100% / 12 * 11); } | |
| .pl-Box--size-12-bp960 { | |
| flex-basis: calc(100% / 12 * 12); | |
| max-width: calc(100% / 12 * 12); } } | |
| @media screen and (min-width: 1120px) { | |
| .pl-Box--size-1-bp1120 { | |
| flex-basis: calc(100% / 12 * 1); | |
| max-width: calc(100% / 12 * 1); } | |
| .pl-Box--size-2-bp1120 { | |
| flex-basis: calc(100% / 12 * 2); | |
| max-width: calc(100% / 12 * 2); } | |
| .pl-Box--size-3-bp1120 { | |
| flex-basis: calc(100% / 12 * 3); | |
| max-width: calc(100% / 12 * 3); } | |
| .pl-Box--size-4-bp1120 { | |
| flex-basis: calc(100% / 12 * 4); | |
| max-width: calc(100% / 12 * 4); } | |
| .pl-Box--size-5-bp1120 { | |
| flex-basis: calc(100% / 12 * 5); | |
| max-width: calc(100% / 12 * 5); } | |
| .pl-Box--size-6-bp1120 { | |
| flex-basis: calc(100% / 12 * 6); | |
| max-width: calc(100% / 12 * 6); } | |
| .pl-Box--size-7-bp1120 { | |
| flex-basis: calc(100% / 12 * 7); | |
| max-width: calc(100% / 12 * 7); } | |
| .pl-Box--size-8-bp1120 { | |
| flex-basis: calc(100% / 12 * 8); | |
| max-width: calc(100% / 12 * 8); } | |
| .pl-Box--size-9-bp1120 { | |
| flex-basis: calc(100% / 12 * 9); | |
| max-width: calc(100% / 12 * 9); } | |
| .pl-Box--size-10-bp1120 { | |
| flex-basis: calc(100% / 12 * 10); | |
| max-width: calc(100% / 12 * 10); } | |
| .pl-Box--size-11-bp1120 { | |
| flex-basis: calc(100% / 12 * 11); | |
| max-width: calc(100% / 12 * 11); } | |
| .pl-Box--size-12-bp1120 { | |
| flex-basis: calc(100% / 12 * 12); | |
| max-width: calc(100% / 12 * 12); } } | |
| @media screen and (min-width: 1280px) { | |
| .pl-Box--size-1-bp1280 { | |
| flex-basis: calc(100% / 12 * 1); | |
| max-width: calc(100% / 12 * 1); } | |
| .pl-Box--size-2-bp1280 { | |
| flex-basis: calc(100% / 12 * 2); | |
| max-width: calc(100% / 12 * 2); } | |
| .pl-Box--size-3-bp1280 { | |
| flex-basis: calc(100% / 12 * 3); | |
| max-width: calc(100% / 12 * 3); } | |
| .pl-Box--size-4-bp1280 { | |
| flex-basis: calc(100% / 12 * 4); | |
| max-width: calc(100% / 12 * 4); } | |
| .pl-Box--size-5-bp1280 { | |
| flex-basis: calc(100% / 12 * 5); | |
| max-width: calc(100% / 12 * 5); } | |
| .pl-Box--size-6-bp1280 { | |
| flex-basis: calc(100% / 12 * 6); | |
| max-width: calc(100% / 12 * 6); } | |
| .pl-Box--size-7-bp1280 { | |
| flex-basis: calc(100% / 12 * 7); | |
| max-width: calc(100% / 12 * 7); } | |
| .pl-Box--size-8-bp1280 { | |
| flex-basis: calc(100% / 12 * 8); | |
| max-width: calc(100% / 12 * 8); } | |
| .pl-Box--size-9-bp1280 { | |
| flex-basis: calc(100% / 12 * 9); | |
| max-width: calc(100% / 12 * 9); } | |
| .pl-Box--size-10-bp1280 { | |
| flex-basis: calc(100% / 12 * 10); | |
| max-width: calc(100% / 12 * 10); } | |
| .pl-Box--size-11-bp1280 { | |
| flex-basis: calc(100% / 12 * 11); | |
| max-width: calc(100% / 12 * 11); } | |
| .pl-Box--size-12-bp1280 { | |
| flex-basis: calc(100% / 12 * 12); | |
| max-width: calc(100% / 12 * 12); } } | |
| @media screen and (min-width: 1440px) { | |
| .pl-Box--size-1-bp1440 { | |
| flex-basis: calc(100% / 12 * 1); | |
| max-width: calc(100% / 12 * 1); } | |
| .pl-Box--size-2-bp1440 { | |
| flex-basis: calc(100% / 12 * 2); | |
| max-width: calc(100% / 12 * 2); } | |
| .pl-Box--size-3-bp1440 { | |
| flex-basis: calc(100% / 12 * 3); | |
| max-width: calc(100% / 12 * 3); } | |
| .pl-Box--size-4-bp1440 { | |
| flex-basis: calc(100% / 12 * 4); | |
| max-width: calc(100% / 12 * 4); } | |
| .pl-Box--size-5-bp1440 { | |
| flex-basis: calc(100% / 12 * 5); | |
| max-width: calc(100% / 12 * 5); } | |
| .pl-Box--size-6-bp1440 { | |
| flex-basis: calc(100% / 12 * 6); | |
| max-width: calc(100% / 12 * 6); } | |
| .pl-Box--size-7-bp1440 { | |
| flex-basis: calc(100% / 12 * 7); | |
| max-width: calc(100% / 12 * 7); } | |
| .pl-Box--size-8-bp1440 { | |
| flex-basis: calc(100% / 12 * 8); | |
| max-width: calc(100% / 12 * 8); } | |
| .pl-Box--size-9-bp1440 { | |
| flex-basis: calc(100% / 12 * 9); | |
| max-width: calc(100% / 12 * 9); } | |
| .pl-Box--size-10-bp1440 { | |
| flex-basis: calc(100% / 12 * 10); | |
| max-width: calc(100% / 12 * 10); } | |
| .pl-Box--size-11-bp1440 { | |
| flex-basis: calc(100% / 12 * 11); | |
| max-width: calc(100% / 12 * 11); } | |
| .pl-Box--size-12-bp1440 { | |
| flex-basis: calc(100% / 12 * 12); | |
| max-width: calc(100% / 12 * 12); } } | |
| @media screen and (min-width: 1600px) { | |
| .pl-Box--size-1-bp1600 { | |
| flex-basis: calc(100% / 12 * 1); | |
| max-width: calc(100% / 12 * 1); } | |
| .pl-Box--size-2-bp1600 { | |
| flex-basis: calc(100% / 12 * 2); | |
| max-width: calc(100% / 12 * 2); } | |
| .pl-Box--size-3-bp1600 { | |
| flex-basis: calc(100% / 12 * 3); | |
| max-width: calc(100% / 12 * 3); } | |
| .pl-Box--size-4-bp1600 { | |
| flex-basis: calc(100% / 12 * 4); | |
| max-width: calc(100% / 12 * 4); } | |
| .pl-Box--size-5-bp1600 { | |
| flex-basis: calc(100% / 12 * 5); | |
| max-width: calc(100% / 12 * 5); } | |
| .pl-Box--size-6-bp1600 { | |
| flex-basis: calc(100% / 12 * 6); | |
| max-width: calc(100% / 12 * 6); } | |
| .pl-Box--size-7-bp1600 { | |
| flex-basis: calc(100% / 12 * 7); | |
| max-width: calc(100% / 12 * 7); } | |
| .pl-Box--size-8-bp1600 { | |
| flex-basis: calc(100% / 12 * 8); | |
| max-width: calc(100% / 12 * 8); } | |
| .pl-Box--size-9-bp1600 { | |
| flex-basis: calc(100% / 12 * 9); | |
| max-width: calc(100% / 12 * 9); } | |
| .pl-Box--size-10-bp1600 { | |
| flex-basis: calc(100% / 12 * 10); | |
| max-width: calc(100% / 12 * 10); } | |
| .pl-Box--size-11-bp1600 { | |
| flex-basis: calc(100% / 12 * 11); | |
| max-width: calc(100% / 12 * 11); } | |
| .pl-Box--size-12-bp1600 { | |
| flex-basis: calc(100% / 12 * 12); | |
| max-width: calc(100% / 12 * 12); } } | |
| @media screen and (min-width: 800px) { | |
| .pl-Box--bg-white-bp800 { | |
| background-color: #fff; } | |
| .pl-Box--bg-black--10-bp800 { | |
| background-color: #f5f5f5; } | |
| .pl-Box--bg-neutral-bp800 { | |
| background-color: #f5f5f5; } | |
| .pl-Box--bg-primary-bp800 { | |
| background-color: #f7f3f6; } | |
| .pl-Box--bg-b2b-bp800 { | |
| background-color: #e8f7f6; } } | |
| @media screen and (min-width: 960px) { | |
| .pl-Box--bg-white-bp960 { | |
| background-color: #fff; } | |
| .pl-Box--bg-black--10-bp960 { | |
| background-color: #f5f5f5; } | |
| .pl-Box--bg-neutral-bp960 { | |
| background-color: #f5f5f5; } | |
| .pl-Box--bg-primary-bp960 { | |
| background-color: #f7f3f6; } | |
| .pl-Box--bg-b2b-bp960 { | |
| background-color: #e8f7f6; } } | |
| @media screen and (min-width: 1120px) { | |
| .pl-Box--bg-white-bp1120 { | |
| background-color: #fff; } | |
| .pl-Box--bg-black--10-bp1120 { | |
| background-color: #f5f5f5; } | |
| .pl-Box--bg-neutral-bp1120 { | |
| background-color: #f5f5f5; } | |
| .pl-Box--bg-primary-bp1120 { | |
| background-color: #f7f3f6; } | |
| .pl-Box--bg-b2b-bp1120 { | |
| background-color: #e8f7f6; } } | |
| @media screen and (min-width: 1280px) { | |
| .pl-Box--bg-white-bp1280 { | |
| background-color: #fff; } | |
| .pl-Box--bg-black--10-bp1280 { | |
| background-color: #f5f5f5; } | |
| .pl-Box--bg-neutral-bp1280 { | |
| background-color: #f5f5f5; } | |
| .pl-Box--bg-primary-bp1280 { | |
| background-color: #f7f3f6; } | |
| .pl-Box--bg-b2b-bp1280 { | |
| background-color: #e8f7f6; } } | |
| @media screen and (min-width: 1440px) { | |
| .pl-Box--bg-white-bp1440 { | |
| background-color: #fff; } | |
| .pl-Box--bg-black--10-bp1440 { | |
| background-color: #f5f5f5; } | |
| .pl-Box--bg-neutral-bp1440 { | |
| background-color: #f5f5f5; } | |
| .pl-Box--bg-primary-bp1440 { | |
| background-color: #f7f3f6; } | |
| .pl-Box--bg-b2b-bp1440 { | |
| background-color: #e8f7f6; } } | |
| @media screen and (min-width: 1600px) { | |
| .pl-Box--bg-white-bp1600 { | |
| background-color: #fff; } | |
| .pl-Box--bg-black--10-bp1600 { | |
| background-color: #f5f5f5; } | |
| .pl-Box--bg-neutral-bp1600 { | |
| background-color: #f5f5f5; } | |
| .pl-Box--bg-primary-bp1600 { | |
| background-color: #f7f3f6; } | |
| .pl-Box--bg-b2b-bp1600 { | |
| background-color: #e8f7f6; } } | |
| @media screen and (min-width: 800px) { | |
| .pl-Box--btc-black--30-bp800 { | |
| border-top: 2px solid #bbbbbf; } } | |
| @media screen and (min-width: 960px) { | |
| .pl-Box--btc-black--30-bp960 { | |
| border-top: 2px solid #bbbbbf; } } | |
| @media screen and (min-width: 1120px) { | |
| .pl-Box--btc-black--30-bp1120 { | |
| border-top: 2px solid #bbbbbf; } } | |
| @media screen and (min-width: 1280px) { | |
| .pl-Box--btc-black--30-bp1280 { | |
| border-top: 2px solid #bbbbbf; } } | |
| @media screen and (min-width: 1440px) { | |
| .pl-Box--btc-black--30-bp1440 { | |
| border-top: 2px solid #bbbbbf; } } | |
| @media screen and (min-width: 1600px) { | |
| .pl-Box--btc-black--30-bp1600 { | |
| border-top: 2px solid #bbbbbf; } } | |
| @media screen and (min-width: 800px) { | |
| .pl-Box--bbc-black--30-bp800 { | |
| border-bottom: 2px solid #bbbbbf; } } | |
| @media screen and (min-width: 960px) { | |
| .pl-Box--bbc-black--30-bp960 { | |
| border-bottom: 2px solid #bbbbbf; } } | |
| @media screen and (min-width: 1120px) { | |
| .pl-Box--bbc-black--30-bp1120 { | |
| border-bottom: 2px solid #bbbbbf; } } | |
| @media screen and (min-width: 1280px) { | |
| .pl-Box--bbc-black--30-bp1280 { | |
| border-bottom: 2px solid #bbbbbf; } } | |
| @media screen and (min-width: 1440px) { | |
| .pl-Box--bbc-black--30-bp1440 { | |
| border-bottom: 2px solid #bbbbbf; } } | |
| @media screen and (min-width: 1600px) { | |
| .pl-Box--bbc-black--30-bp1600 { | |
| border-bottom: 2px solid #bbbbbf; } } | |
| @media screen and (min-width: 800px) { | |
| .pl-Box--brc-black--30-bp800 { | |
| border-right: 2px solid #bbbbbf; } } | |
| @media screen and (min-width: 960px) { | |
| .pl-Box--brc-black--30-bp960 { | |
| border-right: 2px solid #bbbbbf; } } | |
| @media screen and (min-width: 1120px) { | |
| .pl-Box--brc-black--30-bp1120 { | |
| border-right: 2px solid #bbbbbf; } } | |
| @media screen and (min-width: 1280px) { | |
| .pl-Box--brc-black--30-bp1280 { | |
| border-right: 2px solid #bbbbbf; } } | |
| @media screen and (min-width: 1440px) { | |
| .pl-Box--brc-black--30-bp1440 { | |
| border-right: 2px solid #bbbbbf; } } | |
| @media screen and (min-width: 1600px) { | |
| .pl-Box--brc-black--30-bp1600 { | |
| border-right: 2px solid #bbbbbf; } } | |
| @media screen and (min-width: 800px) { | |
| .pl-Box--blc-black--30-bp800 { | |
| border-left: 2px solid #bbbbbf; } } | |
| @media screen and (min-width: 960px) { | |
| .pl-Box--blc-black--30-bp960 { | |
| border-left: 2px solid #bbbbbf; } } | |
| @media screen and (min-width: 1120px) { | |
| .pl-Box--blc-black--30-bp1120 { | |
| border-left: 2px solid #bbbbbf; } } | |
| @media screen and (min-width: 1280px) { | |
| .pl-Box--blc-black--30-bp1280 { | |
| border-left: 2px solid #bbbbbf; } } | |
| @media screen and (min-width: 1440px) { | |
| .pl-Box--blc-black--30-bp1440 { | |
| border-left: 2px solid #bbbbbf; } } | |
| @media screen and (min-width: 1600px) { | |
| .pl-Box--blc-black--30-bp1600 { | |
| border-left: 2px solid #bbbbbf; } } | |
| @media screen and (min-width: 800px) { | |
| .pl-Box--bc-black--30-bp800 { | |
| border: 2px solid #bbbbbf; } } | |
| @media screen and (min-width: 960px) { | |
| .pl-Box--bc-black--30-bp960 { | |
| border: 2px solid #bbbbbf; } } | |
| @media screen and (min-width: 1120px) { | |
| .pl-Box--bc-black--30-bp1120 { | |
| border: 2px solid #bbbbbf; } } | |
| @media screen and (min-width: 1280px) { | |
| .pl-Box--bc-black--30-bp1280 { | |
| border: 2px solid #bbbbbf; } } | |
| @media screen and (min-width: 1440px) { | |
| .pl-Box--bc-black--30-bp1440 { | |
| border: 2px solid #bbbbbf; } } | |
| @media screen and (min-width: 1600px) { | |
| .pl-Box--bc-black--30-bp1600 { | |
| border: 2px solid #bbbbbf; } } | |
| @media screen and (min-width: 800px) { | |
| .pl-Box--btlr-small-bp800 { | |
| border-top-left-radius: 2px; } | |
| .pl-Box--btlr-medium-bp800 { | |
| border-top-left-radius: 4px; } | |
| .pl-Box--btlr-large-bp800 { | |
| border-top-left-radius: 8px; } } | |
| @media screen and (min-width: 960px) { | |
| .pl-Box--btlr-small-bp960 { | |
| border-top-left-radius: 2px; } | |
| .pl-Box--btlr-medium-bp960 { | |
| border-top-left-radius: 4px; } | |
| .pl-Box--btlr-large-bp960 { | |
| border-top-left-radius: 8px; } } | |
| @media screen and (min-width: 1120px) { | |
| .pl-Box--btlr-small-bp1120 { | |
| border-top-left-radius: 2px; } | |
| .pl-Box--btlr-medium-bp1120 { | |
| border-top-left-radius: 4px; } | |
| .pl-Box--btlr-large-bp1120 { | |
| border-top-left-radius: 8px; } } | |
| @media screen and (min-width: 1280px) { | |
| .pl-Box--btlr-small-bp1280 { | |
| border-top-left-radius: 2px; } | |
| .pl-Box--btlr-medium-bp1280 { | |
| border-top-left-radius: 4px; } | |
| .pl-Box--btlr-large-bp1280 { | |
| border-top-left-radius: 8px; } } | |
| @media screen and (min-width: 1440px) { | |
| .pl-Box--btlr-small-bp1440 { | |
| border-top-left-radius: 2px; } | |
| .pl-Box--btlr-medium-bp1440 { | |
| border-top-left-radius: 4px; } | |
| .pl-Box--btlr-large-bp1440 { | |
| border-top-left-radius: 8px; } } | |
| @media screen and (min-width: 1600px) { | |
| .pl-Box--btlr-small-bp1600 { | |
| border-top-left-radius: 2px; } | |
| .pl-Box--btlr-medium-bp1600 { | |
| border-top-left-radius: 4px; } | |
| .pl-Box--btlr-large-bp1600 { | |
| border-top-left-radius: 8px; } } | |
| @media screen and (min-width: 800px) { | |
| .pl-Box--btrr-small-bp800 { | |
| border-top-right-radius: 2px; } | |
| .pl-Box--btrr-medium-bp800 { | |
| border-top-right-radius: 4px; } | |
| .pl-Box--btrr-large-bp800 { | |
| border-top-right-radius: 8px; } } | |
| @media screen and (min-width: 960px) { | |
| .pl-Box--btrr-small-bp960 { | |
| border-top-right-radius: 2px; } | |
| .pl-Box--btrr-medium-bp960 { | |
| border-top-right-radius: 4px; } | |
| .pl-Box--btrr-large-bp960 { | |
| border-top-right-radius: 8px; } } | |
| @media screen and (min-width: 1120px) { | |
| .pl-Box--btrr-small-bp1120 { | |
| border-top-right-radius: 2px; } | |
| .pl-Box--btrr-medium-bp1120 { | |
| border-top-right-radius: 4px; } | |
| .pl-Box--btrr-large-bp1120 { | |
| border-top-right-radius: 8px; } } | |
| @media screen and (min-width: 1280px) { | |
| .pl-Box--btrr-small-bp1280 { | |
| border-top-right-radius: 2px; } | |
| .pl-Box--btrr-medium-bp1280 { | |
| border-top-right-radius: 4px; } | |
| .pl-Box--btrr-large-bp1280 { | |
| border-top-right-radius: 8px; } } | |
| @media screen and (min-width: 1440px) { | |
| .pl-Box--btrr-small-bp1440 { | |
| border-top-right-radius: 2px; } | |
| .pl-Box--btrr-medium-bp1440 { | |
| border-top-right-radius: 4px; } | |
| .pl-Box--btrr-large-bp1440 { | |
| border-top-right-radius: 8px; } } | |
| @media screen and (min-width: 1600px) { | |
| .pl-Box--btrr-small-bp1600 { | |
| border-top-right-radius: 2px; } | |
| .pl-Box--btrr-medium-bp1600 { | |
| border-top-right-radius: 4px; } | |
| .pl-Box--btrr-large-bp1600 { | |
| border-top-right-radius: 8px; } } | |
| @media screen and (min-width: 800px) { | |
| .pl-Box--bblr-small-bp800 { | |
| border-bottom-left-radius: 2px; } | |
| .pl-Box--bblr-medium-bp800 { | |
| border-bottom-left-radius: 4px; } | |
| .pl-Box--bblr-large-bp800 { | |
| border-bottom-left-radius: 8px; } } | |
| @media screen and (min-width: 960px) { | |
| .pl-Box--bblr-small-bp960 { | |
| border-bottom-left-radius: 2px; } | |
| .pl-Box--bblr-medium-bp960 { | |
| border-bottom-left-radius: 4px; } | |
| .pl-Box--bblr-large-bp960 { | |
| border-bottom-left-radius: 8px; } } | |
| @media screen and (min-width: 1120px) { | |
| .pl-Box--bblr-small-bp1120 { | |
| border-bottom-left-radius: 2px; } | |
| .pl-Box--bblr-medium-bp1120 { | |
| border-bottom-left-radius: 4px; } | |
| .pl-Box--bblr-large-bp1120 { | |
| border-bottom-left-radius: 8px; } } | |
| @media screen and (min-width: 1280px) { | |
| .pl-Box--bblr-small-bp1280 { | |
| border-bottom-left-radius: 2px; } | |
| .pl-Box--bblr-medium-bp1280 { | |
| border-bottom-left-radius: 4px; } | |
| .pl-Box--bblr-large-bp1280 { | |
| border-bottom-left-radius: 8px; } } | |
| @media screen and (min-width: 1440px) { | |
| .pl-Box--bblr-small-bp1440 { | |
| border-bottom-left-radius: 2px; } | |
| .pl-Box--bblr-medium-bp1440 { | |
| border-bottom-left-radius: 4px; } | |
| .pl-Box--bblr-large-bp1440 { | |
| border-bottom-left-radius: 8px; } } | |
| @media screen and (min-width: 1600px) { | |
| .pl-Box--bblr-small-bp1600 { | |
| border-bottom-left-radius: 2px; } | |
| .pl-Box--bblr-medium-bp1600 { | |
| border-bottom-left-radius: 4px; } | |
| .pl-Box--bblr-large-bp1600 { | |
| border-bottom-left-radius: 8px; } } | |
| @media screen and (min-width: 800px) { | |
| .pl-Box--bbrr-small-bp800 { | |
| border-bottom-right-radius: 2px; } | |
| .pl-Box--bbrr-medium-bp800 { | |
| border-bottom-right-radius: 4px; } | |
| .pl-Box--bbrr-large-bp800 { | |
| border-bottom-right-radius: 8px; } } | |
| @media screen and (min-width: 960px) { | |
| .pl-Box--bbrr-small-bp960 { | |
| border-bottom-right-radius: 2px; } | |
| .pl-Box--bbrr-medium-bp960 { | |
| border-bottom-right-radius: 4px; } | |
| .pl-Box--bbrr-large-bp960 { | |
| border-bottom-right-radius: 8px; } } | |
| @media screen and (min-width: 1120px) { | |
| .pl-Box--bbrr-small-bp1120 { | |
| border-bottom-right-radius: 2px; } | |
| .pl-Box--bbrr-medium-bp1120 { | |
| border-bottom-right-radius: 4px; } | |
| .pl-Box--bbrr-large-bp1120 { | |
| border-bottom-right-radius: 8px; } } | |
| @media screen and (min-width: 1280px) { | |
| .pl-Box--bbrr-small-bp1280 { | |
| border-bottom-right-radius: 2px; } | |
| .pl-Box--bbrr-medium-bp1280 { | |
| border-bottom-right-radius: 4px; } | |
| .pl-Box--bbrr-large-bp1280 { | |
| border-bottom-right-radius: 8px; } } | |
| @media screen and (min-width: 1440px) { | |
| .pl-Box--bbrr-small-bp1440 { | |
| border-bottom-right-radius: 2px; } | |
| .pl-Box--bbrr-medium-bp1440 { | |
| border-bottom-right-radius: 4px; } | |
| .pl-Box--bbrr-large-bp1440 { | |
| border-bottom-right-radius: 8px; } } | |
| @media screen and (min-width: 1600px) { | |
| .pl-Box--bbrr-small-bp1600 { | |
| border-bottom-right-radius: 2px; } | |
| .pl-Box--bbrr-medium-bp1600 { | |
| border-bottom-right-radius: 4px; } | |
| .pl-Box--bbrr-large-bp1600 { | |
| border-bottom-right-radius: 8px; } } | |
| @media screen and (min-width: 800px) { | |
| .pl-Box--br-small-bp800 { | |
| border-radius: 2px; } | |
| .pl-Box--br-medium-bp800 { | |
| border-radius: 4px; } | |
| .pl-Box--br-large-bp800 { | |
| border-radius: 8px; } } | |
| @media screen and (min-width: 960px) { | |
| .pl-Box--br-small-bp960 { | |
| border-radius: 2px; } | |
| .pl-Box--br-medium-bp960 { | |
| border-radius: 4px; } | |
| .pl-Box--br-large-bp960 { | |
| border-radius: 8px; } } | |
| @media screen and (min-width: 1120px) { | |
| .pl-Box--br-small-bp1120 { | |
| border-radius: 2px; } | |
| .pl-Box--br-medium-bp1120 { | |
| border-radius: 4px; } | |
| .pl-Box--br-large-bp1120 { | |
| border-radius: 8px; } } | |
| @media screen and (min-width: 1280px) { | |
| .pl-Box--br-small-bp1280 { | |
| border-radius: 2px; } | |
| .pl-Box--br-medium-bp1280 { | |
| border-radius: 4px; } | |
| .pl-Box--br-large-bp1280 { | |
| border-radius: 8px; } } | |
| @media screen and (min-width: 1440px) { | |
| .pl-Box--br-small-bp1440 { | |
| border-radius: 2px; } | |
| .pl-Box--br-medium-bp1440 { | |
| border-radius: 4px; } | |
| .pl-Box--br-large-bp1440 { | |
| border-radius: 8px; } } | |
| @media screen and (min-width: 1600px) { | |
| .pl-Box--br-small-bp1600 { | |
| border-radius: 2px; } | |
| .pl-Box--br-medium-bp1600 { | |
| border-radius: 4px; } | |
| .pl-Box--br-large-bp1600 { | |
| border-radius: 8px; } } | |
| @media screen and (min-width: 800px) { | |
| .pl-Box--ox-hidden-bp800 { | |
| overflow-x: hidden; } | |
| .pl-Box--ox-visible-bp800 { | |
| overflow-x: visible; } | |
| .pl-Box--ox-auto-bp800 { | |
| overflow-x: auto; } | |
| .pl-Box--ox-scroll-bp800 { | |
| overflow-x: scroll; } } | |
| @media screen and (min-width: 960px) { | |
| .pl-Box--ox-hidden-bp960 { | |
| overflow-x: hidden; } | |
| .pl-Box--ox-visible-bp960 { | |
| overflow-x: visible; } | |
| .pl-Box--ox-auto-bp960 { | |
| overflow-x: auto; } | |
| .pl-Box--ox-scroll-bp960 { | |
| overflow-x: scroll; } } | |
| @media screen and (min-width: 1120px) { | |
| .pl-Box--ox-hidden-bp1120 { | |
| overflow-x: hidden; } | |
| .pl-Box--ox-visible-bp1120 { | |
| overflow-x: visible; } | |
| .pl-Box--ox-auto-bp1120 { | |
| overflow-x: auto; } | |
| .pl-Box--ox-scroll-bp1120 { | |
| overflow-x: scroll; } } | |
| @media screen and (min-width: 1280px) { | |
| .pl-Box--ox-hidden-bp1280 { | |
| overflow-x: hidden; } | |
| .pl-Box--ox-visible-bp1280 { | |
| overflow-x: visible; } | |
| .pl-Box--ox-auto-bp1280 { | |
| overflow-x: auto; } | |
| .pl-Box--ox-scroll-bp1280 { | |
| overflow-x: scroll; } } | |
| @media screen and (min-width: 1440px) { | |
| .pl-Box--ox-hidden-bp1440 { | |
| overflow-x: hidden; } | |
| .pl-Box--ox-visible-bp1440 { | |
| overflow-x: visible; } | |
| .pl-Box--ox-auto-bp1440 { | |
| overflow-x: auto; } | |
| .pl-Box--ox-scroll-bp1440 { | |
| overflow-x: scroll; } } | |
| @media screen and (min-width: 1600px) { | |
| .pl-Box--ox-hidden-bp1600 { | |
| overflow-x: hidden; } | |
| .pl-Box--ox-visible-bp1600 { | |
| overflow-x: visible; } | |
| .pl-Box--ox-auto-bp1600 { | |
| overflow-x: auto; } | |
| .pl-Box--ox-scroll-bp1600 { | |
| overflow-x: scroll; } } | |
| @media screen and (min-width: 800px) { | |
| .pl-Box--oy-hidden-bp800 { | |
| overflow-y: hidden; } | |
| .pl-Box--oy-visible-bp800 { | |
| overflow-y: visible; } | |
| .pl-Box--oy-auto-bp800 { | |
| overflow-y: auto; } | |
| .pl-Box--oy-scroll-bp800 { | |
| overflow-y: scroll; } } | |
| @media screen and (min-width: 960px) { | |
| .pl-Box--oy-hidden-bp960 { | |
| overflow-y: hidden; } | |
| .pl-Box--oy-visible-bp960 { | |
| overflow-y: visible; } | |
| .pl-Box--oy-auto-bp960 { | |
| overflow-y: auto; } | |
| .pl-Box--oy-scroll-bp960 { | |
| overflow-y: scroll; } } | |
| @media screen and (min-width: 1120px) { | |
| .pl-Box--oy-hidden-bp1120 { | |
| overflow-y: hidden; } | |
| .pl-Box--oy-visible-bp1120 { | |
| overflow-y: visible; } | |
| .pl-Box--oy-auto-bp1120 { | |
| overflow-y: auto; } | |
| .pl-Box--oy-scroll-bp1120 { | |
| overflow-y: scroll; } } | |
| @media screen and (min-width: 1280px) { | |
| .pl-Box--oy-hidden-bp1280 { | |
| overflow-y: hidden; } | |
| .pl-Box--oy-visible-bp1280 { | |
| overflow-y: visible; } | |
| .pl-Box--oy-auto-bp1280 { | |
| overflow-y: auto; } | |
| .pl-Box--oy-scroll-bp1280 { | |
| overflow-y: scroll; } } | |
| @media screen and (min-width: 1440px) { | |
| .pl-Box--oy-hidden-bp1440 { | |
| overflow-y: hidden; } | |
| .pl-Box--oy-visible-bp1440 { | |
| overflow-y: visible; } | |
| .pl-Box--oy-auto-bp1440 { | |
| overflow-y: auto; } | |
| .pl-Box--oy-scroll-bp1440 { | |
| overflow-y: scroll; } } | |
| @media screen and (min-width: 1600px) { | |
| .pl-Box--oy-hidden-bp1600 { | |
| overflow-y: hidden; } | |
| .pl-Box--oy-visible-bp1600 { | |
| overflow-y: visible; } | |
| .pl-Box--oy-auto-bp1600 { | |
| overflow-y: auto; } | |
| .pl-Box--oy-scroll-bp1600 { | |
| overflow-y: scroll; } } | |
| @media screen and (min-width: 800px) { | |
| .pl-Box--o-hidden-bp800 { | |
| overflow: hidden; } | |
| .pl-Box--o-visible-bp800 { | |
| overflow: visible; } | |
| .pl-Box--o-auto-bp800 { | |
| overflow: auto; } | |
| .pl-Box--o-scroll-bp800 { | |
| overflow: scroll; } } | |
| @media screen and (min-width: 960px) { | |
| .pl-Box--o-hidden-bp960 { | |
| overflow: hidden; } | |
| .pl-Box--o-visible-bp960 { | |
| overflow: visible; } | |
| .pl-Box--o-auto-bp960 { | |
| overflow: auto; } | |
| .pl-Box--o-scroll-bp960 { | |
| overflow: scroll; } } | |
| @media screen and (min-width: 1120px) { | |
| .pl-Box--o-hidden-bp1120 { | |
| overflow: hidden; } | |
| .pl-Box--o-visible-bp1120 { | |
| overflow: visible; } | |
| .pl-Box--o-auto-bp1120 { | |
| overflow: auto; } | |
| .pl-Box--o-scroll-bp1120 { | |
| overflow: scroll; } } | |
| @media screen and (min-width: 1280px) { | |
| .pl-Box--o-hidden-bp1280 { | |
| overflow: hidden; } | |
| .pl-Box--o-visible-bp1280 { | |
| overflow: visible; } | |
| .pl-Box--o-auto-bp1280 { | |
| overflow: auto; } | |
| .pl-Box--o-scroll-bp1280 { | |
| overflow: scroll; } } | |
| @media screen and (min-width: 1440px) { | |
| .pl-Box--o-hidden-bp1440 { | |
| overflow: hidden; } | |
| .pl-Box--o-visible-bp1440 { | |
| overflow: visible; } | |
| .pl-Box--o-auto-bp1440 { | |
| overflow: auto; } | |
| .pl-Box--o-scroll-bp1440 { | |
| overflow: scroll; } } | |
| @media screen and (min-width: 1600px) { | |
| .pl-Box--o-hidden-bp1600 { | |
| overflow: hidden; } | |
| .pl-Box--o-visible-bp1600 { | |
| overflow: visible; } | |
| .pl-Box--o-auto-bp1600 { | |
| overflow: auto; } | |
| .pl-Box--o-scroll-bp1600 { | |
| overflow: scroll; } } | |
| @media screen and (min-width: 800px) { | |
| .pl-Grid--gutter .pl-Box--size-1-bp800, .pl-Grid--gutterFullBleed .pl-Box--size-1-bp800 { | |
| flex-basis: calc((100% / 12 * 1) - 8px); | |
| max-width: calc((100% / 12 * 1) - 8px); } | |
| .pl-Grid--gutter .pl-Box--size-2-bp800, .pl-Grid--gutterFullBleed .pl-Box--size-2-bp800 { | |
| flex-basis: calc((100% / 12 * 2) - 8px); | |
| max-width: calc((100% / 12 * 2) - 8px); } | |
| .pl-Grid--gutter .pl-Box--size-3-bp800, .pl-Grid--gutterFullBleed .pl-Box--size-3-bp800 { | |
| flex-basis: calc((100% / 12 * 3) - 8px); | |
| max-width: calc((100% / 12 * 3) - 8px); } | |
| .pl-Grid--gutter .pl-Box--size-4-bp800, .pl-Grid--gutterFullBleed .pl-Box--size-4-bp800 { | |
| flex-basis: calc((100% / 12 * 4) - 8px); | |
| max-width: calc((100% / 12 * 4) - 8px); } | |
| .pl-Grid--gutter .pl-Box--size-5-bp800, .pl-Grid--gutterFullBleed .pl-Box--size-5-bp800 { | |
| flex-basis: calc((100% / 12 * 5) - 8px); | |
| max-width: calc((100% / 12 * 5) - 8px); } | |
| .pl-Grid--gutter .pl-Box--size-6-bp800, .pl-Grid--gutterFullBleed .pl-Box--size-6-bp800 { | |
| flex-basis: calc((100% / 12 * 6) - 8px); | |
| max-width: calc((100% / 12 * 6) - 8px); } | |
| .pl-Grid--gutter .pl-Box--size-7-bp800, .pl-Grid--gutterFullBleed .pl-Box--size-7-bp800 { | |
| flex-basis: calc((100% / 12 * 7) - 8px); | |
| max-width: calc((100% / 12 * 7) - 8px); } | |
| .pl-Grid--gutter .pl-Box--size-8-bp800, .pl-Grid--gutterFullBleed .pl-Box--size-8-bp800 { | |
| flex-basis: calc((100% / 12 * 8) - 8px); | |
| max-width: calc((100% / 12 * 8) - 8px); } | |
| .pl-Grid--gutter .pl-Box--size-9-bp800, .pl-Grid--gutterFullBleed .pl-Box--size-9-bp800 { | |
| flex-basis: calc((100% / 12 * 9) - 8px); | |
| max-width: calc((100% / 12 * 9) - 8px); } | |
| .pl-Grid--gutter .pl-Box--size-10-bp800, .pl-Grid--gutterFullBleed .pl-Box--size-10-bp800 { | |
| flex-basis: calc((100% / 12 * 10) - 8px); | |
| max-width: calc((100% / 12 * 10) - 8px); } | |
| .pl-Grid--gutter .pl-Box--size-11-bp800, .pl-Grid--gutterFullBleed .pl-Box--size-11-bp800 { | |
| flex-basis: calc((100% / 12 * 11) - 8px); | |
| max-width: calc((100% / 12 * 11) - 8px); } | |
| .pl-Grid--gutter .pl-Box--size-12-bp800, .pl-Grid--gutterFullBleed .pl-Box--size-12-bp800 { | |
| flex-basis: calc((100% / 12 * 12) - 8px); | |
| max-width: calc((100% / 12 * 12) - 8px); } } | |
| @media screen and (min-width: 960px) { | |
| .pl-Grid--gutter .pl-Box--size-1-bp960, .pl-Grid--gutterFullBleed .pl-Box--size-1-bp960 { | |
| flex-basis: calc((100% / 12 * 1) - 8px); | |
| max-width: calc((100% / 12 * 1) - 8px); } | |
| .pl-Grid--gutter .pl-Box--size-2-bp960, .pl-Grid--gutterFullBleed .pl-Box--size-2-bp960 { | |
| flex-basis: calc((100% / 12 * 2) - 8px); | |
| max-width: calc((100% / 12 * 2) - 8px); } | |
| .pl-Grid--gutter .pl-Box--size-3-bp960, .pl-Grid--gutterFullBleed .pl-Box--size-3-bp960 { | |
| flex-basis: calc((100% / 12 * 3) - 8px); | |
| max-width: calc((100% / 12 * 3) - 8px); } | |
| .pl-Grid--gutter .pl-Box--size-4-bp960, .pl-Grid--gutterFullBleed .pl-Box--size-4-bp960 { | |
| flex-basis: calc((100% / 12 * 4) - 8px); | |
| max-width: calc((100% / 12 * 4) - 8px); } | |
| .pl-Grid--gutter .pl-Box--size-5-bp960, .pl-Grid--gutterFullBleed .pl-Box--size-5-bp960 { | |
| flex-basis: calc((100% / 12 * 5) - 8px); | |
| max-width: calc((100% / 12 * 5) - 8px); } | |
| .pl-Grid--gutter .pl-Box--size-6-bp960, .pl-Grid--gutterFullBleed .pl-Box--size-6-bp960 { | |
| flex-basis: calc((100% / 12 * 6) - 8px); | |
| max-width: calc((100% / 12 * 6) - 8px); } | |
| .pl-Grid--gutter .pl-Box--size-7-bp960, .pl-Grid--gutterFullBleed .pl-Box--size-7-bp960 { | |
| flex-basis: calc((100% / 12 * 7) - 8px); | |
| max-width: calc((100% / 12 * 7) - 8px); } | |
| .pl-Grid--gutter .pl-Box--size-8-bp960, .pl-Grid--gutterFullBleed .pl-Box--size-8-bp960 { | |
| flex-basis: calc((100% / 12 * 8) - 8px); | |
| max-width: calc((100% / 12 * 8) - 8px); } | |
| .pl-Grid--gutter .pl-Box--size-9-bp960, .pl-Grid--gutterFullBleed .pl-Box--size-9-bp960 { | |
| flex-basis: calc((100% / 12 * 9) - 8px); | |
| max-width: calc((100% / 12 * 9) - 8px); } | |
| .pl-Grid--gutter .pl-Box--size-10-bp960, .pl-Grid--gutterFullBleed .pl-Box--size-10-bp960 { | |
| flex-basis: calc((100% / 12 * 10) - 8px); | |
| max-width: calc((100% / 12 * 10) - 8px); } | |
| .pl-Grid--gutter .pl-Box--size-11-bp960, .pl-Grid--gutterFullBleed .pl-Box--size-11-bp960 { | |
| flex-basis: calc((100% / 12 * 11) - 8px); | |
| max-width: calc((100% / 12 * 11) - 8px); } | |
| .pl-Grid--gutter .pl-Box--size-12-bp960, .pl-Grid--gutterFullBleed .pl-Box--size-12-bp960 { | |
| flex-basis: calc((100% / 12 * 12) - 8px); | |
| max-width: calc((100% / 12 * 12) - 8px); } } | |
| @media screen and (min-width: 1120px) { | |
| .pl-Grid--gutter .pl-Box--size-1-bp1120, .pl-Grid--gutterFullBleed .pl-Box--size-1-bp1120 { | |
| flex-basis: calc((100% / 12 * 1) - 8px); | |
| max-width: calc((100% / 12 * 1) - 8px); } | |
| .pl-Grid--gutter .pl-Box--size-2-bp1120, .pl-Grid--gutterFullBleed .pl-Box--size-2-bp1120 { | |
| flex-basis: calc((100% / 12 * 2) - 8px); | |
| max-width: calc((100% / 12 * 2) - 8px); } | |
| .pl-Grid--gutter .pl-Box--size-3-bp1120, .pl-Grid--gutterFullBleed .pl-Box--size-3-bp1120 { | |
| flex-basis: calc((100% / 12 * 3) - 8px); | |
| max-width: calc((100% / 12 * 3) - 8px); } | |
| .pl-Grid--gutter .pl-Box--size-4-bp1120, .pl-Grid--gutterFullBleed .pl-Box--size-4-bp1120 { | |
| flex-basis: calc((100% / 12 * 4) - 8px); | |
| max-width: calc((100% / 12 * 4) - 8px); } | |
| .pl-Grid--gutter .pl-Box--size-5-bp1120, .pl-Grid--gutterFullBleed .pl-Box--size-5-bp1120 { | |
| flex-basis: calc((100% / 12 * 5) - 8px); | |
| max-width: calc((100% / 12 * 5) - 8px); } | |
| .pl-Grid--gutter .pl-Box--size-6-bp1120, .pl-Grid--gutterFullBleed .pl-Box--size-6-bp1120 { | |
| flex-basis: calc((100% / 12 * 6) - 8px); | |
| max-width: calc((100% / 12 * 6) - 8px); } | |
| .pl-Grid--gutter .pl-Box--size-7-bp1120, .pl-Grid--gutterFullBleed .pl-Box--size-7-bp1120 { | |
| flex-basis: calc((100% / 12 * 7) - 8px); | |
| max-width: calc((100% / 12 * 7) - 8px); } | |
| .pl-Grid--gutter .pl-Box--size-8-bp1120, .pl-Grid--gutterFullBleed .pl-Box--size-8-bp1120 { | |
| flex-basis: calc((100% / 12 * 8) - 8px); | |
| max-width: calc((100% / 12 * 8) - 8px); } | |
| .pl-Grid--gutter .pl-Box--size-9-bp1120, .pl-Grid--gutterFullBleed .pl-Box--size-9-bp1120 { | |
| flex-basis: calc((100% / 12 * 9) - 8px); | |
| max-width: calc((100% / 12 * 9) - 8px); } | |
| .pl-Grid--gutter .pl-Box--size-10-bp1120, .pl-Grid--gutterFullBleed .pl-Box--size-10-bp1120 { | |
| flex-basis: calc((100% / 12 * 10) - 8px); | |
| max-width: calc((100% / 12 * 10) - 8px); } | |
| .pl-Grid--gutter .pl-Box--size-11-bp1120, .pl-Grid--gutterFullBleed .pl-Box--size-11-bp1120 { | |
| flex-basis: calc((100% / 12 * 11) - 8px); | |
| max-width: calc((100% / 12 * 11) - 8px); } | |
| .pl-Grid--gutter .pl-Box--size-12-bp1120, .pl-Grid--gutterFullBleed .pl-Box--size-12-bp1120 { | |
| flex-basis: calc((100% / 12 * 12) - 8px); | |
| max-width: calc((100% / 12 * 12) - 8px); } } | |
| @media screen and (min-width: 1280px) { | |
| .pl-Grid--gutter .pl-Box--size-1-bp1280, .pl-Grid--gutterFullBleed .pl-Box--size-1-bp1280 { | |
| flex-basis: calc((100% / 12 * 1) - 8px); | |
| max-width: calc((100% / 12 * 1) - 8px); } | |
| .pl-Grid--gutter .pl-Box--size-2-bp1280, .pl-Grid--gutterFullBleed .pl-Box--size-2-bp1280 { | |
| flex-basis: calc((100% / 12 * 2) - 8px); | |
| max-width: calc((100% / 12 * 2) - 8px); } | |
| .pl-Grid--gutter .pl-Box--size-3-bp1280, .pl-Grid--gutterFullBleed .pl-Box--size-3-bp1280 { | |
| flex-basis: calc((100% / 12 * 3) - 8px); | |
| max-width: calc((100% / 12 * 3) - 8px); } | |
| .pl-Grid--gutter .pl-Box--size-4-bp1280, .pl-Grid--gutterFullBleed .pl-Box--size-4-bp1280 { | |
| flex-basis: calc((100% / 12 * 4) - 8px); | |
| max-width: calc((100% / 12 * 4) - 8px); } | |
| .pl-Grid--gutter .pl-Box--size-5-bp1280, .pl-Grid--gutterFullBleed .pl-Box--size-5-bp1280 { | |
| flex-basis: calc((100% / 12 * 5) - 8px); | |
| max-width: calc((100% / 12 * 5) - 8px); } | |
| .pl-Grid--gutter .pl-Box--size-6-bp1280, .pl-Grid--gutterFullBleed .pl-Box--size-6-bp1280 { | |
| flex-basis: calc((100% / 12 * 6) - 8px); | |
| max-width: calc((100% / 12 * 6) - 8px); } | |
| .pl-Grid--gutter .pl-Box--size-7-bp1280, .pl-Grid--gutterFullBleed .pl-Box--size-7-bp1280 { | |
| flex-basis: calc((100% / 12 * 7) - 8px); | |
| max-width: calc((100% / 12 * 7) - 8px); } | |
| .pl-Grid--gutter .pl-Box--size-8-bp1280, .pl-Grid--gutterFullBleed .pl-Box--size-8-bp1280 { | |
| flex-basis: calc((100% / 12 * 8) - 8px); | |
| max-width: calc((100% / 12 * 8) - 8px); } | |
| .pl-Grid--gutter .pl-Box--size-9-bp1280, .pl-Grid--gutterFullBleed .pl-Box--size-9-bp1280 { | |
| flex-basis: calc((100% / 12 * 9) - 8px); | |
| max-width: calc((100% / 12 * 9) - 8px); } | |
| .pl-Grid--gutter .pl-Box--size-10-bp1280, .pl-Grid--gutterFullBleed .pl-Box--size-10-bp1280 { | |
| flex-basis: calc((100% / 12 * 10) - 8px); | |
| max-width: calc((100% / 12 * 10) - 8px); } | |
| .pl-Grid--gutter .pl-Box--size-11-bp1280, .pl-Grid--gutterFullBleed .pl-Box--size-11-bp1280 { | |
| flex-basis: calc((100% / 12 * 11) - 8px); | |
| max-width: calc((100% / 12 * 11) - 8px); } | |
| .pl-Grid--gutter .pl-Box--size-12-bp1280, .pl-Grid--gutterFullBleed .pl-Box--size-12-bp1280 { | |
| flex-basis: calc((100% / 12 * 12) - 8px); | |
| max-width: calc((100% / 12 * 12) - 8px); } } | |
| @media screen and (min-width: 1440px) { | |
| .pl-Grid--gutter .pl-Box--size-1-bp1440, .pl-Grid--gutterFullBleed .pl-Box--size-1-bp1440 { | |
| flex-basis: calc((100% / 12 * 1) - 8px); | |
| max-width: calc((100% / 12 * 1) - 8px); } | |
| .pl-Grid--gutter .pl-Box--size-2-bp1440, .pl-Grid--gutterFullBleed .pl-Box--size-2-bp1440 { | |
| flex-basis: calc((100% / 12 * 2) - 8px); | |
| max-width: calc((100% / 12 * 2) - 8px); } | |
| .pl-Grid--gutter .pl-Box--size-3-bp1440, .pl-Grid--gutterFullBleed .pl-Box--size-3-bp1440 { | |
| flex-basis: calc((100% / 12 * 3) - 8px); | |
| max-width: calc((100% / 12 * 3) - 8px); } | |
| .pl-Grid--gutter .pl-Box--size-4-bp1440, .pl-Grid--gutterFullBleed .pl-Box--size-4-bp1440 { | |
| flex-basis: calc((100% / 12 * 4) - 8px); | |
| max-width: calc((100% / 12 * 4) - 8px); } | |
| .pl-Grid--gutter .pl-Box--size-5-bp1440, .pl-Grid--gutterFullBleed .pl-Box--size-5-bp1440 { | |
| flex-basis: calc((100% / 12 * 5) - 8px); | |
| max-width: calc((100% / 12 * 5) - 8px); } | |
| .pl-Grid--gutter .pl-Box--size-6-bp1440, .pl-Grid--gutterFullBleed .pl-Box--size-6-bp1440 { | |
| flex-basis: calc((100% / 12 * 6) - 8px); | |
| max-width: calc((100% / 12 * 6) - 8px); } | |
| .pl-Grid--gutter .pl-Box--size-7-bp1440, .pl-Grid--gutterFullBleed .pl-Box--size-7-bp1440 { | |
| flex-basis: calc((100% / 12 * 7) - 8px); | |
| max-width: calc((100% / 12 * 7) - 8px); } | |
| .pl-Grid--gutter .pl-Box--size-8-bp1440, .pl-Grid--gutterFullBleed .pl-Box--size-8-bp1440 { | |
| flex-basis: calc((100% / 12 * 8) - 8px); | |
| max-width: calc((100% / 12 * 8) - 8px); } | |
| .pl-Grid--gutter .pl-Box--size-9-bp1440, .pl-Grid--gutterFullBleed .pl-Box--size-9-bp1440 { | |
| flex-basis: calc((100% / 12 * 9) - 8px); | |
| max-width: calc((100% / 12 * 9) - 8px); } | |
| .pl-Grid--gutter .pl-Box--size-10-bp1440, .pl-Grid--gutterFullBleed .pl-Box--size-10-bp1440 { | |
| flex-basis: calc((100% / 12 * 10) - 8px); | |
| max-width: calc((100% / 12 * 10) - 8px); } | |
| .pl-Grid--gutter .pl-Box--size-11-bp1440, .pl-Grid--gutterFullBleed .pl-Box--size-11-bp1440 { | |
| flex-basis: calc((100% / 12 * 11) - 8px); | |
| max-width: calc((100% / 12 * 11) - 8px); } | |
| .pl-Grid--gutter .pl-Box--size-12-bp1440, .pl-Grid--gutterFullBleed .pl-Box--size-12-bp1440 { | |
| flex-basis: calc((100% / 12 * 12) - 8px); | |
| max-width: calc((100% / 12 * 12) - 8px); } } | |
| @media screen and (min-width: 1600px) { | |
| .pl-Grid--gutter .pl-Box--size-1-bp1600, .pl-Grid--gutterFullBleed .pl-Box--size-1-bp1600 { | |
| flex-basis: calc((100% / 12 * 1) - 8px); | |
| max-width: calc((100% / 12 * 1) - 8px); } | |
| .pl-Grid--gutter .pl-Box--size-2-bp1600, .pl-Grid--gutterFullBleed .pl-Box--size-2-bp1600 { | |
| flex-basis: calc((100% / 12 * 2) - 8px); | |
| max-width: calc((100% / 12 * 2) - 8px); } | |
| .pl-Grid--gutter .pl-Box--size-3-bp1600, .pl-Grid--gutterFullBleed .pl-Box--size-3-bp1600 { | |
| flex-basis: calc((100% / 12 * 3) - 8px); | |
| max-width: calc((100% / 12 * 3) - 8px); } | |
| .pl-Grid--gutter .pl-Box--size-4-bp1600, .pl-Grid--gutterFullBleed .pl-Box--size-4-bp1600 { | |
| flex-basis: calc((100% / 12 * 4) - 8px); | |
| max-width: calc((100% / 12 * 4) - 8px); } | |
| .pl-Grid--gutter .pl-Box--size-5-bp1600, .pl-Grid--gutterFullBleed .pl-Box--size-5-bp1600 { | |
| flex-basis: calc((100% / 12 * 5) - 8px); | |
| max-width: calc((100% / 12 * 5) - 8px); } | |
| .pl-Grid--gutter .pl-Box--size-6-bp1600, .pl-Grid--gutterFullBleed .pl-Box--size-6-bp1600 { | |
| flex-basis: calc((100% / 12 * 6) - 8px); | |
| max-width: calc((100% / 12 * 6) - 8px); } | |
| .pl-Grid--gutter .pl-Box--size-7-bp1600, .pl-Grid--gutterFullBleed .pl-Box--size-7-bp1600 { | |
| flex-basis: calc((100% / 12 * 7) - 8px); | |
| max-width: calc((100% / 12 * 7) - 8px); } | |
| .pl-Grid--gutter .pl-Box--size-8-bp1600, .pl-Grid--gutterFullBleed .pl-Box--size-8-bp1600 { | |
| flex-basis: calc((100% / 12 * 8) - 8px); | |
| max-width: calc((100% / 12 * 8) - 8px); } | |
| .pl-Grid--gutter .pl-Box--size-9-bp1600, .pl-Grid--gutterFullBleed .pl-Box--size-9-bp1600 { | |
| flex-basis: calc((100% / 12 * 9) - 8px); | |
| max-width: calc((100% / 12 * 9) - 8px); } | |
| .pl-Grid--gutter .pl-Box--size-10-bp1600, .pl-Grid--gutterFullBleed .pl-Box--size-10-bp1600 { | |
| flex-basis: calc((100% / 12 * 10) - 8px); | |
| max-width: calc((100% / 12 * 10) - 8px); } | |
| .pl-Grid--gutter .pl-Box--size-11-bp1600, .pl-Grid--gutterFullBleed .pl-Box--size-11-bp1600 { | |
| flex-basis: calc((100% / 12 * 11) - 8px); | |
| max-width: calc((100% / 12 * 11) - 8px); } | |
| .pl-Grid--gutter .pl-Box--size-12-bp1600, .pl-Grid--gutterFullBleed .pl-Box--size-12-bp1600 { | |
| flex-basis: calc((100% / 12 * 12) - 8px); | |
| max-width: calc((100% / 12 * 12) - 8px); } } | |
| /*# sourceMappingURL=vendors~top-nav-desktop.5fc1b2a2.bundle.css.map*/ |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment