.pb-icon__before--add-s-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/add.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/add.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--add-s-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/add.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/add.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--add-s-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/add.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/add.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--add-s-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/add.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/add.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--add-s-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/add.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/add.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--add-s-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/add.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/add.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--add-s-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/add.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/add.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--add-s-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/add.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/add.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--add-s-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/add.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/add.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--add-s-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/add.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/add.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--add-s-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/add.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/add.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--add-s-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/add.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/add.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--add-s-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/add.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/add.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--add-s-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/add.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/add.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--add-s-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/add.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/add.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--add-s-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/add.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/add.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--arrow-down-s-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-down.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-down.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--arrow-down-s-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-down.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-down.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--arrow-down-s-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-down.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-down.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--arrow-down-s-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-down.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-down.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--arrow-down-s-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-down.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-down.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--arrow-down-s-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-down.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-down.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--arrow-down-s-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-down.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-down.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--arrow-down-s-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-down.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-down.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--arrow-down-s-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-down.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-down.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--arrow-down-s-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-down.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-down.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--arrow-down-s-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-down.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-down.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--arrow-down-s-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-down.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-down.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--arrow-down-s-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-down.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-down.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--arrow-down-s-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-down.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-down.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--arrow-down-s-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-down.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-down.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--arrow-down-s-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-down.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-down.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--arrow-up-s-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-up.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-up.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--arrow-up-s-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-up.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-up.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--arrow-up-s-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-up.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-up.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--arrow-up-s-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-up.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-up.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--arrow-up-s-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-up.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-up.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--arrow-up-s-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-up.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-up.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--arrow-up-s-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-up.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-up.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--arrow-up-s-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-up.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-up.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--arrow-up-s-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-up.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-up.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--arrow-up-s-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-up.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-up.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--arrow-up-s-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-up.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-up.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--arrow-up-s-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-up.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-up.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--arrow-up-s-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-up.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-up.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--arrow-up-s-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-up.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-up.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--arrow-up-s-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-up.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-up.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--arrow-up-s-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-up.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-up.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--back-arrow-s-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/back-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/back-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--back-arrow-s-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/back-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/back-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--back-arrow-s-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/back-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/back-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--back-arrow-s-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/back-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/back-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--back-arrow-s-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/back-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/back-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--back-arrow-s-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/back-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/back-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--back-arrow-s-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/back-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/back-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--back-arrow-s-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/back-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/back-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--back-arrow-s-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/back-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/back-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--back-arrow-s-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/back-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/back-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--back-arrow-s-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/back-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/back-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--back-arrow-s-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/back-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/back-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--back-arrow-s-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/back-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/back-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--back-arrow-s-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/back-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/back-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--back-arrow-s-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/back-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/back-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--back-arrow-s-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/back-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/back-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--bold-s-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/bold.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/bold.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--bold-s-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/bold.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/bold.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--bold-s-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/bold.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/bold.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--bold-s-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/bold.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/bold.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--bold-s-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/bold.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/bold.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--bold-s-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/bold.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/bold.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--bold-s-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/bold.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/bold.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--bold-s-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/bold.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/bold.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--bold-s-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/bold.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/bold.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--bold-s-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/bold.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/bold.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--bold-s-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/bold.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/bold.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--bold-s-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/bold.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/bold.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--bold-s-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/bold.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/bold.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--bold-s-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/bold.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/bold.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--bold-s-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/bold.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/bold.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--bold-s-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/bold.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/bold.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--checkmark-s-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--checkmark-s-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--checkmark-s-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--checkmark-s-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--checkmark-s-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--checkmark-s-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--checkmark-s-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--checkmark-s-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--checkmark-s-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--checkmark-s-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--checkmark-s-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--checkmark-s-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--checkmark-s-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--checkmark-s-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--checkmark-s-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--checkmark-s-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--chevron-s-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/chevron.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/chevron.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--chevron-s-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/chevron.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/chevron.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--chevron-s-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/chevron.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/chevron.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--chevron-s-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/chevron.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/chevron.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--chevron-s-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/chevron.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/chevron.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--chevron-s-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/chevron.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/chevron.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--chevron-s-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/chevron.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/chevron.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--chevron-s-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/chevron.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/chevron.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--chevron-s-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/chevron.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/chevron.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--chevron-s-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/chevron.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/chevron.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--chevron-s-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/chevron.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/chevron.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--chevron-s-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/chevron.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/chevron.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--chevron-s-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/chevron.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/chevron.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--chevron-s-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/chevron.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/chevron.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--chevron-s-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/chevron.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/chevron.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--chevron-s-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/chevron.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/chevron.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--close-s-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/close.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/close.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--close-s-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/close.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/close.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--close-s-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/close.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/close.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--close-s-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/close.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/close.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--close-s-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/close.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/close.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--close-s-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/close.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/close.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--close-s-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/close.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/close.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--close-s-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/close.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/close.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--close-s-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/close.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/close.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--close-s-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/close.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/close.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--close-s-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/close.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/close.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--close-s-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/close.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/close.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--close-s-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/close.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/close.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--close-s-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/close.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/close.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--close-s-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/close.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/close.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--close-s-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/close.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/close.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--closed-book-s-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--closed-book-s-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--closed-book-s-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--closed-book-s-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--closed-book-s-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--closed-book-s-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--closed-book-s-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--closed-book-s-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--closed-book-s-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--closed-book-s-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--closed-book-s-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--closed-book-s-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--closed-book-s-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--closed-book-s-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--closed-book-s-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--closed-book-s-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--code-s-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/code.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/code.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--code-s-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/code.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/code.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--code-s-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/code.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/code.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--code-s-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/code.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/code.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--code-s-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/code.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/code.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--code-s-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/code.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/code.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--code-s-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/code.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/code.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--code-s-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/code.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/code.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--code-s-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/code.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/code.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--code-s-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/code.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/code.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--code-s-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/code.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/code.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--code-s-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/code.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/code.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--code-s-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/code.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/code.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--code-s-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/code.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/code.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--code-s-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/code.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/code.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--code-s-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/code.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/code.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--credit-card-s-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/credit-card.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/credit-card.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--credit-card-s-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/credit-card.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/credit-card.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--credit-card-s-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/credit-card.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/credit-card.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--credit-card-s-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/credit-card.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/credit-card.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--credit-card-s-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/credit-card.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/credit-card.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--credit-card-s-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/credit-card.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/credit-card.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--credit-card-s-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/credit-card.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/credit-card.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--credit-card-s-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/credit-card.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/credit-card.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--credit-card-s-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/credit-card.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/credit-card.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--credit-card-s-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/credit-card.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/credit-card.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--credit-card-s-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/credit-card.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/credit-card.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--credit-card-s-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/credit-card.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/credit-card.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--credit-card-s-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/credit-card.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/credit-card.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--credit-card-s-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/credit-card.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/credit-card.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--credit-card-s-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/credit-card.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/credit-card.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--credit-card-s-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/credit-card.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/credit-card.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--dollar-s-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/dollar.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/dollar.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--dollar-s-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/dollar.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/dollar.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--dollar-s-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/dollar.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/dollar.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--dollar-s-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/dollar.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/dollar.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--dollar-s-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/dollar.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/dollar.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--dollar-s-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/dollar.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/dollar.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--dollar-s-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/dollar.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/dollar.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--dollar-s-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/dollar.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/dollar.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--dollar-s-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/dollar.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/dollar.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--dollar-s-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/dollar.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/dollar.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--dollar-s-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/dollar.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/dollar.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--dollar-s-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/dollar.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/dollar.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--dollar-s-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/dollar.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/dollar.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--dollar-s-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/dollar.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/dollar.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--dollar-s-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/dollar.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/dollar.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--dollar-s-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/dollar.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/dollar.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--download-s-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/download.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/download.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--download-s-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/download.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/download.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--download-s-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/download.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/download.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--download-s-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/download.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/download.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--download-s-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/download.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/download.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--download-s-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/download.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/download.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--download-s-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/download.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/download.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--download-s-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/download.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/download.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--download-s-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/download.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/download.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--download-s-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/download.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/download.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--download-s-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/download.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/download.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--download-s-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/download.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/download.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--download-s-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/download.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/download.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--download-s-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/download.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/download.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--download-s-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/download.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/download.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--download-s-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/download.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/download.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--draft-s-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/draft.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/draft.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--draft-s-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/draft.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/draft.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--draft-s-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/draft.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/draft.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--draft-s-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/draft.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/draft.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--draft-s-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/draft.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/draft.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--draft-s-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/draft.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/draft.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--draft-s-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/draft.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/draft.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--draft-s-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/draft.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/draft.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--draft-s-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/draft.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/draft.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--draft-s-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/draft.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/draft.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--draft-s-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/draft.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/draft.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--draft-s-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/draft.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/draft.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--draft-s-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/draft.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/draft.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--draft-s-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/draft.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/draft.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--draft-s-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/draft.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/draft.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--draft-s-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/draft.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/draft.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--edit-s-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/edit.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/edit.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--edit-s-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/edit.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/edit.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--edit-s-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/edit.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/edit.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--edit-s-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/edit.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/edit.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--edit-s-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/edit.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/edit.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--edit-s-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/edit.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/edit.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--edit-s-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/edit.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/edit.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--edit-s-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/edit.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/edit.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--edit-s-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/edit.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/edit.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--edit-s-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/edit.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/edit.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--edit-s-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/edit.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/edit.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--edit-s-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/edit.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/edit.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--edit-s-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/edit.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/edit.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--edit-s-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/edit.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/edit.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--edit-s-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/edit.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/edit.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--edit-s-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/edit.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/edit.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--email-s-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/email.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/email.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--email-s-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/email.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/email.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--email-s-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/email.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/email.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--email-s-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/email.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/email.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--email-s-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/email.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/email.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--email-s-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/email.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/email.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--email-s-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/email.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/email.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--email-s-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/email.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/email.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--email-s-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/email.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/email.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--email-s-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/email.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/email.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--email-s-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/email.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/email.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--email-s-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/email.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/email.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--email-s-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/email.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/email.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--email-s-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/email.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/email.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--email-s-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/email.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/email.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--email-s-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/email.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/email.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--eur-s-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/eur.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/eur.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--eur-s-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/eur.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/eur.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--eur-s-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/eur.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/eur.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--eur-s-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/eur.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/eur.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--eur-s-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/eur.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/eur.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--eur-s-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/eur.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/eur.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--eur-s-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/eur.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/eur.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--eur-s-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/eur.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/eur.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--eur-s-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/eur.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/eur.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--eur-s-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/eur.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/eur.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--eur-s-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/eur.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/eur.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--eur-s-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/eur.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/eur.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--eur-s-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/eur.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/eur.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--eur-s-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/eur.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/eur.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--eur-s-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/eur.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/eur.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--eur-s-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/eur.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/eur.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--external-link-s-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/external-link.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/external-link.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--external-link-s-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/external-link.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/external-link.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--external-link-s-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/external-link.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/external-link.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--external-link-s-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/external-link.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/external-link.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--external-link-s-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/external-link.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/external-link.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--external-link-s-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/external-link.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/external-link.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--external-link-s-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/external-link.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/external-link.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--external-link-s-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/external-link.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/external-link.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--external-link-s-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/external-link.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/external-link.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--external-link-s-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/external-link.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/external-link.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--external-link-s-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/external-link.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/external-link.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--external-link-s-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/external-link.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/external-link.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--external-link-s-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/external-link.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/external-link.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--external-link-s-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/external-link.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/external-link.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--external-link-s-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/external-link.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/external-link.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--external-link-s-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/external-link.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/external-link.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--facebook-s-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/facebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/facebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--facebook-s-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/facebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/facebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--facebook-s-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/facebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/facebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--facebook-s-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/facebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/facebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--facebook-s-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/facebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/facebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--facebook-s-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/facebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/facebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--facebook-s-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/facebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/facebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--facebook-s-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/facebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/facebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--facebook-s-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/facebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/facebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--facebook-s-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/facebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/facebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--facebook-s-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/facebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/facebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--facebook-s-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/facebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/facebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--facebook-s-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/facebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/facebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--facebook-s-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/facebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/facebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--facebook-s-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/facebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/facebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--facebook-s-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/facebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/facebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--forward-arrow-s-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--forward-arrow-s-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--forward-arrow-s-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--forward-arrow-s-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--forward-arrow-s-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--forward-arrow-s-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--forward-arrow-s-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--forward-arrow-s-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--forward-arrow-s-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--forward-arrow-s-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--forward-arrow-s-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--forward-arrow-s-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--forward-arrow-s-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--forward-arrow-s-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--forward-arrow-s-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--forward-arrow-s-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--forward-big-arrow-s-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--forward-big-arrow-s-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--forward-big-arrow-s-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--forward-big-arrow-s-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--forward-big-arrow-s-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--forward-big-arrow-s-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--forward-big-arrow-s-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--forward-big-arrow-s-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--forward-big-arrow-s-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--forward-big-arrow-s-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--forward-big-arrow-s-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--forward-big-arrow-s-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--forward-big-arrow-s-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--forward-big-arrow-s-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--forward-big-arrow-s-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--forward-big-arrow-s-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--hamburger-menu-s-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hamburger-menu.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hamburger-menu.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--hamburger-menu-s-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hamburger-menu.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hamburger-menu.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--hamburger-menu-s-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hamburger-menu.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hamburger-menu.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--hamburger-menu-s-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hamburger-menu.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hamburger-menu.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--hamburger-menu-s-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hamburger-menu.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hamburger-menu.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--hamburger-menu-s-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hamburger-menu.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hamburger-menu.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--hamburger-menu-s-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hamburger-menu.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hamburger-menu.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--hamburger-menu-s-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hamburger-menu.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hamburger-menu.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--hamburger-menu-s-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hamburger-menu.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hamburger-menu.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--hamburger-menu-s-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hamburger-menu.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hamburger-menu.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--hamburger-menu-s-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hamburger-menu.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hamburger-menu.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--hamburger-menu-s-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hamburger-menu.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hamburger-menu.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--hamburger-menu-s-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hamburger-menu.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hamburger-menu.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--hamburger-menu-s-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hamburger-menu.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hamburger-menu.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--hamburger-menu-s-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hamburger-menu.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hamburger-menu.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--hamburger-menu-s-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hamburger-menu.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hamburger-menu.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--hide-s-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hide.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hide.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--hide-s-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hide.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hide.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--hide-s-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hide.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hide.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--hide-s-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hide.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hide.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--hide-s-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hide.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hide.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--hide-s-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hide.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hide.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--hide-s-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hide.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hide.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--hide-s-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hide.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hide.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--hide-s-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hide.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hide.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--hide-s-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hide.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hide.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--hide-s-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hide.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hide.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--hide-s-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hide.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hide.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--hide-s-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hide.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hide.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--hide-s-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hide.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hide.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--hide-s-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hide.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hide.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--hide-s-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hide.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hide.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--hyphen-s-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hyphen.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hyphen.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--hyphen-s-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hyphen.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hyphen.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--hyphen-s-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hyphen.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hyphen.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--hyphen-s-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hyphen.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hyphen.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--hyphen-s-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hyphen.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hyphen.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--hyphen-s-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hyphen.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hyphen.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--hyphen-s-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hyphen.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hyphen.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--hyphen-s-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hyphen.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hyphen.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--hyphen-s-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hyphen.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hyphen.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--hyphen-s-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hyphen.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hyphen.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--hyphen-s-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hyphen.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hyphen.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--hyphen-s-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hyphen.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hyphen.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--hyphen-s-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hyphen.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hyphen.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--hyphen-s-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hyphen.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hyphen.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--hyphen-s-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hyphen.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hyphen.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--hyphen-s-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hyphen.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hyphen.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--home-s-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/home.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/home.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--home-s-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/home.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/home.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--home-s-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/home.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/home.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--home-s-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/home.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/home.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--home-s-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/home.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/home.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--home-s-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/home.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/home.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--home-s-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/home.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/home.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--home-s-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/home.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/home.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--home-s-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/home.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/home.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--home-s-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/home.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/home.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--home-s-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/home.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/home.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--home-s-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/home.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/home.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--home-s-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/home.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/home.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--home-s-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/home.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/home.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--home-s-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/home.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/home.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--home-s-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/home.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/home.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--image-s-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/image.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/image.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--image-s-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/image.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/image.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--image-s-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/image.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/image.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--image-s-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/image.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/image.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--image-s-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/image.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/image.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--image-s-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/image.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/image.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--image-s-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/image.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/image.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--image-s-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/image.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/image.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--image-s-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/image.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/image.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--image-s-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/image.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/image.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--image-s-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/image.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/image.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--image-s-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/image.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/image.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--image-s-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/image.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/image.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--image-s-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/image.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/image.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--image-s-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/image.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/image.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--image-s-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/image.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/image.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--index-s-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/index.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/index.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--index-s-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/index.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/index.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--index-s-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/index.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/index.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--index-s-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/index.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/index.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--index-s-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/index.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/index.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--index-s-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/index.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/index.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--index-s-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/index.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/index.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--index-s-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/index.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/index.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--index-s-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/index.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/index.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--index-s-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/index.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/index.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--index-s-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/index.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/index.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--index-s-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/index.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/index.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--index-s-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/index.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/index.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--index-s-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/index.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/index.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--index-s-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/index.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/index.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--index-s-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/index.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/index.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--info-s-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--info-s-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--info-s-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--info-s-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--info-s-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--info-s-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--info-s-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--info-s-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--info-s-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--info-s-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--info-s-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--info-s-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--info-s-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--info-s-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--info-s-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--info-s-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--italic-s-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italic.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italic.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--italic-s-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italic.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italic.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--italic-s-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italic.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italic.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--italic-s-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italic.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italic.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--italic-s-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italic.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italic.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--italic-s-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italic.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italic.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--italic-s-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italic.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italic.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--italic-s-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italic.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italic.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--italic-s-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italic.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italic.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--italic-s-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italic.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italic.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--italic-s-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italic.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italic.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--italic-s-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italic.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italic.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--italic-s-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italic.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italic.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--italic-s-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italic.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italic.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--italic-s-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italic.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italic.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--italic-s-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italic.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italic.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--italy-flag-s-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italy-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italy-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--italy-flag-s-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italy-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italy-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--italy-flag-s-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italy-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italy-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--italy-flag-s-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italy-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italy-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--italy-flag-s-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italy-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italy-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--italy-flag-s-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italy-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italy-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--italy-flag-s-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italy-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italy-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--italy-flag-s-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italy-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italy-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--italy-flag-s-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italy-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italy-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--italy-flag-s-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italy-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italy-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--italy-flag-s-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italy-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italy-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--italy-flag-s-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italy-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italy-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--italy-flag-s-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italy-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italy-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--italy-flag-s-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italy-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italy-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--italy-flag-s-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italy-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italy-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--italy-flag-s-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italy-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italy-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--linkedin-s-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/linkedin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/linkedin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--linkedin-s-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/linkedin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/linkedin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--linkedin-s-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/linkedin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/linkedin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--linkedin-s-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/linkedin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/linkedin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--linkedin-s-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/linkedin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/linkedin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--linkedin-s-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/linkedin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/linkedin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--linkedin-s-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/linkedin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/linkedin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--linkedin-s-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/linkedin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/linkedin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--linkedin-s-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/linkedin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/linkedin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--linkedin-s-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/linkedin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/linkedin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--linkedin-s-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/linkedin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/linkedin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--linkedin-s-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/linkedin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/linkedin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--linkedin-s-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/linkedin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/linkedin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--linkedin-s-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/linkedin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/linkedin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--linkedin-s-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/linkedin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/linkedin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--linkedin-s-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/linkedin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/linkedin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--list-s-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/list.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/list.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--list-s-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/list.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/list.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--list-s-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/list.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/list.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--list-s-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/list.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/list.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--list-s-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/list.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/list.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--list-s-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/list.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/list.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--list-s-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/list.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/list.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--list-s-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/list.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/list.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--list-s-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/list.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/list.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--list-s-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/list.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/list.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--list-s-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/list.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/list.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--list-s-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/list.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/list.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--list-s-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/list.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/list.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--list-s-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/list.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/list.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--list-s-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/list.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/list.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--list-s-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/list.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/list.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--loading-s-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/loading.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/loading.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--loading-s-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/loading.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/loading.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--loading-s-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/loading.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/loading.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--loading-s-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/loading.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/loading.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--loading-s-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/loading.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/loading.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--loading-s-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/loading.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/loading.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--loading-s-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/loading.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/loading.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--loading-s-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/loading.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/loading.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--loading-s-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/loading.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/loading.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--loading-s-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/loading.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/loading.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--loading-s-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/loading.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/loading.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--loading-s-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/loading.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/loading.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--loading-s-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/loading.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/loading.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--loading-s-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/loading.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/loading.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--loading-s-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/loading.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/loading.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--loading-s-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/loading.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/loading.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--logout-s-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/logout.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/logout.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--logout-s-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/logout.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/logout.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--logout-s-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/logout.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/logout.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--logout-s-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/logout.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/logout.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--logout-s-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/logout.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/logout.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--logout-s-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/logout.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/logout.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--logout-s-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/logout.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/logout.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--logout-s-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/logout.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/logout.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--logout-s-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/logout.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/logout.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--logout-s-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/logout.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/logout.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--logout-s-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/logout.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/logout.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--logout-s-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/logout.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/logout.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--logout-s-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/logout.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/logout.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--logout-s-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/logout.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/logout.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--logout-s-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/logout.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/logout.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--logout-s-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/logout.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/logout.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--mastercard-s-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/mastercard.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/mastercard.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--mastercard-s-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/mastercard.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/mastercard.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--mastercard-s-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/mastercard.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/mastercard.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--mastercard-s-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/mastercard.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/mastercard.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--mastercard-s-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/mastercard.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/mastercard.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--mastercard-s-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/mastercard.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/mastercard.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--mastercard-s-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/mastercard.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/mastercard.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--mastercard-s-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/mastercard.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/mastercard.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--mastercard-s-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/mastercard.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/mastercard.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--mastercard-s-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/mastercard.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/mastercard.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--mastercard-s-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/mastercard.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/mastercard.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--mastercard-s-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/mastercard.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/mastercard.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--mastercard-s-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/mastercard.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/mastercard.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--mastercard-s-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/mastercard.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/mastercard.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--mastercard-s-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/mastercard.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/mastercard.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--mastercard-s-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/mastercard.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/mastercard.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--notebook-s-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/notebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/notebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--notebook-s-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/notebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/notebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--notebook-s-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/notebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/notebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--notebook-s-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/notebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/notebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--notebook-s-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/notebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/notebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--notebook-s-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/notebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/notebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--notebook-s-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/notebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/notebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--notebook-s-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/notebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/notebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--notebook-s-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/notebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/notebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--notebook-s-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/notebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/notebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--notebook-s-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/notebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/notebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--notebook-s-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/notebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/notebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--notebook-s-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/notebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/notebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--notebook-s-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/notebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/notebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--notebook-s-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/notebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/notebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--notebook-s-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/notebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/notebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--opened-book-s-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--opened-book-s-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--opened-book-s-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--opened-book-s-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--opened-book-s-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--opened-book-s-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--opened-book-s-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--opened-book-s-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--opened-book-s-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--opened-book-s-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--opened-book-s-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--opened-book-s-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--opened-book-s-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--opened-book-s-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--opened-book-s-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--opened-book-s-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--phone-s-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/phone.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/phone.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--phone-s-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/phone.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/phone.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--phone-s-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/phone.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/phone.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--phone-s-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/phone.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/phone.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--phone-s-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/phone.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/phone.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--phone-s-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/phone.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/phone.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--phone-s-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/phone.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/phone.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--phone-s-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/phone.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/phone.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--phone-s-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/phone.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/phone.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--phone-s-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/phone.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/phone.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--phone-s-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/phone.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/phone.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--phone-s-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/phone.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/phone.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--phone-s-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/phone.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/phone.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--phone-s-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/phone.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/phone.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--phone-s-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/phone.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/phone.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--phone-s-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/phone.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/phone.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--pin-s-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/pin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/pin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--pin-s-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/pin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/pin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--pin-s-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/pin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/pin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--pin-s-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/pin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/pin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--pin-s-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/pin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/pin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--pin-s-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/pin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/pin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--pin-s-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/pin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/pin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--pin-s-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/pin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/pin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--pin-s-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/pin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/pin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--pin-s-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/pin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/pin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--pin-s-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/pin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/pin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--pin-s-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/pin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/pin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--pin-s-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/pin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/pin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--pin-s-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/pin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/pin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--pin-s-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/pin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/pin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--pin-s-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/pin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/pin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--profile-s-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/profile.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/profile.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--profile-s-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/profile.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/profile.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--profile-s-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/profile.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/profile.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--profile-s-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/profile.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/profile.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--profile-s-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/profile.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/profile.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--profile-s-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/profile.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/profile.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--profile-s-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/profile.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/profile.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--profile-s-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/profile.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/profile.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--profile-s-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/profile.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/profile.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--profile-s-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/profile.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/profile.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--profile-s-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/profile.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/profile.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--profile-s-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/profile.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/profile.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--profile-s-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/profile.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/profile.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--profile-s-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/profile.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/profile.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--profile-s-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/profile.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/profile.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--profile-s-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/profile.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/profile.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--remove-s-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/remove.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/remove.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--remove-s-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/remove.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/remove.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--remove-s-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/remove.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/remove.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--remove-s-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/remove.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/remove.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--remove-s-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/remove.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/remove.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--remove-s-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/remove.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/remove.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--remove-s-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/remove.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/remove.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--remove-s-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/remove.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/remove.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--remove-s-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/remove.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/remove.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--remove-s-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/remove.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/remove.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--remove-s-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/remove.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/remove.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--remove-s-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/remove.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/remove.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--remove-s-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/remove.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/remove.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--remove-s-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/remove.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/remove.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--remove-s-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/remove.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/remove.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--remove-s-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/remove.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/remove.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--round-alert-s-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--round-alert-s-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--round-alert-s-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--round-alert-s-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--round-alert-s-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--round-alert-s-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--round-alert-s-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--round-alert-s-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--round-alert-s-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--round-alert-s-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--round-alert-s-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--round-alert-s-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--round-alert-s-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--round-alert-s-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--round-alert-s-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--round-alert-s-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--round-checkmark-s-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--round-checkmark-s-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--round-checkmark-s-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--round-checkmark-s-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--round-checkmark-s-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--round-checkmark-s-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--round-checkmark-s-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--round-checkmark-s-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--round-checkmark-s-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--round-checkmark-s-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--round-checkmark-s-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--round-checkmark-s-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--round-checkmark-s-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--round-checkmark-s-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--round-checkmark-s-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--round-checkmark-s-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--round-error-s-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--round-error-s-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--round-error-s-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--round-error-s-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--round-error-s-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--round-error-s-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--round-error-s-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--round-error-s-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--round-error-s-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--round-error-s-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--round-error-s-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--round-error-s-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--round-error-s-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--round-error-s-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--round-error-s-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--round-error-s-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--round-filled-play-s-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--round-filled-play-s-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--round-filled-play-s-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--round-filled-play-s-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--round-filled-play-s-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--round-filled-play-s-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--round-filled-play-s-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--round-filled-play-s-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--round-filled-play-s-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--round-filled-play-s-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--round-filled-play-s-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--round-filled-play-s-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--round-filled-play-s-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--round-filled-play-s-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--round-filled-play-s-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--round-filled-play-s-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--round-info-s-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--round-info-s-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--round-info-s-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--round-info-s-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--round-info-s-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--round-info-s-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--round-info-s-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--round-info-s-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--round-info-s-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--round-info-s-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--round-info-s-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--round-info-s-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--round-info-s-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--round-info-s-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--round-info-s-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--round-info-s-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--round-play-s-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--round-play-s-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--round-play-s-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--round-play-s-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--round-play-s-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--round-play-s-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--round-play-s-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--round-play-s-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--round-play-s-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--round-play-s-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--round-play-s-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--round-play-s-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--round-play-s-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--round-play-s-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--round-play-s-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--round-play-s-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--save-s-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/save.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/save.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--save-s-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/save.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/save.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--save-s-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/save.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/save.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--save-s-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/save.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/save.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--save-s-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/save.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/save.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--save-s-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/save.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/save.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--save-s-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/save.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/save.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--save-s-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/save.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/save.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--save-s-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/save.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/save.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--save-s-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/save.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/save.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--save-s-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/save.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/save.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--save-s-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/save.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/save.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--save-s-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/save.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/save.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--save-s-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/save.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/save.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--save-s-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/save.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/save.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--save-s-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/save.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/save.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--search-s-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/search.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/search.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--search-s-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/search.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/search.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--search-s-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/search.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/search.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--search-s-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/search.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/search.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--search-s-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/search.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/search.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--search-s-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/search.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/search.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--search-s-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/search.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/search.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--search-s-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/search.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/search.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--search-s-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/search.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/search.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--search-s-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/search.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/search.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--search-s-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/search.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/search.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--search-s-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/search.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/search.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--search-s-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/search.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/search.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--search-s-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/search.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/search.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--search-s-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/search.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/search.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--search-s-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/search.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/search.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--settings-s-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/settings.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/settings.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--settings-s-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/settings.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/settings.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--settings-s-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/settings.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/settings.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--settings-s-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/settings.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/settings.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--settings-s-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/settings.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/settings.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--settings-s-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/settings.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/settings.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--settings-s-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/settings.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/settings.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--settings-s-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/settings.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/settings.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--settings-s-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/settings.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/settings.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--settings-s-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/settings.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/settings.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--settings-s-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/settings.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/settings.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--settings-s-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/settings.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/settings.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--settings-s-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/settings.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/settings.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--settings-s-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/settings.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/settings.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--settings-s-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/settings.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/settings.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--settings-s-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/settings.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/settings.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--show-s-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/show.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/show.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--show-s-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/show.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/show.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--show-s-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/show.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/show.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--show-s-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/show.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/show.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--show-s-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/show.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/show.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--show-s-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/show.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/show.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--show-s-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/show.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/show.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--show-s-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/show.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/show.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--show-s-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/show.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/show.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--show-s-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/show.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/show.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--show-s-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/show.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/show.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--show-s-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/show.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/show.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--show-s-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/show.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/show.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--show-s-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/show.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/show.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--show-s-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/show.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/show.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--show-s-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/show.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/show.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--sparkle-s-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/sparkle.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/sparkle.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--sparkle-s-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/sparkle.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/sparkle.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--sparkle-s-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/sparkle.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/sparkle.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--sparkle-s-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/sparkle.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/sparkle.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--sparkle-s-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/sparkle.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/sparkle.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--sparkle-s-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/sparkle.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/sparkle.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--sparkle-s-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/sparkle.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/sparkle.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--sparkle-s-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/sparkle.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/sparkle.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--sparkle-s-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/sparkle.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/sparkle.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--sparkle-s-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/sparkle.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/sparkle.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--sparkle-s-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/sparkle.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/sparkle.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--sparkle-s-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/sparkle.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/sparkle.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--sparkle-s-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/sparkle.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/sparkle.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--sparkle-s-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/sparkle.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/sparkle.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--sparkle-s-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/sparkle.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/sparkle.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--sparkle-s-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/sparkle.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/sparkle.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--square-play-s-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/square-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/square-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--square-play-s-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/square-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/square-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--square-play-s-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/square-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/square-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--square-play-s-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/square-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/square-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--square-play-s-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/square-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/square-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--square-play-s-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/square-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/square-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--square-play-s-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/square-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/square-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--square-play-s-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/square-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/square-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--square-play-s-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/square-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/square-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--square-play-s-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/square-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/square-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--square-play-s-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/square-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/square-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--square-play-s-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/square-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/square-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--square-play-s-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/square-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/square-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--square-play-s-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/square-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/square-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--square-play-s-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/square-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/square-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--square-play-s-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/square-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/square-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--telescope-s-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/telescope.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/telescope.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--telescope-s-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/telescope.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/telescope.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--telescope-s-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/telescope.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/telescope.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--telescope-s-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/telescope.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/telescope.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--telescope-s-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/telescope.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/telescope.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--telescope-s-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/telescope.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/telescope.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--telescope-s-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/telescope.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/telescope.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--telescope-s-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/telescope.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/telescope.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--telescope-s-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/telescope.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/telescope.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--telescope-s-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/telescope.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/telescope.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--telescope-s-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/telescope.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/telescope.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--telescope-s-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/telescope.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/telescope.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--telescope-s-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/telescope.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/telescope.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--telescope-s-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/telescope.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/telescope.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--telescope-s-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/telescope.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/telescope.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--telescope-s-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/telescope.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/telescope.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--trash-s-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/trash.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/trash.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--trash-s-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/trash.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/trash.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--trash-s-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/trash.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/trash.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--trash-s-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/trash.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/trash.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--trash-s-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/trash.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/trash.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--trash-s-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/trash.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/trash.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--trash-s-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/trash.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/trash.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--trash-s-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/trash.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/trash.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--trash-s-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/trash.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/trash.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--trash-s-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/trash.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/trash.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--trash-s-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/trash.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/trash.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--trash-s-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/trash.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/trash.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--trash-s-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/trash.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/trash.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--trash-s-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/trash.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/trash.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--trash-s-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/trash.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/trash.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--trash-s-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/trash.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/trash.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--usa-flag-s-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/usa-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/usa-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--usa-flag-s-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/usa-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/usa-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--usa-flag-s-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/usa-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/usa-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--usa-flag-s-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/usa-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/usa-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--usa-flag-s-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/usa-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/usa-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--usa-flag-s-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/usa-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/usa-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--usa-flag-s-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/usa-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/usa-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--usa-flag-s-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/usa-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/usa-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--usa-flag-s-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/usa-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/usa-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--usa-flag-s-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/usa-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/usa-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--usa-flag-s-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/usa-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/usa-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--usa-flag-s-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/usa-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/usa-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--usa-flag-s-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/usa-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/usa-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--usa-flag-s-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/usa-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/usa-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--usa-flag-s-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/usa-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/usa-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--usa-flag-s-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/usa-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/usa-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--video-s-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/video.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/video.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--video-s-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/video.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/video.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--video-s-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/video.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/video.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--video-s-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/video.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/video.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--video-s-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/video.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/video.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--video-s-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/video.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/video.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--video-s-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/video.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/video.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--video-s-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/video.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/video.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--video-s-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/video.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/video.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--video-s-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/video.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/video.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--video-s-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/video.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/video.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--video-s-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/video.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/video.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--video-s-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/video.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/video.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--video-s-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/video.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/video.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--video-s-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/video.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/video.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--video-s-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/video.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/video.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--write-s-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/write.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/write.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--write-s-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/write.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/write.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--write-s-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/write.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/write.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--write-s-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/write.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/write.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--write-s-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/write.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/write.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--write-s-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/write.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/write.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--write-s-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/write.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/write.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--write-s-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/write.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/write.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--write-s-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/write.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/write.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--write-s-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/write.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/write.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--write-s-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/write.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/write.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--write-s-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/write.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/write.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--write-s-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/write.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/write.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--write-s-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/write.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/write.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--write-s-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/write.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/write.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--write-s-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/write.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/write.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--youtube-s-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/youtube.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/youtube.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--youtube-s-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/youtube.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/youtube.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--youtube-s-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/youtube.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/youtube.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--youtube-s-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/youtube.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/youtube.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--youtube-s-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/youtube.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/youtube.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--youtube-s-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/youtube.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/youtube.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--youtube-s-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/youtube.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/youtube.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--youtube-s-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/youtube.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/youtube.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--youtube-s-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/youtube.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/youtube.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--youtube-s-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/youtube.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/youtube.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--youtube-s-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/youtube.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/youtube.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--youtube-s-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/youtube.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/youtube.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--youtube-s-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/youtube.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/youtube.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--youtube-s-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/youtube.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/youtube.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--youtube-s-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/youtube.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/youtube.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--youtube-s-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/youtube.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/youtube.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--add-s-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/add.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/add.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--add-s-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/add.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/add.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--add-s-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/add.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/add.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--add-s-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/add.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/add.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--add-s-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/add.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/add.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--add-s-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/add.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/add.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--add-s-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/add.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/add.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--add-s-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/add.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/add.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--add-s-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/add.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/add.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--add-s-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/add.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/add.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--add-s-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/add.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/add.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--add-s-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/add.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/add.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--add-s-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/add.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/add.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--add-s-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/add.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/add.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--add-s-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/add.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/add.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--add-s-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/add.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/add.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--arrow-down-s-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-down.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-down.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--arrow-down-s-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-down.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-down.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--arrow-down-s-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-down.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-down.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--arrow-down-s-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-down.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-down.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--arrow-down-s-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-down.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-down.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--arrow-down-s-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-down.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-down.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--arrow-down-s-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-down.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-down.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--arrow-down-s-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-down.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-down.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--arrow-down-s-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-down.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-down.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--arrow-down-s-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-down.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-down.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--arrow-down-s-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-down.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-down.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--arrow-down-s-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-down.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-down.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--arrow-down-s-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-down.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-down.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--arrow-down-s-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-down.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-down.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--arrow-down-s-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-down.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-down.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--arrow-down-s-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-down.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-down.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--arrow-up-s-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-up.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-up.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--arrow-up-s-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-up.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-up.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--arrow-up-s-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-up.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-up.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--arrow-up-s-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-up.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-up.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--arrow-up-s-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-up.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-up.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--arrow-up-s-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-up.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-up.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--arrow-up-s-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-up.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-up.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--arrow-up-s-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-up.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-up.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--arrow-up-s-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-up.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-up.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--arrow-up-s-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-up.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-up.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--arrow-up-s-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-up.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-up.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--arrow-up-s-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-up.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-up.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--arrow-up-s-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-up.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-up.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--arrow-up-s-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-up.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-up.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--arrow-up-s-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-up.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-up.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--arrow-up-s-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-up.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/arrow-up.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--back-arrow-s-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/back-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/back-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--back-arrow-s-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/back-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/back-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--back-arrow-s-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/back-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/back-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--back-arrow-s-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/back-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/back-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--back-arrow-s-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/back-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/back-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--back-arrow-s-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/back-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/back-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--back-arrow-s-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/back-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/back-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--back-arrow-s-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/back-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/back-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--back-arrow-s-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/back-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/back-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--back-arrow-s-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/back-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/back-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--back-arrow-s-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/back-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/back-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--back-arrow-s-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/back-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/back-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--back-arrow-s-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/back-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/back-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--back-arrow-s-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/back-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/back-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--back-arrow-s-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/back-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/back-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--back-arrow-s-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/back-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/back-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--bold-s-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/bold.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/bold.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--bold-s-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/bold.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/bold.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--bold-s-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/bold.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/bold.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--bold-s-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/bold.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/bold.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--bold-s-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/bold.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/bold.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--bold-s-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/bold.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/bold.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--bold-s-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/bold.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/bold.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--bold-s-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/bold.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/bold.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--bold-s-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/bold.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/bold.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--bold-s-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/bold.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/bold.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--bold-s-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/bold.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/bold.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--bold-s-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/bold.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/bold.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--bold-s-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/bold.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/bold.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--bold-s-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/bold.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/bold.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--bold-s-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/bold.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/bold.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--bold-s-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/bold.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/bold.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--checkmark-s-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--checkmark-s-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--checkmark-s-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--checkmark-s-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--checkmark-s-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--checkmark-s-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--checkmark-s-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--checkmark-s-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--checkmark-s-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--checkmark-s-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--checkmark-s-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--checkmark-s-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--checkmark-s-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--checkmark-s-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--checkmark-s-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--checkmark-s-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--chevron-s-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/chevron.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/chevron.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--chevron-s-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/chevron.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/chevron.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--chevron-s-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/chevron.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/chevron.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--chevron-s-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/chevron.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/chevron.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--chevron-s-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/chevron.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/chevron.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--chevron-s-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/chevron.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/chevron.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--chevron-s-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/chevron.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/chevron.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--chevron-s-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/chevron.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/chevron.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--chevron-s-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/chevron.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/chevron.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--chevron-s-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/chevron.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/chevron.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--chevron-s-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/chevron.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/chevron.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--chevron-s-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/chevron.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/chevron.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--chevron-s-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/chevron.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/chevron.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--chevron-s-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/chevron.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/chevron.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--chevron-s-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/chevron.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/chevron.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--chevron-s-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/chevron.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/chevron.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--close-s-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/close.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/close.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--close-s-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/close.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/close.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--close-s-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/close.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/close.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--close-s-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/close.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/close.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--close-s-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/close.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/close.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--close-s-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/close.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/close.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--close-s-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/close.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/close.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--close-s-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/close.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/close.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--close-s-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/close.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/close.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--close-s-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/close.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/close.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--close-s-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/close.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/close.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--close-s-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/close.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/close.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--close-s-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/close.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/close.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--close-s-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/close.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/close.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--close-s-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/close.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/close.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--close-s-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/close.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/close.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--closed-book-s-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--closed-book-s-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--closed-book-s-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--closed-book-s-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--closed-book-s-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--closed-book-s-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--closed-book-s-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--closed-book-s-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--closed-book-s-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--closed-book-s-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--closed-book-s-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--closed-book-s-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--closed-book-s-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--closed-book-s-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--closed-book-s-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--closed-book-s-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--code-s-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/code.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/code.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--code-s-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/code.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/code.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--code-s-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/code.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/code.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--code-s-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/code.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/code.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--code-s-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/code.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/code.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--code-s-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/code.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/code.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--code-s-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/code.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/code.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--code-s-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/code.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/code.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--code-s-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/code.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/code.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--code-s-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/code.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/code.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--code-s-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/code.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/code.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--code-s-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/code.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/code.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--code-s-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/code.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/code.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--code-s-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/code.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/code.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--code-s-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/code.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/code.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--code-s-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/code.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/code.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--credit-card-s-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/credit-card.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/credit-card.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--credit-card-s-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/credit-card.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/credit-card.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--credit-card-s-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/credit-card.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/credit-card.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--credit-card-s-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/credit-card.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/credit-card.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--credit-card-s-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/credit-card.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/credit-card.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--credit-card-s-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/credit-card.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/credit-card.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--credit-card-s-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/credit-card.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/credit-card.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--credit-card-s-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/credit-card.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/credit-card.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--credit-card-s-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/credit-card.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/credit-card.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--credit-card-s-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/credit-card.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/credit-card.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--credit-card-s-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/credit-card.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/credit-card.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--credit-card-s-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/credit-card.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/credit-card.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--credit-card-s-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/credit-card.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/credit-card.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--credit-card-s-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/credit-card.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/credit-card.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--credit-card-s-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/credit-card.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/credit-card.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--credit-card-s-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/credit-card.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/credit-card.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--dollar-s-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/dollar.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/dollar.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--dollar-s-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/dollar.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/dollar.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--dollar-s-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/dollar.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/dollar.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--dollar-s-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/dollar.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/dollar.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--dollar-s-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/dollar.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/dollar.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--dollar-s-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/dollar.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/dollar.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--dollar-s-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/dollar.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/dollar.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--dollar-s-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/dollar.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/dollar.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--dollar-s-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/dollar.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/dollar.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--dollar-s-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/dollar.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/dollar.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--dollar-s-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/dollar.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/dollar.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--dollar-s-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/dollar.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/dollar.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--dollar-s-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/dollar.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/dollar.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--dollar-s-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/dollar.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/dollar.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--dollar-s-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/dollar.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/dollar.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--dollar-s-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/dollar.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/dollar.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--download-s-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/download.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/download.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--download-s-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/download.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/download.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--download-s-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/download.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/download.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--download-s-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/download.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/download.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--download-s-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/download.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/download.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--download-s-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/download.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/download.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--download-s-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/download.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/download.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--download-s-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/download.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/download.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--download-s-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/download.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/download.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--download-s-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/download.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/download.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--download-s-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/download.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/download.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--download-s-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/download.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/download.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--download-s-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/download.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/download.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--download-s-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/download.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/download.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--download-s-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/download.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/download.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--download-s-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/download.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/download.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--draft-s-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/draft.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/draft.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--draft-s-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/draft.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/draft.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--draft-s-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/draft.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/draft.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--draft-s-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/draft.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/draft.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--draft-s-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/draft.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/draft.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--draft-s-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/draft.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/draft.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--draft-s-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/draft.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/draft.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--draft-s-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/draft.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/draft.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--draft-s-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/draft.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/draft.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--draft-s-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/draft.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/draft.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--draft-s-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/draft.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/draft.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--draft-s-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/draft.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/draft.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--draft-s-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/draft.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/draft.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--draft-s-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/draft.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/draft.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--draft-s-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/draft.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/draft.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--draft-s-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/draft.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/draft.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--edit-s-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/edit.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/edit.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--edit-s-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/edit.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/edit.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--edit-s-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/edit.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/edit.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--edit-s-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/edit.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/edit.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--edit-s-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/edit.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/edit.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--edit-s-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/edit.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/edit.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--edit-s-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/edit.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/edit.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--edit-s-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/edit.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/edit.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--edit-s-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/edit.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/edit.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--edit-s-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/edit.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/edit.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--edit-s-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/edit.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/edit.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--edit-s-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/edit.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/edit.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--edit-s-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/edit.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/edit.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--edit-s-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/edit.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/edit.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--edit-s-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/edit.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/edit.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--edit-s-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/edit.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/edit.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--email-s-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/email.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/email.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--email-s-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/email.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/email.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--email-s-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/email.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/email.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--email-s-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/email.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/email.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--email-s-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/email.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/email.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--email-s-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/email.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/email.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--email-s-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/email.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/email.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--email-s-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/email.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/email.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--email-s-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/email.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/email.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--email-s-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/email.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/email.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--email-s-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/email.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/email.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--email-s-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/email.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/email.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--email-s-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/email.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/email.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--email-s-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/email.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/email.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--email-s-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/email.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/email.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--email-s-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/email.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/email.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--eur-s-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/eur.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/eur.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--eur-s-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/eur.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/eur.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--eur-s-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/eur.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/eur.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--eur-s-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/eur.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/eur.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--eur-s-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/eur.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/eur.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--eur-s-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/eur.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/eur.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--eur-s-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/eur.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/eur.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--eur-s-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/eur.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/eur.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--eur-s-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/eur.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/eur.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--eur-s-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/eur.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/eur.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--eur-s-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/eur.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/eur.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--eur-s-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/eur.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/eur.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--eur-s-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/eur.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/eur.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--eur-s-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/eur.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/eur.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--eur-s-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/eur.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/eur.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--eur-s-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/eur.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/eur.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--external-link-s-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/external-link.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/external-link.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--external-link-s-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/external-link.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/external-link.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--external-link-s-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/external-link.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/external-link.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--external-link-s-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/external-link.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/external-link.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--external-link-s-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/external-link.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/external-link.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--external-link-s-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/external-link.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/external-link.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--external-link-s-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/external-link.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/external-link.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--external-link-s-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/external-link.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/external-link.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--external-link-s-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/external-link.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/external-link.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--external-link-s-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/external-link.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/external-link.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--external-link-s-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/external-link.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/external-link.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--external-link-s-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/external-link.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/external-link.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--external-link-s-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/external-link.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/external-link.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--external-link-s-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/external-link.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/external-link.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--external-link-s-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/external-link.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/external-link.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--external-link-s-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/external-link.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/external-link.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--facebook-s-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/facebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/facebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--facebook-s-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/facebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/facebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--facebook-s-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/facebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/facebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--facebook-s-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/facebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/facebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--facebook-s-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/facebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/facebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--facebook-s-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/facebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/facebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--facebook-s-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/facebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/facebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--facebook-s-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/facebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/facebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--facebook-s-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/facebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/facebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--facebook-s-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/facebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/facebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--facebook-s-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/facebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/facebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--facebook-s-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/facebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/facebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--facebook-s-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/facebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/facebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--facebook-s-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/facebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/facebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--facebook-s-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/facebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/facebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--facebook-s-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/facebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/facebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--forward-arrow-s-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--forward-arrow-s-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--forward-arrow-s-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--forward-arrow-s-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--forward-arrow-s-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--forward-arrow-s-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--forward-arrow-s-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--forward-arrow-s-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--forward-arrow-s-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--forward-arrow-s-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--forward-arrow-s-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--forward-arrow-s-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--forward-arrow-s-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--forward-arrow-s-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--forward-arrow-s-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--forward-arrow-s-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--forward-big-arrow-s-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--forward-big-arrow-s-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--forward-big-arrow-s-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--forward-big-arrow-s-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--forward-big-arrow-s-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--forward-big-arrow-s-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--forward-big-arrow-s-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--forward-big-arrow-s-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--forward-big-arrow-s-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--forward-big-arrow-s-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--forward-big-arrow-s-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--forward-big-arrow-s-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--forward-big-arrow-s-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--forward-big-arrow-s-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--forward-big-arrow-s-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--forward-big-arrow-s-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--hamburger-menu-s-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hamburger-menu.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hamburger-menu.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--hamburger-menu-s-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hamburger-menu.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hamburger-menu.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--hamburger-menu-s-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hamburger-menu.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hamburger-menu.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--hamburger-menu-s-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hamburger-menu.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hamburger-menu.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--hamburger-menu-s-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hamburger-menu.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hamburger-menu.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--hamburger-menu-s-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hamburger-menu.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hamburger-menu.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--hamburger-menu-s-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hamburger-menu.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hamburger-menu.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--hamburger-menu-s-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hamburger-menu.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hamburger-menu.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--hamburger-menu-s-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hamburger-menu.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hamburger-menu.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--hamburger-menu-s-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hamburger-menu.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hamburger-menu.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--hamburger-menu-s-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hamburger-menu.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hamburger-menu.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--hamburger-menu-s-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hamburger-menu.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hamburger-menu.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--hamburger-menu-s-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hamburger-menu.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hamburger-menu.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--hamburger-menu-s-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hamburger-menu.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hamburger-menu.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--hamburger-menu-s-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hamburger-menu.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hamburger-menu.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--hamburger-menu-s-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hamburger-menu.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hamburger-menu.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--hide-s-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hide.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hide.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--hide-s-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hide.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hide.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--hide-s-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hide.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hide.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--hide-s-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hide.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hide.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--hide-s-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hide.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hide.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--hide-s-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hide.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hide.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--hide-s-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hide.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hide.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--hide-s-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hide.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hide.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--hide-s-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hide.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hide.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--hide-s-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hide.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hide.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--hide-s-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hide.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hide.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--hide-s-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hide.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hide.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--hide-s-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hide.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hide.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--hide-s-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hide.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hide.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--hide-s-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hide.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hide.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--hide-s-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hide.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hide.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--hyphen-s-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hyphen.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hyphen.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--hyphen-s-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hyphen.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hyphen.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--hyphen-s-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hyphen.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hyphen.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--hyphen-s-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hyphen.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hyphen.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--hyphen-s-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hyphen.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hyphen.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--hyphen-s-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hyphen.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hyphen.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--hyphen-s-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hyphen.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hyphen.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--hyphen-s-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hyphen.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hyphen.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--hyphen-s-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hyphen.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hyphen.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--hyphen-s-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hyphen.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hyphen.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--hyphen-s-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hyphen.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hyphen.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--hyphen-s-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hyphen.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hyphen.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--hyphen-s-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hyphen.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hyphen.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--hyphen-s-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hyphen.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hyphen.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--hyphen-s-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hyphen.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hyphen.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--hyphen-s-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hyphen.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/hyphen.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--home-s-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/home.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/home.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--home-s-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/home.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/home.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--home-s-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/home.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/home.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--home-s-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/home.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/home.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--home-s-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/home.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/home.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--home-s-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/home.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/home.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--home-s-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/home.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/home.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--home-s-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/home.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/home.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--home-s-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/home.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/home.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--home-s-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/home.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/home.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--home-s-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/home.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/home.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--home-s-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/home.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/home.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--home-s-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/home.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/home.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--home-s-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/home.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/home.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--home-s-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/home.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/home.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--home-s-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/home.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/home.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--image-s-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/image.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/image.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--image-s-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/image.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/image.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--image-s-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/image.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/image.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--image-s-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/image.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/image.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--image-s-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/image.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/image.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--image-s-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/image.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/image.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--image-s-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/image.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/image.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--image-s-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/image.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/image.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--image-s-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/image.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/image.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--image-s-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/image.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/image.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--image-s-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/image.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/image.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--image-s-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/image.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/image.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--image-s-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/image.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/image.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--image-s-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/image.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/image.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--image-s-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/image.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/image.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--image-s-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/image.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/image.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--index-s-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/index.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/index.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--index-s-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/index.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/index.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--index-s-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/index.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/index.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--index-s-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/index.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/index.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--index-s-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/index.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/index.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--index-s-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/index.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/index.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--index-s-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/index.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/index.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--index-s-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/index.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/index.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--index-s-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/index.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/index.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--index-s-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/index.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/index.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--index-s-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/index.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/index.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--index-s-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/index.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/index.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--index-s-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/index.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/index.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--index-s-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/index.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/index.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--index-s-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/index.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/index.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--index-s-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/index.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/index.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--info-s-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--info-s-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--info-s-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--info-s-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--info-s-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--info-s-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--info-s-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--info-s-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--info-s-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--info-s-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--info-s-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--info-s-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--info-s-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--info-s-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--info-s-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--info-s-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--italic-s-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italic.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italic.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--italic-s-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italic.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italic.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--italic-s-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italic.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italic.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--italic-s-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italic.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italic.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--italic-s-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italic.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italic.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--italic-s-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italic.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italic.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--italic-s-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italic.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italic.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--italic-s-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italic.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italic.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--italic-s-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italic.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italic.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--italic-s-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italic.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italic.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--italic-s-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italic.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italic.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--italic-s-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italic.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italic.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--italic-s-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italic.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italic.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--italic-s-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italic.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italic.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--italic-s-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italic.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italic.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--italic-s-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italic.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italic.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--italy-flag-s-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italy-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italy-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--italy-flag-s-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italy-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italy-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--italy-flag-s-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italy-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italy-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--italy-flag-s-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italy-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italy-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--italy-flag-s-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italy-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italy-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--italy-flag-s-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italy-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italy-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--italy-flag-s-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italy-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italy-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--italy-flag-s-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italy-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italy-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--italy-flag-s-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italy-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italy-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--italy-flag-s-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italy-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italy-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--italy-flag-s-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italy-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italy-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--italy-flag-s-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italy-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italy-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--italy-flag-s-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italy-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italy-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--italy-flag-s-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italy-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italy-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--italy-flag-s-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italy-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italy-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--italy-flag-s-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italy-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/italy-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--linkedin-s-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/linkedin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/linkedin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--linkedin-s-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/linkedin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/linkedin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--linkedin-s-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/linkedin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/linkedin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--linkedin-s-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/linkedin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/linkedin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--linkedin-s-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/linkedin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/linkedin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--linkedin-s-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/linkedin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/linkedin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--linkedin-s-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/linkedin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/linkedin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--linkedin-s-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/linkedin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/linkedin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--linkedin-s-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/linkedin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/linkedin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--linkedin-s-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/linkedin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/linkedin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--linkedin-s-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/linkedin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/linkedin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--linkedin-s-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/linkedin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/linkedin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--linkedin-s-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/linkedin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/linkedin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--linkedin-s-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/linkedin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/linkedin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--linkedin-s-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/linkedin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/linkedin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--linkedin-s-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/linkedin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/linkedin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--list-s-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/list.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/list.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--list-s-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/list.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/list.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--list-s-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/list.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/list.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--list-s-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/list.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/list.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--list-s-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/list.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/list.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--list-s-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/list.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/list.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--list-s-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/list.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/list.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--list-s-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/list.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/list.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--list-s-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/list.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/list.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--list-s-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/list.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/list.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--list-s-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/list.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/list.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--list-s-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/list.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/list.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--list-s-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/list.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/list.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--list-s-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/list.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/list.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--list-s-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/list.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/list.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--list-s-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/list.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/list.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--loading-s-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/loading.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/loading.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--loading-s-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/loading.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/loading.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--loading-s-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/loading.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/loading.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--loading-s-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/loading.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/loading.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--loading-s-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/loading.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/loading.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--loading-s-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/loading.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/loading.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--loading-s-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/loading.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/loading.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--loading-s-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/loading.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/loading.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--loading-s-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/loading.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/loading.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--loading-s-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/loading.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/loading.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--loading-s-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/loading.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/loading.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--loading-s-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/loading.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/loading.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--loading-s-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/loading.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/loading.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--loading-s-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/loading.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/loading.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--loading-s-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/loading.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/loading.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--loading-s-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/loading.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/loading.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--logout-s-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/logout.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/logout.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--logout-s-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/logout.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/logout.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--logout-s-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/logout.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/logout.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--logout-s-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/logout.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/logout.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--logout-s-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/logout.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/logout.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--logout-s-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/logout.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/logout.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--logout-s-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/logout.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/logout.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--logout-s-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/logout.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/logout.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--logout-s-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/logout.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/logout.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--logout-s-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/logout.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/logout.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--logout-s-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/logout.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/logout.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--logout-s-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/logout.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/logout.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--logout-s-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/logout.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/logout.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--logout-s-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/logout.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/logout.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--logout-s-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/logout.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/logout.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--logout-s-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/logout.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/logout.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--mastercard-s-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/mastercard.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/mastercard.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--mastercard-s-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/mastercard.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/mastercard.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--mastercard-s-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/mastercard.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/mastercard.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--mastercard-s-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/mastercard.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/mastercard.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--mastercard-s-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/mastercard.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/mastercard.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--mastercard-s-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/mastercard.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/mastercard.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--mastercard-s-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/mastercard.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/mastercard.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--mastercard-s-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/mastercard.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/mastercard.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--mastercard-s-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/mastercard.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/mastercard.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--mastercard-s-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/mastercard.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/mastercard.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--mastercard-s-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/mastercard.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/mastercard.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--mastercard-s-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/mastercard.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/mastercard.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--mastercard-s-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/mastercard.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/mastercard.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--mastercard-s-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/mastercard.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/mastercard.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--mastercard-s-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/mastercard.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/mastercard.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--mastercard-s-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/mastercard.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/mastercard.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--notebook-s-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/notebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/notebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--notebook-s-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/notebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/notebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--notebook-s-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/notebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/notebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--notebook-s-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/notebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/notebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--notebook-s-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/notebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/notebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--notebook-s-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/notebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/notebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--notebook-s-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/notebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/notebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--notebook-s-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/notebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/notebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--notebook-s-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/notebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/notebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--notebook-s-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/notebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/notebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--notebook-s-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/notebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/notebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--notebook-s-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/notebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/notebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--notebook-s-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/notebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/notebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--notebook-s-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/notebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/notebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--notebook-s-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/notebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/notebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--notebook-s-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/notebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/notebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--opened-book-s-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--opened-book-s-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--opened-book-s-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--opened-book-s-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--opened-book-s-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--opened-book-s-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--opened-book-s-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--opened-book-s-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--opened-book-s-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--opened-book-s-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--opened-book-s-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--opened-book-s-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--opened-book-s-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--opened-book-s-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--opened-book-s-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--opened-book-s-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--phone-s-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/phone.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/phone.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--phone-s-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/phone.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/phone.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--phone-s-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/phone.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/phone.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--phone-s-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/phone.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/phone.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--phone-s-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/phone.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/phone.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--phone-s-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/phone.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/phone.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--phone-s-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/phone.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/phone.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--phone-s-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/phone.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/phone.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--phone-s-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/phone.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/phone.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--phone-s-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/phone.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/phone.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--phone-s-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/phone.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/phone.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--phone-s-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/phone.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/phone.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--phone-s-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/phone.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/phone.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--phone-s-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/phone.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/phone.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--phone-s-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/phone.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/phone.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--phone-s-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/phone.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/phone.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--pin-s-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/pin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/pin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--pin-s-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/pin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/pin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--pin-s-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/pin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/pin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--pin-s-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/pin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/pin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--pin-s-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/pin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/pin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--pin-s-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/pin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/pin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--pin-s-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/pin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/pin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--pin-s-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/pin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/pin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--pin-s-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/pin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/pin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--pin-s-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/pin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/pin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--pin-s-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/pin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/pin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--pin-s-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/pin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/pin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--pin-s-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/pin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/pin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--pin-s-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/pin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/pin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--pin-s-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/pin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/pin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--pin-s-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/pin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/pin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--profile-s-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/profile.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/profile.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--profile-s-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/profile.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/profile.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--profile-s-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/profile.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/profile.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--profile-s-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/profile.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/profile.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--profile-s-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/profile.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/profile.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--profile-s-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/profile.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/profile.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--profile-s-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/profile.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/profile.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--profile-s-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/profile.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/profile.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--profile-s-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/profile.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/profile.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--profile-s-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/profile.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/profile.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--profile-s-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/profile.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/profile.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--profile-s-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/profile.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/profile.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--profile-s-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/profile.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/profile.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--profile-s-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/profile.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/profile.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--profile-s-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/profile.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/profile.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--profile-s-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/profile.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/profile.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--remove-s-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/remove.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/remove.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--remove-s-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/remove.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/remove.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--remove-s-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/remove.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/remove.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--remove-s-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/remove.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/remove.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--remove-s-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/remove.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/remove.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--remove-s-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/remove.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/remove.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--remove-s-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/remove.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/remove.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--remove-s-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/remove.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/remove.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--remove-s-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/remove.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/remove.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--remove-s-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/remove.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/remove.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--remove-s-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/remove.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/remove.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--remove-s-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/remove.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/remove.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--remove-s-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/remove.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/remove.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--remove-s-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/remove.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/remove.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--remove-s-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/remove.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/remove.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--remove-s-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/remove.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/remove.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--round-alert-s-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--round-alert-s-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--round-alert-s-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--round-alert-s-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--round-alert-s-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--round-alert-s-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--round-alert-s-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--round-alert-s-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--round-alert-s-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--round-alert-s-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--round-alert-s-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--round-alert-s-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--round-alert-s-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--round-alert-s-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--round-alert-s-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--round-alert-s-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--round-checkmark-s-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--round-checkmark-s-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--round-checkmark-s-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--round-checkmark-s-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--round-checkmark-s-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--round-checkmark-s-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--round-checkmark-s-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--round-checkmark-s-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--round-checkmark-s-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--round-checkmark-s-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--round-checkmark-s-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--round-checkmark-s-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--round-checkmark-s-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--round-checkmark-s-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--round-checkmark-s-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--round-checkmark-s-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--round-error-s-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--round-error-s-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--round-error-s-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--round-error-s-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--round-error-s-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--round-error-s-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--round-error-s-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--round-error-s-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--round-error-s-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--round-error-s-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--round-error-s-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--round-error-s-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--round-error-s-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--round-error-s-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--round-error-s-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--round-error-s-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--round-filled-play-s-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--round-filled-play-s-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--round-filled-play-s-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--round-filled-play-s-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--round-filled-play-s-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--round-filled-play-s-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--round-filled-play-s-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--round-filled-play-s-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--round-filled-play-s-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--round-filled-play-s-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--round-filled-play-s-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--round-filled-play-s-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--round-filled-play-s-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--round-filled-play-s-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--round-filled-play-s-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--round-filled-play-s-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--round-info-s-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--round-info-s-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--round-info-s-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--round-info-s-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--round-info-s-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--round-info-s-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--round-info-s-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--round-info-s-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--round-info-s-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--round-info-s-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--round-info-s-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--round-info-s-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--round-info-s-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--round-info-s-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--round-info-s-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--round-info-s-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--round-play-s-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--round-play-s-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--round-play-s-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--round-play-s-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--round-play-s-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--round-play-s-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--round-play-s-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--round-play-s-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--round-play-s-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--round-play-s-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--round-play-s-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--round-play-s-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--round-play-s-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--round-play-s-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--round-play-s-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--round-play-s-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--save-s-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/save.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/save.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--save-s-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/save.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/save.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--save-s-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/save.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/save.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--save-s-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/save.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/save.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--save-s-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/save.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/save.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--save-s-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/save.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/save.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--save-s-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/save.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/save.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--save-s-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/save.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/save.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--save-s-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/save.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/save.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--save-s-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/save.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/save.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--save-s-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/save.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/save.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--save-s-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/save.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/save.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--save-s-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/save.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/save.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--save-s-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/save.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/save.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--save-s-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/save.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/save.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--save-s-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/save.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/save.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--search-s-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/search.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/search.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--search-s-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/search.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/search.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--search-s-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/search.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/search.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--search-s-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/search.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/search.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--search-s-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/search.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/search.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--search-s-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/search.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/search.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--search-s-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/search.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/search.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--search-s-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/search.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/search.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--search-s-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/search.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/search.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--search-s-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/search.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/search.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--search-s-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/search.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/search.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--search-s-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/search.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/search.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--search-s-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/search.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/search.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--search-s-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/search.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/search.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--search-s-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/search.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/search.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--search-s-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/search.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/search.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--settings-s-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/settings.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/settings.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--settings-s-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/settings.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/settings.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--settings-s-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/settings.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/settings.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--settings-s-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/settings.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/settings.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--settings-s-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/settings.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/settings.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--settings-s-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/settings.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/settings.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--settings-s-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/settings.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/settings.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--settings-s-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/settings.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/settings.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--settings-s-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/settings.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/settings.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--settings-s-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/settings.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/settings.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--settings-s-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/settings.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/settings.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--settings-s-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/settings.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/settings.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--settings-s-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/settings.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/settings.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--settings-s-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/settings.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/settings.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--settings-s-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/settings.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/settings.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--settings-s-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/settings.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/settings.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--show-s-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/show.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/show.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--show-s-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/show.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/show.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--show-s-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/show.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/show.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--show-s-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/show.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/show.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--show-s-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/show.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/show.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--show-s-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/show.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/show.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--show-s-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/show.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/show.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--show-s-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/show.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/show.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--show-s-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/show.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/show.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--show-s-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/show.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/show.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--show-s-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/show.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/show.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--show-s-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/show.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/show.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--show-s-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/show.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/show.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--show-s-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/show.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/show.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--show-s-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/show.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/show.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--show-s-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/show.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/show.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--sparkle-s-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/sparkle.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/sparkle.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--sparkle-s-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/sparkle.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/sparkle.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--sparkle-s-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/sparkle.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/sparkle.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--sparkle-s-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/sparkle.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/sparkle.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--sparkle-s-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/sparkle.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/sparkle.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--sparkle-s-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/sparkle.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/sparkle.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--sparkle-s-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/sparkle.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/sparkle.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--sparkle-s-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/sparkle.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/sparkle.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--sparkle-s-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/sparkle.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/sparkle.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--sparkle-s-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/sparkle.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/sparkle.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--sparkle-s-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/sparkle.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/sparkle.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--sparkle-s-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/sparkle.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/sparkle.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--sparkle-s-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/sparkle.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/sparkle.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--sparkle-s-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/sparkle.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/sparkle.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--sparkle-s-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/sparkle.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/sparkle.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--sparkle-s-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/sparkle.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/sparkle.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--square-play-s-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/square-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/square-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--square-play-s-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/square-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/square-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--square-play-s-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/square-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/square-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--square-play-s-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/square-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/square-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--square-play-s-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/square-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/square-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--square-play-s-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/square-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/square-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--square-play-s-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/square-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/square-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--square-play-s-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/square-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/square-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--square-play-s-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/square-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/square-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--square-play-s-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/square-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/square-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--square-play-s-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/square-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/square-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--square-play-s-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/square-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/square-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--square-play-s-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/square-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/square-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--square-play-s-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/square-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/square-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--square-play-s-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/square-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/square-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--square-play-s-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/square-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/square-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--telescope-s-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/telescope.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/telescope.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--telescope-s-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/telescope.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/telescope.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--telescope-s-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/telescope.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/telescope.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--telescope-s-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/telescope.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/telescope.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--telescope-s-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/telescope.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/telescope.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--telescope-s-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/telescope.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/telescope.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--telescope-s-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/telescope.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/telescope.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--telescope-s-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/telescope.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/telescope.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--telescope-s-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/telescope.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/telescope.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--telescope-s-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/telescope.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/telescope.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--telescope-s-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/telescope.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/telescope.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--telescope-s-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/telescope.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/telescope.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--telescope-s-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/telescope.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/telescope.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--telescope-s-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/telescope.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/telescope.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--telescope-s-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/telescope.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/telescope.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--telescope-s-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/telescope.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/telescope.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--trash-s-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/trash.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/trash.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--trash-s-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/trash.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/trash.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--trash-s-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/trash.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/trash.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--trash-s-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/trash.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/trash.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--trash-s-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/trash.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/trash.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--trash-s-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/trash.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/trash.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--trash-s-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/trash.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/trash.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--trash-s-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/trash.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/trash.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--trash-s-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/trash.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/trash.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--trash-s-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/trash.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/trash.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--trash-s-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/trash.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/trash.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--trash-s-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/trash.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/trash.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--trash-s-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/trash.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/trash.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--trash-s-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/trash.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/trash.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--trash-s-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/trash.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/trash.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--trash-s-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/trash.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/trash.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--usa-flag-s-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/usa-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/usa-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--usa-flag-s-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/usa-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/usa-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--usa-flag-s-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/usa-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/usa-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--usa-flag-s-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/usa-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/usa-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--usa-flag-s-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/usa-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/usa-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--usa-flag-s-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/usa-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/usa-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--usa-flag-s-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/usa-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/usa-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--usa-flag-s-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/usa-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/usa-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--usa-flag-s-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/usa-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/usa-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--usa-flag-s-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/usa-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/usa-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--usa-flag-s-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/usa-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/usa-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--usa-flag-s-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/usa-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/usa-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--usa-flag-s-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/usa-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/usa-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--usa-flag-s-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/usa-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/usa-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--usa-flag-s-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/usa-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/usa-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--usa-flag-s-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/usa-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/usa-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--video-s-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/video.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/video.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--video-s-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/video.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/video.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--video-s-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/video.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/video.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--video-s-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/video.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/video.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--video-s-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/video.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/video.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--video-s-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/video.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/video.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--video-s-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/video.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/video.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--video-s-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/video.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/video.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--video-s-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/video.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/video.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--video-s-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/video.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/video.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--video-s-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/video.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/video.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--video-s-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/video.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/video.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--video-s-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/video.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/video.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--video-s-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/video.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/video.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--video-s-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/video.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/video.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--video-s-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/video.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/video.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--write-s-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/write.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/write.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--write-s-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/write.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/write.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--write-s-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/write.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/write.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--write-s-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/write.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/write.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--write-s-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/write.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/write.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--write-s-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/write.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/write.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--write-s-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/write.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/write.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--write-s-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/write.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/write.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--write-s-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/write.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/write.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--write-s-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/write.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/write.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--write-s-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/write.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/write.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--write-s-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/write.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/write.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--write-s-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/write.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/write.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--write-s-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/write.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/write.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--write-s-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/write.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/write.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--write-s-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/write.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/write.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--youtube-s-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/youtube.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/youtube.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--youtube-s-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/youtube.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/youtube.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--youtube-s-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/youtube.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/youtube.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--youtube-s-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/youtube.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/youtube.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--youtube-s-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/youtube.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/youtube.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--youtube-s-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/youtube.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/youtube.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--youtube-s-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/youtube.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/youtube.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--youtube-s-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/youtube.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/youtube.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--youtube-s-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/youtube.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/youtube.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--youtube-s-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/youtube.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/youtube.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--youtube-s-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/youtube.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/youtube.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--youtube-s-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/youtube.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/youtube.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--youtube-s-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/youtube.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/youtube.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--youtube-s-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/youtube.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/youtube.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--youtube-s-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/youtube.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/youtube.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--youtube-s-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/youtube.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-s/youtube.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 16px; 
		height: 16px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--add-l-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/add.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/add.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--add-l-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/add.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/add.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--add-l-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/add.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/add.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--add-l-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/add.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/add.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--add-l-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/add.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/add.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--add-l-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/add.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/add.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--add-l-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/add.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/add.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--add-l-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/add.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/add.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--add-l-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/add.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/add.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--add-l-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/add.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/add.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--add-l-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/add.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/add.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--add-l-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/add.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/add.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--add-l-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/add.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/add.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--add-l-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/add.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/add.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--add-l-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/add.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/add.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--add-l-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/add.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/add.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--arrow-down-l-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-down.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-down.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--arrow-down-l-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-down.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-down.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--arrow-down-l-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-down.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-down.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--arrow-down-l-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-down.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-down.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--arrow-down-l-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-down.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-down.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--arrow-down-l-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-down.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-down.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--arrow-down-l-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-down.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-down.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--arrow-down-l-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-down.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-down.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--arrow-down-l-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-down.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-down.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--arrow-down-l-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-down.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-down.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--arrow-down-l-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-down.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-down.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--arrow-down-l-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-down.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-down.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--arrow-down-l-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-down.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-down.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--arrow-down-l-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-down.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-down.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--arrow-down-l-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-down.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-down.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--arrow-down-l-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-down.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-down.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--arrow-up-l-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-up.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-up.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--arrow-up-l-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-up.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-up.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--arrow-up-l-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-up.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-up.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--arrow-up-l-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-up.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-up.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--arrow-up-l-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-up.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-up.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--arrow-up-l-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-up.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-up.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--arrow-up-l-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-up.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-up.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--arrow-up-l-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-up.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-up.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--arrow-up-l-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-up.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-up.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--arrow-up-l-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-up.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-up.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--arrow-up-l-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-up.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-up.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--arrow-up-l-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-up.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-up.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--arrow-up-l-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-up.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-up.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--arrow-up-l-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-up.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-up.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--arrow-up-l-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-up.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-up.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--arrow-up-l-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-up.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-up.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--back-arrow-l-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/back-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/back-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--back-arrow-l-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/back-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/back-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--back-arrow-l-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/back-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/back-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--back-arrow-l-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/back-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/back-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--back-arrow-l-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/back-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/back-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--back-arrow-l-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/back-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/back-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--back-arrow-l-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/back-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/back-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--back-arrow-l-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/back-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/back-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--back-arrow-l-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/back-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/back-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--back-arrow-l-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/back-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/back-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--back-arrow-l-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/back-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/back-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--back-arrow-l-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/back-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/back-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--back-arrow-l-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/back-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/back-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--back-arrow-l-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/back-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/back-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--back-arrow-l-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/back-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/back-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--back-arrow-l-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/back-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/back-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--bold-l-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/bold.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/bold.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--bold-l-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/bold.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/bold.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--bold-l-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/bold.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/bold.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--bold-l-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/bold.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/bold.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--bold-l-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/bold.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/bold.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--bold-l-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/bold.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/bold.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--bold-l-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/bold.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/bold.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--bold-l-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/bold.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/bold.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--bold-l-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/bold.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/bold.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--bold-l-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/bold.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/bold.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--bold-l-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/bold.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/bold.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--bold-l-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/bold.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/bold.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--bold-l-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/bold.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/bold.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--bold-l-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/bold.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/bold.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--bold-l-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/bold.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/bold.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--bold-l-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/bold.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/bold.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--checkmark-l-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--checkmark-l-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--checkmark-l-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--checkmark-l-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--checkmark-l-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--checkmark-l-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--checkmark-l-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--checkmark-l-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--checkmark-l-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--checkmark-l-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--checkmark-l-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--checkmark-l-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--checkmark-l-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--checkmark-l-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--checkmark-l-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--checkmark-l-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--chevron-l-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/chevron.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/chevron.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--chevron-l-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/chevron.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/chevron.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--chevron-l-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/chevron.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/chevron.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--chevron-l-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/chevron.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/chevron.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--chevron-l-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/chevron.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/chevron.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--chevron-l-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/chevron.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/chevron.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--chevron-l-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/chevron.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/chevron.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--chevron-l-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/chevron.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/chevron.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--chevron-l-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/chevron.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/chevron.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--chevron-l-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/chevron.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/chevron.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--chevron-l-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/chevron.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/chevron.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--chevron-l-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/chevron.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/chevron.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--chevron-l-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/chevron.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/chevron.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--chevron-l-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/chevron.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/chevron.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--chevron-l-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/chevron.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/chevron.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--chevron-l-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/chevron.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/chevron.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--close-l-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/close.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/close.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--close-l-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/close.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/close.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--close-l-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/close.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/close.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--close-l-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/close.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/close.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--close-l-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/close.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/close.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--close-l-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/close.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/close.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--close-l-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/close.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/close.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--close-l-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/close.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/close.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--close-l-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/close.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/close.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--close-l-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/close.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/close.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--close-l-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/close.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/close.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--close-l-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/close.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/close.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--close-l-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/close.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/close.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--close-l-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/close.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/close.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--close-l-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/close.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/close.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--close-l-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/close.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/close.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--closed-book-l-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--closed-book-l-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--closed-book-l-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--closed-book-l-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--closed-book-l-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--closed-book-l-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--closed-book-l-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--closed-book-l-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--closed-book-l-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--closed-book-l-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--closed-book-l-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--closed-book-l-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--closed-book-l-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--closed-book-l-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--closed-book-l-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--closed-book-l-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--code-l-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/code.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/code.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--code-l-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/code.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/code.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--code-l-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/code.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/code.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--code-l-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/code.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/code.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--code-l-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/code.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/code.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--code-l-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/code.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/code.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--code-l-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/code.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/code.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--code-l-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/code.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/code.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--code-l-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/code.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/code.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--code-l-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/code.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/code.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--code-l-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/code.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/code.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--code-l-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/code.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/code.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--code-l-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/code.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/code.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--code-l-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/code.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/code.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--code-l-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/code.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/code.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--code-l-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/code.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/code.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--credit-card-l-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/credit-card.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/credit-card.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--credit-card-l-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/credit-card.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/credit-card.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--credit-card-l-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/credit-card.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/credit-card.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--credit-card-l-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/credit-card.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/credit-card.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--credit-card-l-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/credit-card.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/credit-card.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--credit-card-l-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/credit-card.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/credit-card.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--credit-card-l-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/credit-card.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/credit-card.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--credit-card-l-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/credit-card.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/credit-card.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--credit-card-l-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/credit-card.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/credit-card.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--credit-card-l-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/credit-card.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/credit-card.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--credit-card-l-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/credit-card.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/credit-card.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--credit-card-l-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/credit-card.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/credit-card.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--credit-card-l-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/credit-card.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/credit-card.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--credit-card-l-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/credit-card.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/credit-card.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--credit-card-l-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/credit-card.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/credit-card.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--credit-card-l-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/credit-card.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/credit-card.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--dollar-l-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/dollar.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/dollar.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--dollar-l-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/dollar.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/dollar.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--dollar-l-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/dollar.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/dollar.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--dollar-l-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/dollar.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/dollar.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--dollar-l-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/dollar.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/dollar.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--dollar-l-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/dollar.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/dollar.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--dollar-l-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/dollar.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/dollar.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--dollar-l-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/dollar.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/dollar.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--dollar-l-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/dollar.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/dollar.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--dollar-l-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/dollar.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/dollar.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--dollar-l-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/dollar.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/dollar.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--dollar-l-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/dollar.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/dollar.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--dollar-l-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/dollar.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/dollar.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--dollar-l-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/dollar.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/dollar.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--dollar-l-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/dollar.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/dollar.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--dollar-l-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/dollar.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/dollar.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--download-l-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/download.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/download.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--download-l-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/download.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/download.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--download-l-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/download.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/download.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--download-l-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/download.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/download.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--download-l-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/download.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/download.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--download-l-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/download.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/download.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--download-l-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/download.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/download.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--download-l-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/download.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/download.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--download-l-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/download.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/download.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--download-l-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/download.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/download.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--download-l-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/download.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/download.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--download-l-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/download.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/download.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--download-l-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/download.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/download.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--download-l-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/download.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/download.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--download-l-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/download.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/download.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--download-l-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/download.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/download.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--draft-l-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/draft.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/draft.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--draft-l-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/draft.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/draft.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--draft-l-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/draft.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/draft.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--draft-l-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/draft.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/draft.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--draft-l-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/draft.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/draft.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--draft-l-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/draft.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/draft.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--draft-l-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/draft.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/draft.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--draft-l-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/draft.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/draft.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--draft-l-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/draft.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/draft.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--draft-l-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/draft.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/draft.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--draft-l-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/draft.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/draft.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--draft-l-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/draft.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/draft.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--draft-l-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/draft.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/draft.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--draft-l-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/draft.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/draft.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--draft-l-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/draft.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/draft.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--draft-l-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/draft.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/draft.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--edit-l-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/edit.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/edit.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--edit-l-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/edit.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/edit.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--edit-l-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/edit.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/edit.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--edit-l-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/edit.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/edit.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--edit-l-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/edit.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/edit.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--edit-l-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/edit.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/edit.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--edit-l-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/edit.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/edit.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--edit-l-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/edit.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/edit.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--edit-l-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/edit.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/edit.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--edit-l-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/edit.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/edit.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--edit-l-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/edit.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/edit.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--edit-l-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/edit.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/edit.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--edit-l-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/edit.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/edit.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--edit-l-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/edit.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/edit.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--edit-l-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/edit.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/edit.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--edit-l-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/edit.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/edit.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--email-l-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/email.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/email.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--email-l-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/email.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/email.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--email-l-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/email.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/email.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--email-l-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/email.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/email.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--email-l-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/email.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/email.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--email-l-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/email.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/email.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--email-l-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/email.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/email.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--email-l-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/email.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/email.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--email-l-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/email.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/email.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--email-l-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/email.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/email.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--email-l-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/email.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/email.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--email-l-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/email.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/email.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--email-l-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/email.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/email.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--email-l-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/email.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/email.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--email-l-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/email.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/email.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--email-l-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/email.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/email.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--eur-l-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/eur.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/eur.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--eur-l-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/eur.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/eur.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--eur-l-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/eur.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/eur.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--eur-l-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/eur.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/eur.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--eur-l-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/eur.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/eur.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--eur-l-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/eur.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/eur.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--eur-l-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/eur.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/eur.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--eur-l-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/eur.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/eur.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--eur-l-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/eur.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/eur.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--eur-l-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/eur.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/eur.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--eur-l-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/eur.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/eur.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--eur-l-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/eur.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/eur.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--eur-l-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/eur.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/eur.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--eur-l-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/eur.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/eur.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--eur-l-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/eur.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/eur.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--eur-l-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/eur.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/eur.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--external-link-l-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/external-link.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/external-link.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--external-link-l-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/external-link.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/external-link.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--external-link-l-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/external-link.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/external-link.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--external-link-l-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/external-link.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/external-link.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--external-link-l-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/external-link.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/external-link.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--external-link-l-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/external-link.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/external-link.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--external-link-l-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/external-link.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/external-link.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--external-link-l-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/external-link.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/external-link.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--external-link-l-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/external-link.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/external-link.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--external-link-l-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/external-link.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/external-link.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--external-link-l-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/external-link.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/external-link.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--external-link-l-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/external-link.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/external-link.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--external-link-l-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/external-link.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/external-link.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--external-link-l-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/external-link.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/external-link.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--external-link-l-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/external-link.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/external-link.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--external-link-l-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/external-link.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/external-link.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--facebook-l-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/facebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/facebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--facebook-l-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/facebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/facebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--facebook-l-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/facebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/facebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--facebook-l-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/facebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/facebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--facebook-l-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/facebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/facebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--facebook-l-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/facebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/facebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--facebook-l-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/facebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/facebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--facebook-l-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/facebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/facebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--facebook-l-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/facebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/facebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--facebook-l-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/facebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/facebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--facebook-l-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/facebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/facebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--facebook-l-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/facebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/facebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--facebook-l-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/facebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/facebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--facebook-l-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/facebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/facebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--facebook-l-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/facebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/facebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--facebook-l-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/facebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/facebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--forward-arrow-l-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--forward-arrow-l-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--forward-arrow-l-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--forward-arrow-l-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--forward-arrow-l-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--forward-arrow-l-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--forward-arrow-l-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--forward-arrow-l-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--forward-arrow-l-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--forward-arrow-l-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--forward-arrow-l-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--forward-arrow-l-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--forward-arrow-l-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--forward-arrow-l-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--forward-arrow-l-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--forward-arrow-l-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--forward-big-arrow-l-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--forward-big-arrow-l-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--forward-big-arrow-l-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--forward-big-arrow-l-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--forward-big-arrow-l-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--forward-big-arrow-l-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--forward-big-arrow-l-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--forward-big-arrow-l-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--forward-big-arrow-l-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--forward-big-arrow-l-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--forward-big-arrow-l-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--forward-big-arrow-l-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--forward-big-arrow-l-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--forward-big-arrow-l-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--forward-big-arrow-l-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--forward-big-arrow-l-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--hamburger-menu-l-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hamburger-menu.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hamburger-menu.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--hamburger-menu-l-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hamburger-menu.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hamburger-menu.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--hamburger-menu-l-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hamburger-menu.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hamburger-menu.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--hamburger-menu-l-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hamburger-menu.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hamburger-menu.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--hamburger-menu-l-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hamburger-menu.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hamburger-menu.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--hamburger-menu-l-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hamburger-menu.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hamburger-menu.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--hamburger-menu-l-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hamburger-menu.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hamburger-menu.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--hamburger-menu-l-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hamburger-menu.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hamburger-menu.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--hamburger-menu-l-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hamburger-menu.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hamburger-menu.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--hamburger-menu-l-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hamburger-menu.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hamburger-menu.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--hamburger-menu-l-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hamburger-menu.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hamburger-menu.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--hamburger-menu-l-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hamburger-menu.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hamburger-menu.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--hamburger-menu-l-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hamburger-menu.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hamburger-menu.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--hamburger-menu-l-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hamburger-menu.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hamburger-menu.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--hamburger-menu-l-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hamburger-menu.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hamburger-menu.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--hamburger-menu-l-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hamburger-menu.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hamburger-menu.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--hide-l-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hide.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hide.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--hide-l-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hide.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hide.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--hide-l-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hide.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hide.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--hide-l-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hide.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hide.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--hide-l-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hide.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hide.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--hide-l-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hide.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hide.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--hide-l-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hide.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hide.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--hide-l-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hide.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hide.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--hide-l-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hide.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hide.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--hide-l-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hide.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hide.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--hide-l-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hide.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hide.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--hide-l-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hide.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hide.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--hide-l-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hide.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hide.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--hide-l-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hide.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hide.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--hide-l-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hide.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hide.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--hide-l-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hide.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hide.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--hyphen-l-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hyphen.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hyphen.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--hyphen-l-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hyphen.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hyphen.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--hyphen-l-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hyphen.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hyphen.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--hyphen-l-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hyphen.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hyphen.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--hyphen-l-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hyphen.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hyphen.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--hyphen-l-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hyphen.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hyphen.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--hyphen-l-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hyphen.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hyphen.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--hyphen-l-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hyphen.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hyphen.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--hyphen-l-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hyphen.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hyphen.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--hyphen-l-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hyphen.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hyphen.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--hyphen-l-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hyphen.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hyphen.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--hyphen-l-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hyphen.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hyphen.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--hyphen-l-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hyphen.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hyphen.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--hyphen-l-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hyphen.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hyphen.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--hyphen-l-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hyphen.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hyphen.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--hyphen-l-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hyphen.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hyphen.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--home-l-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/home.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/home.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--home-l-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/home.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/home.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--home-l-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/home.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/home.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--home-l-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/home.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/home.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--home-l-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/home.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/home.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--home-l-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/home.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/home.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--home-l-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/home.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/home.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--home-l-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/home.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/home.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--home-l-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/home.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/home.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--home-l-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/home.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/home.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--home-l-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/home.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/home.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--home-l-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/home.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/home.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--home-l-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/home.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/home.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--home-l-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/home.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/home.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--home-l-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/home.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/home.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--home-l-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/home.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/home.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--image-l-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/image.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/image.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--image-l-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/image.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/image.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--image-l-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/image.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/image.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--image-l-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/image.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/image.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--image-l-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/image.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/image.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--image-l-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/image.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/image.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--image-l-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/image.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/image.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--image-l-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/image.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/image.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--image-l-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/image.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/image.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--image-l-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/image.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/image.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--image-l-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/image.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/image.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--image-l-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/image.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/image.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--image-l-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/image.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/image.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--image-l-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/image.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/image.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--image-l-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/image.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/image.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--image-l-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/image.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/image.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--info-l-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--info-l-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--info-l-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--info-l-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--info-l-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--info-l-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--info-l-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--info-l-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--info-l-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--info-l-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--info-l-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--info-l-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--info-l-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--info-l-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--info-l-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--info-l-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--index-l-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/index.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/index.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--index-l-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/index.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/index.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--index-l-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/index.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/index.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--index-l-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/index.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/index.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--index-l-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/index.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/index.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--index-l-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/index.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/index.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--index-l-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/index.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/index.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--index-l-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/index.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/index.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--index-l-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/index.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/index.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--index-l-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/index.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/index.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--index-l-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/index.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/index.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--index-l-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/index.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/index.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--index-l-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/index.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/index.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--index-l-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/index.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/index.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--index-l-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/index.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/index.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--index-l-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/index.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/index.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--italic-l-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italic.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italic.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--italic-l-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italic.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italic.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--italic-l-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italic.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italic.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--italic-l-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italic.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italic.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--italic-l-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italic.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italic.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--italic-l-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italic.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italic.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--italic-l-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italic.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italic.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--italic-l-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italic.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italic.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--italic-l-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italic.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italic.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--italic-l-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italic.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italic.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--italic-l-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italic.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italic.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--italic-l-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italic.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italic.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--italic-l-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italic.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italic.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--italic-l-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italic.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italic.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--italic-l-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italic.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italic.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--italic-l-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italic.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italic.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--italy-flag-l-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italy-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italy-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--italy-flag-l-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italy-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italy-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--italy-flag-l-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italy-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italy-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--italy-flag-l-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italy-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italy-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--italy-flag-l-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italy-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italy-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--italy-flag-l-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italy-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italy-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--italy-flag-l-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italy-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italy-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--italy-flag-l-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italy-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italy-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--italy-flag-l-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italy-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italy-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--italy-flag-l-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italy-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italy-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--italy-flag-l-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italy-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italy-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--italy-flag-l-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italy-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italy-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--italy-flag-l-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italy-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italy-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--italy-flag-l-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italy-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italy-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--italy-flag-l-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italy-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italy-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--italy-flag-l-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italy-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italy-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--linkedin-l-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/linkedin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/linkedin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--linkedin-l-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/linkedin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/linkedin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--linkedin-l-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/linkedin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/linkedin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--linkedin-l-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/linkedin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/linkedin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--linkedin-l-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/linkedin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/linkedin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--linkedin-l-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/linkedin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/linkedin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--linkedin-l-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/linkedin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/linkedin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--linkedin-l-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/linkedin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/linkedin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--linkedin-l-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/linkedin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/linkedin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--linkedin-l-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/linkedin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/linkedin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--linkedin-l-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/linkedin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/linkedin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--linkedin-l-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/linkedin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/linkedin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--linkedin-l-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/linkedin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/linkedin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--linkedin-l-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/linkedin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/linkedin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--linkedin-l-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/linkedin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/linkedin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--linkedin-l-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/linkedin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/linkedin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--list-l-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/list.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/list.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--list-l-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/list.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/list.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--list-l-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/list.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/list.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--list-l-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/list.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/list.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--list-l-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/list.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/list.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--list-l-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/list.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/list.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--list-l-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/list.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/list.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--list-l-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/list.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/list.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--list-l-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/list.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/list.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--list-l-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/list.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/list.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--list-l-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/list.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/list.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--list-l-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/list.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/list.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--list-l-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/list.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/list.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--list-l-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/list.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/list.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--list-l-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/list.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/list.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--list-l-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/list.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/list.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--loading-l-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/loading.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/loading.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--loading-l-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/loading.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/loading.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--loading-l-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/loading.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/loading.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--loading-l-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/loading.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/loading.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--loading-l-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/loading.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/loading.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--loading-l-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/loading.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/loading.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--loading-l-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/loading.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/loading.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--loading-l-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/loading.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/loading.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--loading-l-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/loading.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/loading.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--loading-l-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/loading.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/loading.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--loading-l-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/loading.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/loading.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--loading-l-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/loading.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/loading.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--loading-l-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/loading.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/loading.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--loading-l-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/loading.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/loading.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--loading-l-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/loading.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/loading.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--loading-l-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/loading.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/loading.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--logout-l-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/logout.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/logout.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--logout-l-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/logout.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/logout.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--logout-l-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/logout.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/logout.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--logout-l-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/logout.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/logout.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--logout-l-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/logout.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/logout.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--logout-l-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/logout.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/logout.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--logout-l-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/logout.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/logout.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--logout-l-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/logout.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/logout.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--logout-l-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/logout.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/logout.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--logout-l-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/logout.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/logout.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--logout-l-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/logout.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/logout.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--logout-l-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/logout.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/logout.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--logout-l-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/logout.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/logout.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--logout-l-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/logout.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/logout.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--logout-l-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/logout.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/logout.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--logout-l-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/logout.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/logout.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--mastercard-l-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/mastercard.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/mastercard.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--mastercard-l-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/mastercard.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/mastercard.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--mastercard-l-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/mastercard.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/mastercard.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--mastercard-l-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/mastercard.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/mastercard.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--mastercard-l-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/mastercard.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/mastercard.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--mastercard-l-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/mastercard.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/mastercard.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--mastercard-l-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/mastercard.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/mastercard.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--mastercard-l-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/mastercard.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/mastercard.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--mastercard-l-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/mastercard.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/mastercard.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--mastercard-l-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/mastercard.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/mastercard.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--mastercard-l-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/mastercard.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/mastercard.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--mastercard-l-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/mastercard.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/mastercard.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--mastercard-l-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/mastercard.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/mastercard.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--mastercard-l-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/mastercard.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/mastercard.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--mastercard-l-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/mastercard.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/mastercard.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--mastercard-l-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/mastercard.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/mastercard.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--notebook-l-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/notebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/notebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--notebook-l-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/notebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/notebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--notebook-l-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/notebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/notebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--notebook-l-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/notebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/notebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--notebook-l-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/notebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/notebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--notebook-l-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/notebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/notebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--notebook-l-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/notebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/notebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--notebook-l-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/notebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/notebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--notebook-l-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/notebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/notebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--notebook-l-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/notebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/notebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--notebook-l-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/notebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/notebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--notebook-l-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/notebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/notebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--notebook-l-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/notebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/notebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--notebook-l-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/notebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/notebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--notebook-l-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/notebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/notebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--notebook-l-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/notebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/notebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--opened-book-l-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--opened-book-l-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--opened-book-l-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--opened-book-l-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--opened-book-l-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--opened-book-l-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--opened-book-l-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--opened-book-l-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--opened-book-l-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--opened-book-l-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--opened-book-l-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--opened-book-l-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--opened-book-l-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--opened-book-l-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--opened-book-l-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--opened-book-l-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--phone-l-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/phone.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/phone.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--phone-l-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/phone.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/phone.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--phone-l-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/phone.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/phone.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--phone-l-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/phone.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/phone.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--phone-l-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/phone.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/phone.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--phone-l-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/phone.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/phone.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--phone-l-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/phone.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/phone.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--phone-l-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/phone.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/phone.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--phone-l-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/phone.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/phone.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--phone-l-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/phone.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/phone.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--phone-l-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/phone.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/phone.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--phone-l-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/phone.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/phone.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--phone-l-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/phone.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/phone.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--phone-l-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/phone.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/phone.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--phone-l-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/phone.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/phone.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--phone-l-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/phone.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/phone.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--pin-l-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--pin-l-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--pin-l-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--pin-l-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--pin-l-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--pin-l-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--pin-l-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--pin-l-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--pin-l-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--pin-l-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--pin-l-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--pin-l-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--pin-l-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--pin-l-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--pin-l-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--pin-l-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--play-l-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--play-l-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--play-l-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--play-l-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--play-l-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--play-l-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--play-l-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--play-l-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--play-l-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--play-l-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--play-l-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--play-l-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--play-l-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--play-l-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--play-l-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--play-l-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--pound-l-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pound.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pound.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--pound-l-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pound.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pound.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--pound-l-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pound.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pound.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--pound-l-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pound.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pound.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--pound-l-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pound.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pound.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--pound-l-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pound.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pound.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--pound-l-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pound.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pound.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--pound-l-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pound.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pound.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--pound-l-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pound.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pound.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--pound-l-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pound.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pound.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--pound-l-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pound.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pound.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--pound-l-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pound.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pound.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--pound-l-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pound.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pound.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--pound-l-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pound.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pound.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--pound-l-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pound.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pound.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--pound-l-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pound.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pound.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--profile-l-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/profile.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/profile.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--profile-l-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/profile.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/profile.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--profile-l-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/profile.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/profile.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--profile-l-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/profile.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/profile.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--profile-l-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/profile.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/profile.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--profile-l-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/profile.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/profile.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--profile-l-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/profile.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/profile.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--profile-l-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/profile.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/profile.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--profile-l-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/profile.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/profile.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--profile-l-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/profile.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/profile.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--profile-l-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/profile.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/profile.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--profile-l-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/profile.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/profile.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--profile-l-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/profile.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/profile.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--profile-l-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/profile.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/profile.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--profile-l-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/profile.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/profile.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--profile-l-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/profile.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/profile.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--remove-l-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/remove.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/remove.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--remove-l-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/remove.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/remove.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--remove-l-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/remove.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/remove.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--remove-l-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/remove.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/remove.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--remove-l-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/remove.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/remove.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--remove-l-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/remove.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/remove.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--remove-l-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/remove.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/remove.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--remove-l-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/remove.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/remove.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--remove-l-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/remove.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/remove.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--remove-l-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/remove.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/remove.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--remove-l-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/remove.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/remove.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--remove-l-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/remove.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/remove.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--remove-l-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/remove.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/remove.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--remove-l-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/remove.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/remove.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--remove-l-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/remove.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/remove.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--remove-l-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/remove.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/remove.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--right-l-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/right.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/right.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--right-l-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/right.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/right.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--right-l-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/right.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/right.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--right-l-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/right.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/right.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--right-l-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/right.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/right.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--right-l-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/right.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/right.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--right-l-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/right.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/right.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--right-l-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/right.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/right.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--right-l-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/right.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/right.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--right-l-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/right.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/right.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--right-l-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/right.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/right.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--right-l-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/right.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/right.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--right-l-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/right.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/right.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--right-l-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/right.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/right.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--right-l-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/right.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/right.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--right-l-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/right.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/right.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--round-alert-l-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--round-alert-l-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--round-alert-l-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--round-alert-l-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--round-alert-l-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--round-alert-l-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--round-alert-l-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--round-alert-l-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--round-alert-l-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--round-alert-l-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--round-alert-l-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--round-alert-l-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--round-alert-l-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--round-alert-l-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--round-alert-l-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--round-alert-l-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--round-checkmark-l-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--round-checkmark-l-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--round-checkmark-l-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--round-checkmark-l-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--round-checkmark-l-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--round-checkmark-l-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--round-checkmark-l-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--round-checkmark-l-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--round-checkmark-l-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--round-checkmark-l-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--round-checkmark-l-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--round-checkmark-l-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--round-checkmark-l-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--round-checkmark-l-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--round-checkmark-l-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--round-checkmark-l-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--round-error-l-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--round-error-l-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--round-error-l-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--round-error-l-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--round-error-l-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--round-error-l-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--round-error-l-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--round-error-l-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--round-error-l-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--round-error-l-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--round-error-l-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--round-error-l-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--round-error-l-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--round-error-l-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--round-error-l-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--round-error-l-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--round-filled-play-l-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--round-filled-play-l-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--round-filled-play-l-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--round-filled-play-l-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--round-filled-play-l-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--round-filled-play-l-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--round-filled-play-l-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--round-filled-play-l-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--round-filled-play-l-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--round-filled-play-l-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--round-filled-play-l-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--round-filled-play-l-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--round-filled-play-l-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--round-filled-play-l-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--round-filled-play-l-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--round-filled-play-l-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--round-info-l-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--round-info-l-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--round-info-l-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--round-info-l-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--round-info-l-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--round-info-l-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--round-info-l-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--round-info-l-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--round-info-l-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--round-info-l-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--round-info-l-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--round-info-l-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--round-info-l-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--round-info-l-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--round-info-l-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--round-info-l-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--round-play-l-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--round-play-l-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--round-play-l-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--round-play-l-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--round-play-l-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--round-play-l-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--round-play-l-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--round-play-l-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--round-play-l-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--round-play-l-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--round-play-l-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--round-play-l-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--round-play-l-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--round-play-l-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--round-play-l-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--round-play-l-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--save-l-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/save.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/save.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--save-l-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/save.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/save.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--save-l-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/save.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/save.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--save-l-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/save.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/save.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--save-l-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/save.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/save.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--save-l-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/save.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/save.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--save-l-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/save.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/save.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--save-l-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/save.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/save.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--save-l-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/save.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/save.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--save-l-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/save.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/save.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--save-l-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/save.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/save.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--save-l-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/save.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/save.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--save-l-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/save.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/save.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--save-l-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/save.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/save.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--save-l-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/save.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/save.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--save-l-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/save.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/save.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--search-l-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/search.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/search.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--search-l-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/search.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/search.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--search-l-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/search.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/search.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--search-l-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/search.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/search.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--search-l-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/search.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/search.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--search-l-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/search.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/search.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--search-l-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/search.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/search.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--search-l-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/search.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/search.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--search-l-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/search.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/search.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--search-l-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/search.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/search.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--search-l-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/search.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/search.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--search-l-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/search.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/search.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--search-l-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/search.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/search.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--search-l-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/search.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/search.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--search-l-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/search.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/search.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--search-l-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/search.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/search.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--settings-l-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/settings.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/settings.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--settings-l-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/settings.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/settings.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--settings-l-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/settings.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/settings.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--settings-l-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/settings.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/settings.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--settings-l-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/settings.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/settings.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--settings-l-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/settings.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/settings.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--settings-l-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/settings.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/settings.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--settings-l-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/settings.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/settings.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--settings-l-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/settings.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/settings.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--settings-l-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/settings.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/settings.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--settings-l-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/settings.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/settings.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--settings-l-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/settings.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/settings.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--settings-l-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/settings.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/settings.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--settings-l-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/settings.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/settings.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--settings-l-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/settings.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/settings.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--settings-l-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/settings.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/settings.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--show-l-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/show.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/show.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--show-l-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/show.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/show.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--show-l-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/show.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/show.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--show-l-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/show.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/show.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--show-l-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/show.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/show.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--show-l-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/show.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/show.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--show-l-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/show.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/show.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--show-l-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/show.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/show.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--show-l-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/show.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/show.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--show-l-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/show.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/show.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--show-l-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/show.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/show.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--show-l-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/show.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/show.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--show-l-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/show.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/show.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--show-l-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/show.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/show.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--show-l-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/show.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/show.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--show-l-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/show.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/show.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--sparkle-l-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/sparkle.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/sparkle.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--sparkle-l-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/sparkle.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/sparkle.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--sparkle-l-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/sparkle.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/sparkle.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--sparkle-l-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/sparkle.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/sparkle.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--sparkle-l-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/sparkle.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/sparkle.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--sparkle-l-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/sparkle.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/sparkle.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--sparkle-l-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/sparkle.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/sparkle.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--sparkle-l-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/sparkle.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/sparkle.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--sparkle-l-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/sparkle.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/sparkle.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--sparkle-l-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/sparkle.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/sparkle.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--sparkle-l-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/sparkle.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/sparkle.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--sparkle-l-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/sparkle.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/sparkle.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--sparkle-l-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/sparkle.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/sparkle.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--sparkle-l-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/sparkle.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/sparkle.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--sparkle-l-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/sparkle.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/sparkle.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--sparkle-l-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/sparkle.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/sparkle.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--square-play-l-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/square-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/square-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--square-play-l-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/square-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/square-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--square-play-l-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/square-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/square-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--square-play-l-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/square-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/square-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--square-play-l-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/square-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/square-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--square-play-l-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/square-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/square-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--square-play-l-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/square-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/square-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--square-play-l-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/square-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/square-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--square-play-l-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/square-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/square-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--square-play-l-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/square-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/square-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--square-play-l-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/square-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/square-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--square-play-l-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/square-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/square-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--square-play-l-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/square-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/square-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--square-play-l-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/square-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/square-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--square-play-l-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/square-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/square-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--square-play-l-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/square-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/square-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--star-on-l-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-on.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-on.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--star-on-l-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-on.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-on.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--star-on-l-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-on.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-on.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--star-on-l-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-on.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-on.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--star-on-l-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-on.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-on.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--star-on-l-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-on.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-on.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--star-on-l-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-on.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-on.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--star-on-l-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-on.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-on.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--star-on-l-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-on.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-on.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--star-on-l-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-on.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-on.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--star-on-l-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-on.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-on.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--star-on-l-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-on.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-on.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--star-on-l-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-on.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-on.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--star-on-l-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-on.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-on.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--star-on-l-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-on.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-on.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--star-on-l-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-on.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-on.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--star-off-l-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-off.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-off.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--star-off-l-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-off.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-off.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--star-off-l-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-off.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-off.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--star-off-l-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-off.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-off.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--star-off-l-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-off.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-off.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--star-off-l-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-off.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-off.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--star-off-l-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-off.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-off.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--star-off-l-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-off.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-off.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--star-off-l-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-off.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-off.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--star-off-l-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-off.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-off.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--star-off-l-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-off.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-off.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--star-off-l-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-off.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-off.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--star-off-l-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-off.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-off.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--star-off-l-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-off.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-off.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--star-off-l-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-off.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-off.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--star-off-l-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-off.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-off.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--telescope-l-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/telescope.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/telescope.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--telescope-l-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/telescope.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/telescope.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--telescope-l-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/telescope.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/telescope.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--telescope-l-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/telescope.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/telescope.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--telescope-l-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/telescope.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/telescope.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--telescope-l-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/telescope.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/telescope.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--telescope-l-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/telescope.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/telescope.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--telescope-l-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/telescope.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/telescope.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--telescope-l-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/telescope.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/telescope.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--telescope-l-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/telescope.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/telescope.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--telescope-l-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/telescope.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/telescope.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--telescope-l-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/telescope.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/telescope.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--telescope-l-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/telescope.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/telescope.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--telescope-l-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/telescope.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/telescope.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--telescope-l-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/telescope.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/telescope.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--telescope-l-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/telescope.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/telescope.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--trash-l-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/trash.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/trash.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--trash-l-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/trash.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/trash.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--trash-l-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/trash.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/trash.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--trash-l-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/trash.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/trash.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--trash-l-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/trash.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/trash.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--trash-l-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/trash.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/trash.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--trash-l-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/trash.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/trash.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--trash-l-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/trash.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/trash.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--trash-l-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/trash.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/trash.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--trash-l-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/trash.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/trash.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--trash-l-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/trash.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/trash.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--trash-l-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/trash.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/trash.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--trash-l-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/trash.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/trash.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--trash-l-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/trash.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/trash.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--trash-l-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/trash.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/trash.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--trash-l-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/trash.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/trash.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--usa-flag-l-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/usa-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/usa-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--usa-flag-l-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/usa-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/usa-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--usa-flag-l-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/usa-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/usa-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--usa-flag-l-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/usa-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/usa-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--usa-flag-l-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/usa-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/usa-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--usa-flag-l-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/usa-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/usa-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--usa-flag-l-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/usa-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/usa-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--usa-flag-l-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/usa-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/usa-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--usa-flag-l-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/usa-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/usa-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--usa-flag-l-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/usa-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/usa-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--usa-flag-l-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/usa-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/usa-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--usa-flag-l-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/usa-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/usa-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--usa-flag-l-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/usa-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/usa-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--usa-flag-l-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/usa-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/usa-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--usa-flag-l-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/usa-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/usa-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--usa-flag-l-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/usa-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/usa-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--video-l-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/video.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/video.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--video-l-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/video.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/video.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--video-l-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/video.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/video.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--video-l-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/video.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/video.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--video-l-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/video.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/video.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--video-l-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/video.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/video.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--video-l-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/video.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/video.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--video-l-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/video.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/video.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--video-l-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/video.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/video.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--video-l-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/video.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/video.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--video-l-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/video.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/video.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--video-l-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/video.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/video.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--video-l-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/video.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/video.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--video-l-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/video.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/video.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--video-l-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/video.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/video.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--video-l-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/video.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/video.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--write-l-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/write.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/write.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--write-l-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/write.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/write.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--write-l-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/write.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/write.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--write-l-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/write.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/write.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--write-l-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/write.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/write.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--write-l-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/write.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/write.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--write-l-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/write.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/write.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--write-l-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/write.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/write.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--write-l-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/write.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/write.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--write-l-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/write.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/write.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--write-l-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/write.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/write.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--write-l-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/write.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/write.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--write-l-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/write.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/write.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--write-l-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/write.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/write.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--write-l-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/write.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/write.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--write-l-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/write.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/write.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--youtube-l-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/youtube.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/youtube.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--youtube-l-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/youtube.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/youtube.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--youtube-l-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/youtube.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/youtube.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--youtube-l-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/youtube.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/youtube.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--youtube-l-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/youtube.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/youtube.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--youtube-l-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/youtube.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/youtube.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--youtube-l-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/youtube.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/youtube.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--youtube-l-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/youtube.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/youtube.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--youtube-l-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/youtube.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/youtube.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--youtube-l-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/youtube.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/youtube.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--youtube-l-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/youtube.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/youtube.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--youtube-l-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/youtube.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/youtube.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--youtube-l-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/youtube.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/youtube.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--youtube-l-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/youtube.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/youtube.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--youtube-l-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/youtube.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/youtube.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--youtube-l-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/youtube.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/youtube.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--add-l-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/add.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/add.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--add-l-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/add.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/add.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--add-l-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/add.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/add.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--add-l-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/add.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/add.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--add-l-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/add.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/add.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--add-l-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/add.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/add.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--add-l-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/add.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/add.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--add-l-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/add.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/add.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--add-l-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/add.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/add.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--add-l-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/add.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/add.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--add-l-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/add.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/add.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--add-l-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/add.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/add.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--add-l-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/add.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/add.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--add-l-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/add.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/add.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--add-l-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/add.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/add.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--add-l-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/add.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/add.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--arrow-down-l-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-down.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-down.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--arrow-down-l-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-down.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-down.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--arrow-down-l-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-down.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-down.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--arrow-down-l-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-down.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-down.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--arrow-down-l-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-down.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-down.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--arrow-down-l-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-down.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-down.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--arrow-down-l-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-down.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-down.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--arrow-down-l-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-down.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-down.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--arrow-down-l-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-down.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-down.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--arrow-down-l-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-down.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-down.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--arrow-down-l-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-down.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-down.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--arrow-down-l-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-down.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-down.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--arrow-down-l-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-down.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-down.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--arrow-down-l-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-down.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-down.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--arrow-down-l-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-down.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-down.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--arrow-down-l-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-down.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-down.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--arrow-up-l-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-up.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-up.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--arrow-up-l-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-up.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-up.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--arrow-up-l-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-up.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-up.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--arrow-up-l-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-up.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-up.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--arrow-up-l-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-up.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-up.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--arrow-up-l-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-up.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-up.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--arrow-up-l-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-up.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-up.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--arrow-up-l-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-up.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-up.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--arrow-up-l-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-up.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-up.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--arrow-up-l-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-up.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-up.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--arrow-up-l-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-up.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-up.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--arrow-up-l-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-up.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-up.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--arrow-up-l-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-up.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-up.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--arrow-up-l-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-up.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-up.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--arrow-up-l-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-up.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-up.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--arrow-up-l-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-up.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/arrow-up.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--back-arrow-l-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/back-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/back-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--back-arrow-l-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/back-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/back-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--back-arrow-l-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/back-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/back-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--back-arrow-l-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/back-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/back-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--back-arrow-l-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/back-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/back-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--back-arrow-l-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/back-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/back-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--back-arrow-l-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/back-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/back-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--back-arrow-l-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/back-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/back-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--back-arrow-l-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/back-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/back-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--back-arrow-l-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/back-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/back-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--back-arrow-l-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/back-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/back-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--back-arrow-l-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/back-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/back-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--back-arrow-l-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/back-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/back-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--back-arrow-l-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/back-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/back-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--back-arrow-l-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/back-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/back-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--back-arrow-l-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/back-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/back-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--bold-l-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/bold.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/bold.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--bold-l-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/bold.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/bold.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--bold-l-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/bold.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/bold.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--bold-l-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/bold.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/bold.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--bold-l-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/bold.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/bold.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--bold-l-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/bold.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/bold.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--bold-l-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/bold.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/bold.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--bold-l-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/bold.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/bold.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--bold-l-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/bold.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/bold.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--bold-l-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/bold.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/bold.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--bold-l-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/bold.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/bold.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--bold-l-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/bold.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/bold.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--bold-l-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/bold.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/bold.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--bold-l-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/bold.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/bold.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--bold-l-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/bold.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/bold.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--bold-l-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/bold.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/bold.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--checkmark-l-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--checkmark-l-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--checkmark-l-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--checkmark-l-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--checkmark-l-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--checkmark-l-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--checkmark-l-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--checkmark-l-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--checkmark-l-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--checkmark-l-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--checkmark-l-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--checkmark-l-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--checkmark-l-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--checkmark-l-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--checkmark-l-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--checkmark-l-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--chevron-l-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/chevron.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/chevron.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--chevron-l-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/chevron.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/chevron.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--chevron-l-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/chevron.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/chevron.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--chevron-l-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/chevron.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/chevron.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--chevron-l-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/chevron.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/chevron.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--chevron-l-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/chevron.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/chevron.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--chevron-l-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/chevron.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/chevron.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--chevron-l-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/chevron.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/chevron.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--chevron-l-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/chevron.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/chevron.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--chevron-l-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/chevron.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/chevron.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--chevron-l-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/chevron.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/chevron.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--chevron-l-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/chevron.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/chevron.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--chevron-l-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/chevron.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/chevron.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--chevron-l-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/chevron.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/chevron.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--chevron-l-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/chevron.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/chevron.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--chevron-l-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/chevron.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/chevron.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--close-l-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/close.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/close.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--close-l-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/close.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/close.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--close-l-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/close.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/close.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--close-l-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/close.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/close.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--close-l-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/close.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/close.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--close-l-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/close.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/close.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--close-l-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/close.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/close.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--close-l-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/close.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/close.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--close-l-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/close.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/close.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--close-l-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/close.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/close.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--close-l-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/close.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/close.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--close-l-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/close.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/close.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--close-l-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/close.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/close.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--close-l-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/close.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/close.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--close-l-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/close.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/close.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--close-l-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/close.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/close.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--closed-book-l-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--closed-book-l-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--closed-book-l-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--closed-book-l-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--closed-book-l-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--closed-book-l-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--closed-book-l-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--closed-book-l-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--closed-book-l-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--closed-book-l-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--closed-book-l-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--closed-book-l-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--closed-book-l-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--closed-book-l-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--closed-book-l-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--closed-book-l-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--code-l-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/code.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/code.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--code-l-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/code.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/code.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--code-l-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/code.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/code.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--code-l-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/code.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/code.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--code-l-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/code.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/code.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--code-l-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/code.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/code.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--code-l-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/code.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/code.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--code-l-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/code.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/code.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--code-l-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/code.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/code.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--code-l-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/code.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/code.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--code-l-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/code.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/code.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--code-l-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/code.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/code.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--code-l-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/code.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/code.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--code-l-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/code.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/code.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--code-l-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/code.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/code.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--code-l-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/code.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/code.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--credit-card-l-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/credit-card.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/credit-card.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--credit-card-l-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/credit-card.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/credit-card.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--credit-card-l-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/credit-card.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/credit-card.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--credit-card-l-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/credit-card.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/credit-card.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--credit-card-l-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/credit-card.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/credit-card.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--credit-card-l-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/credit-card.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/credit-card.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--credit-card-l-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/credit-card.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/credit-card.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--credit-card-l-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/credit-card.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/credit-card.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--credit-card-l-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/credit-card.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/credit-card.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--credit-card-l-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/credit-card.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/credit-card.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--credit-card-l-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/credit-card.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/credit-card.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--credit-card-l-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/credit-card.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/credit-card.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--credit-card-l-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/credit-card.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/credit-card.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--credit-card-l-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/credit-card.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/credit-card.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--credit-card-l-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/credit-card.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/credit-card.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--credit-card-l-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/credit-card.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/credit-card.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--dollar-l-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/dollar.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/dollar.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--dollar-l-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/dollar.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/dollar.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--dollar-l-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/dollar.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/dollar.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--dollar-l-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/dollar.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/dollar.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--dollar-l-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/dollar.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/dollar.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--dollar-l-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/dollar.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/dollar.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--dollar-l-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/dollar.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/dollar.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--dollar-l-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/dollar.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/dollar.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--dollar-l-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/dollar.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/dollar.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--dollar-l-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/dollar.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/dollar.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--dollar-l-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/dollar.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/dollar.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--dollar-l-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/dollar.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/dollar.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--dollar-l-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/dollar.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/dollar.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--dollar-l-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/dollar.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/dollar.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--dollar-l-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/dollar.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/dollar.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--dollar-l-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/dollar.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/dollar.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--download-l-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/download.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/download.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--download-l-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/download.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/download.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--download-l-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/download.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/download.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--download-l-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/download.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/download.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--download-l-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/download.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/download.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--download-l-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/download.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/download.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--download-l-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/download.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/download.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--download-l-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/download.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/download.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--download-l-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/download.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/download.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--download-l-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/download.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/download.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--download-l-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/download.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/download.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--download-l-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/download.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/download.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--download-l-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/download.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/download.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--download-l-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/download.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/download.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--download-l-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/download.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/download.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--download-l-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/download.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/download.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--draft-l-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/draft.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/draft.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--draft-l-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/draft.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/draft.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--draft-l-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/draft.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/draft.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--draft-l-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/draft.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/draft.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--draft-l-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/draft.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/draft.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--draft-l-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/draft.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/draft.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--draft-l-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/draft.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/draft.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--draft-l-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/draft.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/draft.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--draft-l-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/draft.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/draft.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--draft-l-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/draft.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/draft.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--draft-l-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/draft.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/draft.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--draft-l-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/draft.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/draft.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--draft-l-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/draft.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/draft.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--draft-l-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/draft.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/draft.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--draft-l-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/draft.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/draft.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--draft-l-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/draft.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/draft.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--edit-l-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/edit.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/edit.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--edit-l-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/edit.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/edit.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--edit-l-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/edit.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/edit.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--edit-l-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/edit.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/edit.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--edit-l-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/edit.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/edit.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--edit-l-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/edit.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/edit.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--edit-l-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/edit.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/edit.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--edit-l-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/edit.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/edit.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--edit-l-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/edit.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/edit.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--edit-l-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/edit.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/edit.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--edit-l-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/edit.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/edit.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--edit-l-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/edit.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/edit.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--edit-l-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/edit.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/edit.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--edit-l-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/edit.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/edit.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--edit-l-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/edit.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/edit.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--edit-l-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/edit.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/edit.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--email-l-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/email.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/email.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--email-l-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/email.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/email.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--email-l-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/email.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/email.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--email-l-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/email.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/email.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--email-l-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/email.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/email.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--email-l-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/email.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/email.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--email-l-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/email.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/email.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--email-l-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/email.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/email.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--email-l-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/email.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/email.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--email-l-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/email.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/email.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--email-l-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/email.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/email.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--email-l-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/email.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/email.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--email-l-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/email.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/email.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--email-l-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/email.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/email.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--email-l-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/email.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/email.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--email-l-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/email.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/email.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--eur-l-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/eur.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/eur.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--eur-l-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/eur.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/eur.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--eur-l-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/eur.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/eur.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--eur-l-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/eur.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/eur.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--eur-l-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/eur.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/eur.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--eur-l-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/eur.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/eur.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--eur-l-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/eur.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/eur.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--eur-l-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/eur.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/eur.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--eur-l-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/eur.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/eur.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--eur-l-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/eur.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/eur.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--eur-l-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/eur.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/eur.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--eur-l-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/eur.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/eur.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--eur-l-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/eur.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/eur.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--eur-l-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/eur.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/eur.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--eur-l-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/eur.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/eur.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--eur-l-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/eur.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/eur.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--external-link-l-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/external-link.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/external-link.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--external-link-l-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/external-link.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/external-link.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--external-link-l-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/external-link.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/external-link.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--external-link-l-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/external-link.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/external-link.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--external-link-l-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/external-link.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/external-link.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--external-link-l-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/external-link.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/external-link.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--external-link-l-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/external-link.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/external-link.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--external-link-l-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/external-link.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/external-link.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--external-link-l-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/external-link.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/external-link.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--external-link-l-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/external-link.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/external-link.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--external-link-l-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/external-link.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/external-link.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--external-link-l-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/external-link.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/external-link.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--external-link-l-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/external-link.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/external-link.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--external-link-l-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/external-link.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/external-link.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--external-link-l-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/external-link.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/external-link.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--external-link-l-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/external-link.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/external-link.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--facebook-l-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/facebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/facebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--facebook-l-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/facebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/facebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--facebook-l-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/facebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/facebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--facebook-l-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/facebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/facebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--facebook-l-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/facebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/facebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--facebook-l-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/facebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/facebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--facebook-l-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/facebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/facebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--facebook-l-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/facebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/facebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--facebook-l-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/facebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/facebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--facebook-l-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/facebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/facebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--facebook-l-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/facebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/facebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--facebook-l-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/facebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/facebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--facebook-l-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/facebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/facebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--facebook-l-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/facebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/facebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--facebook-l-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/facebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/facebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--facebook-l-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/facebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/facebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--forward-arrow-l-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--forward-arrow-l-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--forward-arrow-l-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--forward-arrow-l-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--forward-arrow-l-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--forward-arrow-l-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--forward-arrow-l-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--forward-arrow-l-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--forward-arrow-l-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--forward-arrow-l-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--forward-arrow-l-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--forward-arrow-l-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--forward-arrow-l-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--forward-arrow-l-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--forward-arrow-l-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--forward-arrow-l-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--forward-big-arrow-l-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--forward-big-arrow-l-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--forward-big-arrow-l-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--forward-big-arrow-l-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--forward-big-arrow-l-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--forward-big-arrow-l-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--forward-big-arrow-l-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--forward-big-arrow-l-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--forward-big-arrow-l-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--forward-big-arrow-l-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--forward-big-arrow-l-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--forward-big-arrow-l-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--forward-big-arrow-l-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--forward-big-arrow-l-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--forward-big-arrow-l-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--forward-big-arrow-l-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--hamburger-menu-l-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hamburger-menu.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hamburger-menu.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--hamburger-menu-l-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hamburger-menu.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hamburger-menu.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--hamburger-menu-l-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hamburger-menu.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hamburger-menu.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--hamburger-menu-l-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hamburger-menu.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hamburger-menu.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--hamburger-menu-l-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hamburger-menu.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hamburger-menu.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--hamburger-menu-l-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hamburger-menu.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hamburger-menu.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--hamburger-menu-l-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hamburger-menu.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hamburger-menu.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--hamburger-menu-l-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hamburger-menu.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hamburger-menu.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--hamburger-menu-l-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hamburger-menu.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hamburger-menu.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--hamburger-menu-l-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hamburger-menu.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hamburger-menu.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--hamburger-menu-l-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hamburger-menu.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hamburger-menu.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--hamburger-menu-l-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hamburger-menu.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hamburger-menu.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--hamburger-menu-l-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hamburger-menu.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hamburger-menu.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--hamburger-menu-l-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hamburger-menu.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hamburger-menu.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--hamburger-menu-l-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hamburger-menu.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hamburger-menu.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--hamburger-menu-l-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hamburger-menu.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hamburger-menu.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--hide-l-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hide.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hide.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--hide-l-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hide.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hide.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--hide-l-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hide.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hide.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--hide-l-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hide.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hide.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--hide-l-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hide.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hide.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--hide-l-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hide.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hide.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--hide-l-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hide.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hide.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--hide-l-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hide.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hide.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--hide-l-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hide.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hide.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--hide-l-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hide.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hide.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--hide-l-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hide.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hide.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--hide-l-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hide.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hide.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--hide-l-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hide.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hide.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--hide-l-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hide.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hide.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--hide-l-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hide.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hide.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--hide-l-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hide.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hide.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--hyphen-l-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hyphen.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hyphen.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--hyphen-l-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hyphen.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hyphen.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--hyphen-l-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hyphen.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hyphen.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--hyphen-l-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hyphen.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hyphen.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--hyphen-l-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hyphen.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hyphen.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--hyphen-l-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hyphen.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hyphen.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--hyphen-l-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hyphen.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hyphen.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--hyphen-l-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hyphen.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hyphen.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--hyphen-l-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hyphen.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hyphen.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--hyphen-l-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hyphen.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hyphen.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--hyphen-l-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hyphen.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hyphen.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--hyphen-l-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hyphen.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hyphen.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--hyphen-l-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hyphen.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hyphen.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--hyphen-l-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hyphen.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hyphen.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--hyphen-l-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hyphen.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hyphen.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--hyphen-l-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hyphen.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/hyphen.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--home-l-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/home.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/home.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--home-l-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/home.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/home.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--home-l-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/home.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/home.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--home-l-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/home.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/home.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--home-l-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/home.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/home.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--home-l-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/home.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/home.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--home-l-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/home.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/home.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--home-l-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/home.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/home.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--home-l-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/home.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/home.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--home-l-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/home.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/home.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--home-l-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/home.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/home.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--home-l-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/home.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/home.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--home-l-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/home.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/home.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--home-l-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/home.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/home.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--home-l-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/home.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/home.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--home-l-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/home.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/home.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--image-l-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/image.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/image.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--image-l-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/image.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/image.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--image-l-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/image.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/image.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--image-l-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/image.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/image.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--image-l-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/image.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/image.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--image-l-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/image.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/image.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--image-l-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/image.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/image.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--image-l-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/image.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/image.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--image-l-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/image.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/image.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--image-l-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/image.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/image.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--image-l-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/image.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/image.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--image-l-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/image.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/image.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--image-l-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/image.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/image.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--image-l-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/image.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/image.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--image-l-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/image.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/image.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--image-l-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/image.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/image.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--info-l-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--info-l-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--info-l-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--info-l-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--info-l-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--info-l-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--info-l-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--info-l-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--info-l-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--info-l-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--info-l-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--info-l-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--info-l-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--info-l-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--info-l-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--info-l-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--index-l-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/index.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/index.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--index-l-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/index.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/index.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--index-l-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/index.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/index.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--index-l-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/index.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/index.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--index-l-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/index.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/index.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--index-l-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/index.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/index.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--index-l-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/index.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/index.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--index-l-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/index.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/index.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--index-l-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/index.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/index.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--index-l-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/index.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/index.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--index-l-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/index.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/index.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--index-l-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/index.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/index.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--index-l-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/index.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/index.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--index-l-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/index.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/index.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--index-l-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/index.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/index.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--index-l-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/index.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/index.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--italic-l-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italic.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italic.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--italic-l-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italic.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italic.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--italic-l-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italic.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italic.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--italic-l-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italic.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italic.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--italic-l-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italic.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italic.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--italic-l-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italic.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italic.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--italic-l-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italic.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italic.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--italic-l-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italic.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italic.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--italic-l-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italic.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italic.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--italic-l-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italic.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italic.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--italic-l-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italic.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italic.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--italic-l-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italic.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italic.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--italic-l-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italic.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italic.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--italic-l-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italic.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italic.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--italic-l-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italic.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italic.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--italic-l-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italic.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italic.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--italy-flag-l-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italy-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italy-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--italy-flag-l-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italy-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italy-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--italy-flag-l-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italy-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italy-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--italy-flag-l-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italy-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italy-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--italy-flag-l-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italy-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italy-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--italy-flag-l-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italy-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italy-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--italy-flag-l-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italy-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italy-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--italy-flag-l-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italy-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italy-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--italy-flag-l-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italy-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italy-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--italy-flag-l-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italy-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italy-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--italy-flag-l-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italy-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italy-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--italy-flag-l-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italy-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italy-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--italy-flag-l-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italy-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italy-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--italy-flag-l-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italy-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italy-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--italy-flag-l-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italy-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italy-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--italy-flag-l-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italy-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/italy-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--linkedin-l-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/linkedin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/linkedin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--linkedin-l-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/linkedin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/linkedin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--linkedin-l-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/linkedin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/linkedin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--linkedin-l-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/linkedin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/linkedin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--linkedin-l-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/linkedin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/linkedin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--linkedin-l-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/linkedin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/linkedin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--linkedin-l-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/linkedin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/linkedin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--linkedin-l-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/linkedin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/linkedin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--linkedin-l-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/linkedin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/linkedin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--linkedin-l-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/linkedin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/linkedin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--linkedin-l-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/linkedin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/linkedin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--linkedin-l-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/linkedin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/linkedin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--linkedin-l-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/linkedin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/linkedin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--linkedin-l-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/linkedin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/linkedin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--linkedin-l-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/linkedin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/linkedin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--linkedin-l-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/linkedin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/linkedin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--list-l-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/list.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/list.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--list-l-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/list.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/list.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--list-l-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/list.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/list.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--list-l-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/list.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/list.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--list-l-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/list.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/list.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--list-l-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/list.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/list.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--list-l-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/list.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/list.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--list-l-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/list.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/list.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--list-l-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/list.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/list.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--list-l-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/list.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/list.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--list-l-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/list.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/list.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--list-l-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/list.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/list.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--list-l-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/list.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/list.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--list-l-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/list.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/list.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--list-l-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/list.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/list.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--list-l-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/list.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/list.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--loading-l-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/loading.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/loading.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--loading-l-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/loading.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/loading.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--loading-l-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/loading.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/loading.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--loading-l-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/loading.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/loading.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--loading-l-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/loading.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/loading.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--loading-l-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/loading.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/loading.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--loading-l-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/loading.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/loading.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--loading-l-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/loading.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/loading.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--loading-l-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/loading.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/loading.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--loading-l-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/loading.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/loading.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--loading-l-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/loading.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/loading.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--loading-l-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/loading.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/loading.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--loading-l-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/loading.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/loading.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--loading-l-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/loading.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/loading.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--loading-l-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/loading.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/loading.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--loading-l-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/loading.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/loading.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--logout-l-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/logout.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/logout.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--logout-l-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/logout.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/logout.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--logout-l-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/logout.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/logout.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--logout-l-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/logout.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/logout.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--logout-l-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/logout.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/logout.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--logout-l-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/logout.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/logout.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--logout-l-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/logout.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/logout.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--logout-l-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/logout.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/logout.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--logout-l-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/logout.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/logout.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--logout-l-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/logout.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/logout.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--logout-l-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/logout.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/logout.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--logout-l-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/logout.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/logout.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--logout-l-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/logout.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/logout.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--logout-l-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/logout.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/logout.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--logout-l-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/logout.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/logout.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--logout-l-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/logout.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/logout.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--mastercard-l-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/mastercard.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/mastercard.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--mastercard-l-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/mastercard.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/mastercard.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--mastercard-l-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/mastercard.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/mastercard.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--mastercard-l-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/mastercard.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/mastercard.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--mastercard-l-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/mastercard.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/mastercard.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--mastercard-l-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/mastercard.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/mastercard.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--mastercard-l-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/mastercard.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/mastercard.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--mastercard-l-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/mastercard.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/mastercard.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--mastercard-l-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/mastercard.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/mastercard.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--mastercard-l-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/mastercard.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/mastercard.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--mastercard-l-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/mastercard.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/mastercard.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--mastercard-l-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/mastercard.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/mastercard.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--mastercard-l-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/mastercard.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/mastercard.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--mastercard-l-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/mastercard.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/mastercard.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--mastercard-l-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/mastercard.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/mastercard.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--mastercard-l-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/mastercard.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/mastercard.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--notebook-l-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/notebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/notebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--notebook-l-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/notebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/notebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--notebook-l-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/notebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/notebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--notebook-l-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/notebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/notebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--notebook-l-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/notebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/notebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--notebook-l-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/notebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/notebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--notebook-l-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/notebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/notebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--notebook-l-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/notebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/notebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--notebook-l-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/notebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/notebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--notebook-l-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/notebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/notebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--notebook-l-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/notebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/notebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--notebook-l-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/notebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/notebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--notebook-l-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/notebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/notebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--notebook-l-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/notebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/notebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--notebook-l-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/notebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/notebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--notebook-l-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/notebook.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/notebook.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--opened-book-l-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--opened-book-l-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--opened-book-l-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--opened-book-l-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--opened-book-l-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--opened-book-l-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--opened-book-l-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--opened-book-l-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--opened-book-l-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--opened-book-l-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--opened-book-l-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--opened-book-l-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--opened-book-l-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--opened-book-l-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--opened-book-l-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--opened-book-l-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--phone-l-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/phone.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/phone.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--phone-l-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/phone.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/phone.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--phone-l-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/phone.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/phone.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--phone-l-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/phone.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/phone.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--phone-l-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/phone.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/phone.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--phone-l-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/phone.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/phone.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--phone-l-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/phone.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/phone.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--phone-l-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/phone.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/phone.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--phone-l-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/phone.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/phone.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--phone-l-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/phone.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/phone.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--phone-l-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/phone.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/phone.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--phone-l-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/phone.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/phone.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--phone-l-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/phone.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/phone.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--phone-l-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/phone.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/phone.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--phone-l-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/phone.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/phone.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--phone-l-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/phone.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/phone.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--pin-l-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--pin-l-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--pin-l-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--pin-l-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--pin-l-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--pin-l-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--pin-l-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--pin-l-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--pin-l-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--pin-l-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--pin-l-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--pin-l-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--pin-l-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--pin-l-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--pin-l-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--pin-l-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pin.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pin.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--play-l-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--play-l-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--play-l-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--play-l-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--play-l-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--play-l-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--play-l-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--play-l-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--play-l-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--play-l-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--play-l-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--play-l-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--play-l-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--play-l-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--play-l-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--play-l-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--pound-l-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pound.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pound.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--pound-l-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pound.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pound.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--pound-l-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pound.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pound.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--pound-l-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pound.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pound.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--pound-l-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pound.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pound.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--pound-l-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pound.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pound.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--pound-l-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pound.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pound.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--pound-l-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pound.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pound.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--pound-l-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pound.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pound.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--pound-l-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pound.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pound.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--pound-l-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pound.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pound.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--pound-l-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pound.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pound.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--pound-l-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pound.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pound.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--pound-l-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pound.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pound.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--pound-l-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pound.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pound.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--pound-l-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pound.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/pound.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--profile-l-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/profile.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/profile.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--profile-l-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/profile.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/profile.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--profile-l-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/profile.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/profile.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--profile-l-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/profile.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/profile.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--profile-l-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/profile.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/profile.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--profile-l-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/profile.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/profile.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--profile-l-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/profile.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/profile.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--profile-l-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/profile.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/profile.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--profile-l-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/profile.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/profile.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--profile-l-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/profile.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/profile.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--profile-l-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/profile.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/profile.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--profile-l-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/profile.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/profile.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--profile-l-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/profile.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/profile.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--profile-l-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/profile.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/profile.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--profile-l-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/profile.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/profile.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--profile-l-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/profile.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/profile.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--remove-l-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/remove.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/remove.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--remove-l-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/remove.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/remove.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--remove-l-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/remove.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/remove.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--remove-l-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/remove.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/remove.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--remove-l-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/remove.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/remove.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--remove-l-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/remove.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/remove.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--remove-l-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/remove.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/remove.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--remove-l-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/remove.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/remove.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--remove-l-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/remove.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/remove.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--remove-l-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/remove.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/remove.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--remove-l-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/remove.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/remove.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--remove-l-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/remove.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/remove.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--remove-l-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/remove.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/remove.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--remove-l-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/remove.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/remove.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--remove-l-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/remove.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/remove.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--remove-l-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/remove.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/remove.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--right-l-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/right.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/right.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--right-l-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/right.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/right.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--right-l-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/right.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/right.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--right-l-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/right.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/right.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--right-l-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/right.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/right.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--right-l-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/right.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/right.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--right-l-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/right.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/right.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--right-l-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/right.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/right.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--right-l-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/right.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/right.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--right-l-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/right.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/right.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--right-l-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/right.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/right.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--right-l-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/right.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/right.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--right-l-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/right.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/right.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--right-l-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/right.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/right.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--right-l-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/right.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/right.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--right-l-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/right.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/right.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--round-alert-l-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--round-alert-l-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--round-alert-l-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--round-alert-l-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--round-alert-l-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--round-alert-l-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--round-alert-l-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--round-alert-l-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--round-alert-l-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--round-alert-l-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--round-alert-l-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--round-alert-l-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--round-alert-l-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--round-alert-l-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--round-alert-l-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--round-alert-l-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--round-checkmark-l-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--round-checkmark-l-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--round-checkmark-l-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--round-checkmark-l-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--round-checkmark-l-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--round-checkmark-l-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--round-checkmark-l-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--round-checkmark-l-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--round-checkmark-l-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--round-checkmark-l-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--round-checkmark-l-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--round-checkmark-l-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--round-checkmark-l-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--round-checkmark-l-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--round-checkmark-l-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--round-checkmark-l-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--round-error-l-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--round-error-l-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--round-error-l-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--round-error-l-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--round-error-l-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--round-error-l-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--round-error-l-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--round-error-l-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--round-error-l-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--round-error-l-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--round-error-l-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--round-error-l-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--round-error-l-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--round-error-l-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--round-error-l-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--round-error-l-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--round-filled-play-l-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--round-filled-play-l-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--round-filled-play-l-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--round-filled-play-l-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--round-filled-play-l-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--round-filled-play-l-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--round-filled-play-l-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--round-filled-play-l-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--round-filled-play-l-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--round-filled-play-l-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--round-filled-play-l-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--round-filled-play-l-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--round-filled-play-l-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--round-filled-play-l-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--round-filled-play-l-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--round-filled-play-l-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--round-info-l-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--round-info-l-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--round-info-l-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--round-info-l-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--round-info-l-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--round-info-l-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--round-info-l-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--round-info-l-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--round-info-l-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--round-info-l-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--round-info-l-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--round-info-l-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--round-info-l-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--round-info-l-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--round-info-l-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--round-info-l-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--round-play-l-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--round-play-l-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--round-play-l-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--round-play-l-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--round-play-l-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--round-play-l-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--round-play-l-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--round-play-l-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--round-play-l-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--round-play-l-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--round-play-l-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--round-play-l-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--round-play-l-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--round-play-l-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--round-play-l-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--round-play-l-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--save-l-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/save.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/save.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--save-l-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/save.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/save.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--save-l-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/save.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/save.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--save-l-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/save.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/save.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--save-l-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/save.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/save.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--save-l-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/save.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/save.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--save-l-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/save.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/save.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--save-l-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/save.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/save.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--save-l-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/save.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/save.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--save-l-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/save.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/save.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--save-l-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/save.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/save.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--save-l-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/save.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/save.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--save-l-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/save.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/save.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--save-l-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/save.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/save.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--save-l-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/save.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/save.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--save-l-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/save.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/save.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--search-l-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/search.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/search.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--search-l-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/search.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/search.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--search-l-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/search.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/search.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--search-l-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/search.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/search.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--search-l-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/search.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/search.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--search-l-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/search.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/search.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--search-l-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/search.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/search.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--search-l-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/search.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/search.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--search-l-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/search.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/search.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--search-l-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/search.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/search.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--search-l-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/search.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/search.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--search-l-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/search.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/search.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--search-l-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/search.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/search.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--search-l-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/search.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/search.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--search-l-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/search.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/search.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--search-l-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/search.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/search.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--settings-l-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/settings.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/settings.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--settings-l-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/settings.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/settings.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--settings-l-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/settings.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/settings.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--settings-l-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/settings.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/settings.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--settings-l-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/settings.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/settings.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--settings-l-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/settings.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/settings.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--settings-l-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/settings.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/settings.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--settings-l-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/settings.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/settings.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--settings-l-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/settings.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/settings.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--settings-l-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/settings.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/settings.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--settings-l-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/settings.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/settings.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--settings-l-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/settings.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/settings.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--settings-l-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/settings.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/settings.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--settings-l-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/settings.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/settings.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--settings-l-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/settings.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/settings.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--settings-l-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/settings.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/settings.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--show-l-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/show.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/show.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--show-l-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/show.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/show.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--show-l-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/show.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/show.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--show-l-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/show.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/show.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--show-l-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/show.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/show.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--show-l-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/show.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/show.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--show-l-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/show.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/show.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--show-l-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/show.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/show.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--show-l-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/show.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/show.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--show-l-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/show.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/show.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--show-l-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/show.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/show.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--show-l-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/show.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/show.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--show-l-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/show.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/show.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--show-l-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/show.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/show.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--show-l-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/show.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/show.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--show-l-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/show.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/show.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--sparkle-l-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/sparkle.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/sparkle.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--sparkle-l-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/sparkle.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/sparkle.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--sparkle-l-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/sparkle.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/sparkle.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--sparkle-l-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/sparkle.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/sparkle.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--sparkle-l-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/sparkle.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/sparkle.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--sparkle-l-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/sparkle.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/sparkle.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--sparkle-l-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/sparkle.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/sparkle.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--sparkle-l-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/sparkle.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/sparkle.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--sparkle-l-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/sparkle.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/sparkle.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--sparkle-l-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/sparkle.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/sparkle.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--sparkle-l-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/sparkle.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/sparkle.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--sparkle-l-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/sparkle.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/sparkle.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--sparkle-l-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/sparkle.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/sparkle.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--sparkle-l-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/sparkle.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/sparkle.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--sparkle-l-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/sparkle.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/sparkle.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--sparkle-l-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/sparkle.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/sparkle.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--square-play-l-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/square-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/square-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--square-play-l-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/square-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/square-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--square-play-l-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/square-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/square-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--square-play-l-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/square-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/square-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--square-play-l-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/square-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/square-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--square-play-l-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/square-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/square-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--square-play-l-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/square-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/square-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--square-play-l-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/square-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/square-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--square-play-l-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/square-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/square-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--square-play-l-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/square-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/square-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--square-play-l-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/square-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/square-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--square-play-l-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/square-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/square-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--square-play-l-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/square-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/square-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--square-play-l-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/square-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/square-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--square-play-l-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/square-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/square-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--square-play-l-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/square-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/square-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--star-on-l-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-on.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-on.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--star-on-l-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-on.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-on.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--star-on-l-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-on.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-on.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--star-on-l-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-on.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-on.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--star-on-l-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-on.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-on.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--star-on-l-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-on.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-on.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--star-on-l-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-on.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-on.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--star-on-l-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-on.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-on.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--star-on-l-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-on.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-on.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--star-on-l-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-on.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-on.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--star-on-l-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-on.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-on.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--star-on-l-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-on.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-on.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--star-on-l-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-on.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-on.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--star-on-l-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-on.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-on.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--star-on-l-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-on.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-on.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--star-on-l-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-on.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-on.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--star-off-l-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-off.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-off.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--star-off-l-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-off.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-off.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--star-off-l-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-off.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-off.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--star-off-l-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-off.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-off.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--star-off-l-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-off.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-off.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--star-off-l-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-off.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-off.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--star-off-l-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-off.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-off.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--star-off-l-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-off.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-off.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--star-off-l-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-off.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-off.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--star-off-l-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-off.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-off.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--star-off-l-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-off.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-off.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--star-off-l-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-off.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-off.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--star-off-l-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-off.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-off.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--star-off-l-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-off.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-off.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--star-off-l-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-off.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-off.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--star-off-l-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-off.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/star-off.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--telescope-l-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/telescope.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/telescope.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--telescope-l-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/telescope.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/telescope.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--telescope-l-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/telescope.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/telescope.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--telescope-l-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/telescope.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/telescope.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--telescope-l-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/telescope.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/telescope.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--telescope-l-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/telescope.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/telescope.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--telescope-l-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/telescope.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/telescope.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--telescope-l-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/telescope.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/telescope.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--telescope-l-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/telescope.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/telescope.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--telescope-l-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/telescope.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/telescope.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--telescope-l-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/telescope.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/telescope.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--telescope-l-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/telescope.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/telescope.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--telescope-l-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/telescope.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/telescope.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--telescope-l-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/telescope.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/telescope.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--telescope-l-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/telescope.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/telescope.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--telescope-l-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/telescope.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/telescope.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--trash-l-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/trash.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/trash.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--trash-l-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/trash.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/trash.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--trash-l-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/trash.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/trash.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--trash-l-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/trash.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/trash.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--trash-l-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/trash.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/trash.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--trash-l-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/trash.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/trash.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--trash-l-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/trash.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/trash.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--trash-l-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/trash.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/trash.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--trash-l-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/trash.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/trash.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--trash-l-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/trash.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/trash.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--trash-l-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/trash.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/trash.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--trash-l-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/trash.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/trash.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--trash-l-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/trash.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/trash.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--trash-l-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/trash.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/trash.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--trash-l-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/trash.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/trash.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--trash-l-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/trash.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/trash.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--usa-flag-l-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/usa-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/usa-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--usa-flag-l-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/usa-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/usa-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--usa-flag-l-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/usa-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/usa-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--usa-flag-l-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/usa-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/usa-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--usa-flag-l-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/usa-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/usa-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--usa-flag-l-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/usa-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/usa-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--usa-flag-l-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/usa-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/usa-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--usa-flag-l-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/usa-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/usa-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--usa-flag-l-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/usa-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/usa-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--usa-flag-l-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/usa-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/usa-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--usa-flag-l-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/usa-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/usa-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--usa-flag-l-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/usa-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/usa-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--usa-flag-l-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/usa-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/usa-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--usa-flag-l-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/usa-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/usa-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--usa-flag-l-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/usa-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/usa-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--usa-flag-l-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/usa-flag.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/usa-flag.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--video-l-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/video.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/video.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--video-l-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/video.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/video.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--video-l-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/video.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/video.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--video-l-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/video.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/video.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--video-l-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/video.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/video.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--video-l-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/video.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/video.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--video-l-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/video.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/video.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--video-l-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/video.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/video.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--video-l-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/video.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/video.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--video-l-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/video.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/video.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--video-l-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/video.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/video.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--video-l-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/video.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/video.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--video-l-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/video.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/video.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--video-l-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/video.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/video.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--video-l-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/video.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/video.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--video-l-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/video.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/video.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--write-l-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/write.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/write.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--write-l-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/write.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/write.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--write-l-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/write.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/write.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--write-l-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/write.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/write.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--write-l-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/write.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/write.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--write-l-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/write.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/write.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--write-l-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/write.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/write.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--write-l-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/write.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/write.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--write-l-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/write.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/write.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--write-l-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/write.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/write.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--write-l-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/write.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/write.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--write-l-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/write.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/write.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--write-l-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/write.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/write.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--write-l-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/write.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/write.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--write-l-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/write.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/write.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--write-l-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/write.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/write.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--youtube-l-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/youtube.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/youtube.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--youtube-l-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/youtube.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/youtube.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--youtube-l-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/youtube.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/youtube.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--youtube-l-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/youtube.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/youtube.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--youtube-l-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/youtube.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/youtube.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--youtube-l-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/youtube.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/youtube.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--youtube-l-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/youtube.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/youtube.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--youtube-l-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/youtube.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/youtube.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--youtube-l-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/youtube.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/youtube.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--youtube-l-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/youtube.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/youtube.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--youtube-l-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/youtube.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/youtube.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--youtube-l-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/youtube.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/youtube.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--youtube-l-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/youtube.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/youtube.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--youtube-l-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/youtube.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/youtube.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--youtube-l-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/youtube.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/youtube.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--youtube-l-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/youtube.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-l/youtube.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--closed-book-xl-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--closed-book-xl-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--closed-book-xl-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--closed-book-xl-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--closed-book-xl-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--closed-book-xl-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--closed-book-xl-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--closed-book-xl-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--closed-book-xl-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--closed-book-xl-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--closed-book-xl-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--closed-book-xl-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--closed-book-xl-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--closed-book-xl-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--closed-book-xl-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--closed-book-xl-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--forward-big-arrow-xl-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--forward-big-arrow-xl-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--forward-big-arrow-xl-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--forward-big-arrow-xl-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--forward-big-arrow-xl-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--forward-big-arrow-xl-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--forward-big-arrow-xl-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--forward-big-arrow-xl-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--forward-big-arrow-xl-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--forward-big-arrow-xl-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--forward-big-arrow-xl-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--forward-big-arrow-xl-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--forward-big-arrow-xl-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--forward-big-arrow-xl-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--forward-big-arrow-xl-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--forward-big-arrow-xl-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--opened-book-xl-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--opened-book-xl-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--opened-book-xl-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--opened-book-xl-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--opened-book-xl-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--opened-book-xl-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--opened-book-xl-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--opened-book-xl-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--opened-book-xl-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--opened-book-xl-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--opened-book-xl-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--opened-book-xl-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--opened-book-xl-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--opened-book-xl-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--opened-book-xl-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--opened-book-xl-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--round-alert-xl-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--round-alert-xl-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--round-alert-xl-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--round-alert-xl-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--round-alert-xl-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--round-alert-xl-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--round-alert-xl-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--round-alert-xl-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--round-alert-xl-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--round-alert-xl-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--round-alert-xl-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--round-alert-xl-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--round-alert-xl-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--round-alert-xl-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--round-alert-xl-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--round-alert-xl-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--round-checkmark-xl-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--round-checkmark-xl-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--round-checkmark-xl-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--round-checkmark-xl-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--round-checkmark-xl-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--round-checkmark-xl-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--round-checkmark-xl-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--round-checkmark-xl-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--round-checkmark-xl-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--round-checkmark-xl-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--round-checkmark-xl-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--round-checkmark-xl-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--round-checkmark-xl-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--round-checkmark-xl-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--round-checkmark-xl-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--round-checkmark-xl-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--round-error-xl-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--round-error-xl-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--round-error-xl-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--round-error-xl-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--round-error-xl-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--round-error-xl-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--round-error-xl-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--round-error-xl-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--round-error-xl-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--round-error-xl-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--round-error-xl-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--round-error-xl-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--round-error-xl-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--round-error-xl-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--round-error-xl-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--round-error-xl-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--round-filled-play-xl-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--round-filled-play-xl-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--round-filled-play-xl-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--round-filled-play-xl-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--round-filled-play-xl-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--round-filled-play-xl-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--round-filled-play-xl-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--round-filled-play-xl-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--round-filled-play-xl-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--round-filled-play-xl-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--round-filled-play-xl-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--round-filled-play-xl-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--round-filled-play-xl-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--round-filled-play-xl-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--round-filled-play-xl-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--round-filled-play-xl-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--round-info-xl-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--round-info-xl-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--round-info-xl-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--round-info-xl-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--round-info-xl-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--round-info-xl-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--round-info-xl-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--round-info-xl-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--round-info-xl-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--round-info-xl-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--round-info-xl-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--round-info-xl-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--round-info-xl-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--round-info-xl-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--round-info-xl-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--round-info-xl-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--round-play-xl-white::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__before--round-play-xl-black::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__before--round-play-xl-gray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__before--round-play-xl-darkgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__before--round-play-xl-lightgray::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__before--round-play-xl-primary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__before--round-play-xl-secondary::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__before--round-play-xl-success::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__before--round-play-xl-warning::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__before--round-play-xl-error::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__before--round-play-xl-link::before { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__before--round-play-xl-black:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__before--round-play-xl-primary:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__before--round-play-xl-error:hover::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__before--round-play-xl-primary:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__before--round-play-xl-white:disabled::before { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-right: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--closed-book-xl-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--closed-book-xl-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--closed-book-xl-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--closed-book-xl-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--closed-book-xl-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--closed-book-xl-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--closed-book-xl-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--closed-book-xl-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--closed-book-xl-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--closed-book-xl-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--closed-book-xl-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--closed-book-xl-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--closed-book-xl-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--closed-book-xl-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--closed-book-xl-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--closed-book-xl-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/closed-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/closed-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--forward-big-arrow-xl-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--forward-big-arrow-xl-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--forward-big-arrow-xl-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--forward-big-arrow-xl-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--forward-big-arrow-xl-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--forward-big-arrow-xl-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--forward-big-arrow-xl-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--forward-big-arrow-xl-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--forward-big-arrow-xl-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--forward-big-arrow-xl-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--forward-big-arrow-xl-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--forward-big-arrow-xl-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--forward-big-arrow-xl-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--forward-big-arrow-xl-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--forward-big-arrow-xl-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--forward-big-arrow-xl-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/forward-big-arrow.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/forward-big-arrow.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--opened-book-xl-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--opened-book-xl-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--opened-book-xl-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--opened-book-xl-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--opened-book-xl-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--opened-book-xl-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--opened-book-xl-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--opened-book-xl-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--opened-book-xl-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--opened-book-xl-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--opened-book-xl-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--opened-book-xl-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--opened-book-xl-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--opened-book-xl-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--opened-book-xl-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--opened-book-xl-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/opened-book.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/opened-book.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--round-alert-xl-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--round-alert-xl-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--round-alert-xl-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--round-alert-xl-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--round-alert-xl-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--round-alert-xl-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--round-alert-xl-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--round-alert-xl-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--round-alert-xl-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--round-alert-xl-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--round-alert-xl-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--round-alert-xl-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--round-alert-xl-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--round-alert-xl-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--round-alert-xl-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--round-alert-xl-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-alert.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-alert.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--round-checkmark-xl-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--round-checkmark-xl-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--round-checkmark-xl-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--round-checkmark-xl-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--round-checkmark-xl-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--round-checkmark-xl-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--round-checkmark-xl-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--round-checkmark-xl-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--round-checkmark-xl-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--round-checkmark-xl-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--round-checkmark-xl-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--round-checkmark-xl-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--round-checkmark-xl-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--round-checkmark-xl-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--round-checkmark-xl-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--round-checkmark-xl-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-checkmark.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-checkmark.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--round-error-xl-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--round-error-xl-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--round-error-xl-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--round-error-xl-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--round-error-xl-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--round-error-xl-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--round-error-xl-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--round-error-xl-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--round-error-xl-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--round-error-xl-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--round-error-xl-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--round-error-xl-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--round-error-xl-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--round-error-xl-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--round-error-xl-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--round-error-xl-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-error.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-error.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--round-filled-play-xl-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--round-filled-play-xl-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--round-filled-play-xl-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--round-filled-play-xl-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--round-filled-play-xl-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--round-filled-play-xl-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--round-filled-play-xl-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--round-filled-play-xl-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--round-filled-play-xl-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--round-filled-play-xl-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--round-filled-play-xl-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--round-filled-play-xl-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--round-filled-play-xl-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--round-filled-play-xl-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--round-filled-play-xl-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--round-filled-play-xl-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-filled-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-filled-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--round-info-xl-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--round-info-xl-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--round-info-xl-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--round-info-xl-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--round-info-xl-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--round-info-xl-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--round-info-xl-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--round-info-xl-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--round-info-xl-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--round-info-xl-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--round-info-xl-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--round-info-xl-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--round-info-xl-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--round-info-xl-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--round-info-xl-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--round-info-xl-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-info.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-info.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--round-play-xl-white::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-00);
				}

.pb-icon__after--round-play-xl-black::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-100);
				}

.pb-icon__after--round-play-xl-gray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-70);
				}

.pb-icon__after--round-play-xl-darkgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-90);
				}

.pb-icon__after--round-play-xl-lightgray::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-neutral-50);
				}

.pb-icon__after--round-play-xl-primary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-primary-50);
				}

.pb-icon__after--round-play-xl-secondary::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-secondary-60);
				}

.pb-icon__after--round-play-xl-success::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-success-50);
				}

.pb-icon__after--round-play-xl-warning::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-warning-80);
				}

.pb-icon__after--round-play-xl-error::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-error-50);
				}

.pb-icon__after--round-play-xl-link::after { 
							
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
					background-color: var(--color-accent-20);
				}

.pb-icon__after--round-play-xl-black:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-90);
					}

.pb-icon__after--round-play-xl-primary:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-primary-60);
					}

.pb-icon__after--round-play-xl-error:hover::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-error-60);
					}

.pb-icon__after--round-play-xl-primary:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}

.pb-icon__after--round-play-xl-white:disabled::after { 
								
		content: "";
		mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-play.svg) no-repeat center;
		-webkit-mask: url(https://plottybot.com/img/icons/pb-iconography/icons-xl/round-play.svg) no-repeat center;
		mask-size: contain;
		-webkit-mask-size: contain;
		display: inline-block; 
		position: relative; 
		width: 40px; 
		height: 40px; 
		margin-left: var(--spacing-8);
		vertical-align: text-bottom;

		 
						background-color: var(--color-neutral-50);
					}