/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 24 2026 | 04:39:31 */
.slip-offcanvas{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:9999;
    display:none;
}

.slip-offcanvas.active{
    display:block;
}

.slip-overlay{
    position:absolute;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.5);
}

@media only screen and (min-width: 451px){
	.slip-panel{
    position:absolute;
    top:20%;
	right:20%;
    width:100%;
	max-width: 400px;
    background:#fff;
    border-radius:20px;
    padding:20px;
    transform:translateY(100%);
    transition:0.3s;
}
}

@media only screen and (max-width: 450px){
	.slip-panel{
    position:absolute;
    top:0;
    width:100%;
    background:#fff;
    border-radius:20px;
    padding:20px;
    transform:translateY(100%);
    transition:0.3s;
}
}


.slip-offcanvas.active .slip-panel{
    transform:translateY(0);
}

.slip-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:10px;
}

.slip-close{
    cursor:pointer;
    font-size:24px;
}

/* ปุ่มอัพโหลดสลิป */
#openSlipCanvas{
	align-self:center;
	width:100%;
	padding:20px;
	border-radius:16px;
	background-color: #009f02;
	font-family: 'Prompt';
	font-size:18px;
	font-weight:400;
	letter-spacing:2px;
	transition:500ms; 
}
#openSlipCanvas:hover{
	background-color: #00b803;
	transform: translateY(5px);
    transition:500ms; 
}