.picker{
	.picker__frame {
		min-width: 28.125rem;
		max-width: 28.125rem;
		transform: translateY(-50%) !important;
		top: 50% !important;
    	margin-bottom: 0 !important;	
		bottom: auto !important;
		.picker__box{
			background: var(--card);
			padding: 1.25rem;
			border: 0;
			box-shadow: 0 0.3125rem 0.625rem rgba(0,0,0,0.1);
			.picker__month,.picker__nav--prev,.picker__nav--next{
				color: var(--text-dark);
			}
			.picker__header{
				margin-top: 0;
				
				.picker__year{
					color: var(--primary);
					font-style: inherit;
					font-size: 1.25rem;
				}
			
				.picker__nav--prev,
				.picker__nav--next{
					width: 2.5rem;
					height: 2.5rem;
					padding: 0;
					line-height: 2.5rem;
					border-radius: 0.125rem;
					transition: 0.4s;
					&:before{
						content: none!important
					}
					&:after{
						font-family: "Font Awesome 5 Free";
						border: 0;
						margin: 0 auto;
						font-size: 1.375rem;
						font-weight: 700;
					}
					&:hover{
						background-color: var(--primary);
						color: $white;
					}
				}
				.picker__nav--prev{
					#{$dz-pos-left} : 0;
					&:after{
						content: "\f0d9";
					}
				}
				.picker__nav--next{
					#{$dz-pos-right} : 0;
					&:after{
						content: "\f0da";
					}
				}
			}
			
			.picker__table{
				.picker__weekday {
					padding: 0.625rem 0;
					font-size: 1rem;
				}
				.picker__day {
					width: 2.5rem;
					height: 2.5rem;
					border-radius: 3.125rem;
					padding: 0!important;
					color: var(--text-dark);
					font-size: 1rem;
					line-height: 2.5rem;
					margin: auto;
					border: 0!important;
					&.picker__day--infocus{
						font-weight: 500;				
					}
					&.picker__day--outfocus{	
						color: var(--text);
					}				
					&.picker__day--today{
						&:before {
							content: none !important;
						}
					}
					
					&.picker__day--highlighted {
						border: 0!important;
						padding: 0;
						background-color: var(--primary);
						color: $white!important;
					}
					
					&:hover{
						background-color: var(--primary);
						color: $white !important;
					}
				}
			}
			
			.picker__footer{
				display: flex;
    			gap: 10px;
				button{
					transition: 0.4s;
					&:last-child{
						&:hover{
							&::before{
								color: $white !important;
							}
						}
						&::before{
							top: 0em !important;
							transition: 0.4s;
						}
					}
				}
				.picker__button--today{
					background-color: var(--primary);
					color: $white !important;
					
					&:before{
						content: none!important
					}
				}
				
				.picker__button--clear, 
				.picker__button--close, 
				.picker__button--today{
					border: 0;
					border-radius: 0.125rem;
					font-size: 1rem;
					&:hover{
						background-color:var(--primary);
						color: $white !important;
					}
				}
				.picker__button--clear, 
				.picker__button--close{
					background-color: var(--card);
					color: var(--text-dark);
				}
			}
		}
				
		@include respond('phone') {
			min-width: 100%!important;
			max-width: 100%!important;
			
			.picker__box{
				padding: 0.9375rem;
				margin: 0 0.625rem;
			}
		}
	}
}

