.saved-container .box-solid-full{display:grid;grid-gap:12px;height:100%;align-items:flex-start;align-content:flex-start}.saved-container .title{display:flex;justify-content:space-between;align-items:center;border-bottom:var(--border-width-lg,3px) solid var(--border-green-primary,#00b400)}.saved-container .title h1{overflow:hidden;color:var(--sso-member-main-color,#00B400);text-overflow:ellipsis;font-family:var(--sso-member-main-font,"KaLaTeXa Display");font-size:var(--size-large-sm,30px);font-style:normal;font-weight:650}.saved-container .filter-container{display:flex;gap:8px;align-items:center}.saved-container .filter-container button{padding:0;margin:0;border:none;cursor:pointer;background:none;display:flex;align-items:center;gap:var(--gap-2xs,4px);overflow:hidden;color:var(--components-cards-text-black,#000);text-overflow:ellipsis;font-family:var(--sso-member-main-font,"KaLaTeXa Display");font-size:var(--size-normal-md,16px);font-style:normal;font-weight:650}.saved-container .dropdown-card{position:fixed;top:0;left:0;width:100dvw;height:100dvh;background:#fff;z-index:19}.saved-container .dropdown-tab{display:flex;padding:var(--gap-sm,12px);border-bottom:var(--border-width-sm,1px) solid #b3b3b3}.saved-container .dropdown-tab button{all:unset;flex:1 0;color:#B3B3B3;text-align:center;font-family:var(--font-family-default,"KaLaTeXa Display");font-size:var(--size-normal-xl,20px);font-style:normal;font-weight:650;line-height:100%;padding:12px 0;border-bottom:3px solid transparent}.saved-container .dropdown-tab button.active{color:var(--sso-member-main-color,#00B400);border-bottom:var(--border-width-lg,3px) solid var(--sso-member-main-color,#00b400)}.saved-container .dropdown-list{display:grid;grid-gap:16px;padding:16px}.saved-container .dropdown-item{justify-content:space-between;align-content:center}.saved-container .dropdown-item,.saved-container .dropdown-item .label{display:flex;gap:8px;align-items:center}.saved-container .dropdown-item .brand{display:grid}.saved-container .dropdown-item .dropdown-label{overflow:hidden;color:var(--components-cards-text-black,#000);text-overflow:ellipsis;font-family:var(--sso-member-main-font,"KaLaTeXa Display");font-size:var(--size-normal-sm,14px);font-style:normal;font-weight:400;line-height:100%}.saved-container .custom-checkbox{position:relative}.saved-container .custom-checkbox .checkbox-ui{width:16px;height:16px;border-radius:2px;border:1px solid #000;display:grid}.saved-container .custom-checkbox .dropdown-check{opacity:0;width:100%;height:100%;position:absolute;cursor:pointer;z-index:20;top:0;left:0}.saved-container .custom-checkbox input:checked+.checkbox-ui{border-color:var(--sso-member-main-color,#00B400)}.saved-container .custom-checkbox input:checked+.checkbox-ui:after{content:"";border-width:2px;border-left:0 solid var(--sso-member-main-color,#00b400);border-bottom:2px solid var(--sso-member-main-color,#00b400);border-right:2px solid var(--sso-member-main-color,#00b400);border-top:0 solid var(--sso-member-main-color,#00b400);width:5px;height:11px;display:block;position:absolute;top:1px;left:6px;transform:rotate(45deg)}.saved-container .dropdown-actions{display:flex;position:absolute;bottom:0;left:0;width:100%;padding:16px;gap:8px}.saved-container .dropdown-actions button{all:unset;color:var(--sso-member-main-color,#00B400);font-family:var(--sso-member-main-font,"KaLaTeXa Display");font-size:var(--size-normal-md,16px);font-style:normal;font-weight:650;line-height:100%;border-radius:var(--border-radius-full,999px);border:1px solid var(--sso-member-main-color,#00b400);background:var(--components-button-background-white,#FFF);display:flex;padding:var(--gap-xs,8px) var(--gap-sm,12px);justify-content:center;align-items:center;gap:var(--gap-2xs,4px);flex:1 0;cursor:pointer}.saved-container .dropdown-actions button.confirm{border:1px solid var(--sso-member-main-color,#00b400);background:var(--components-button-background-green-primary,#00B400);color:#fff}.saved-container .saved-item-container{align-items:flex-start;grid-gap:var(--gap-sm,12px);align-self:stretch;display:grid}.saved-container .saved-item{display:grid;grid-template-columns:115px 1fr;grid-gap:12px;align-items:flex-start;border-bottom:1px solid var(--border-gray-light,#dadada);padding-bottom:12px}.saved-container .saved-item .thumbnail{display:grid}.saved-container .saved-item .thumbnail img{display:grid;width:100%;height:100%;aspect-ratio:16/9;border-radius:var(--border-radius-2xs,4px)}.saved-container .saved-item .content{display:grid;align-content:space-between;height:100%}.saved-container .saved-item .content h2{margin:0}.saved-container .saved-item .content h2 a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;align-self:stretch;overflow:hidden;text-decoration:none;color:var(--components-cards-text-black,#000);text-overflow:ellipsis;font-family:var(--sso-member-second-font,"Kondolar Thai");font-size:var(--size-normal-sm,14px);font-style:normal;font-weight:400;line-height:150%}.saved-container .saved-item .date{display:flex;justify-content:space-between;color:var(--components-cards-text-gray-medium,#666);font-family:var(--sso-member-main-font,"KaLaTeXa Display");font-size:var(--size-normal-xs,12px);font-style:normal;font-weight:400;line-height:100%;align-items:baseline}.saved-container .saved-item .date .toggle{position:relative}.saved-container .saved-item .date .toggle input{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer;pointer-events:none}.saved-container .saved-item .date .toggle label{all:unset;box-sizing:border-box;cursor:pointer}.saved-container .saved-item .date .toggle label .toggle-off{transition:all .5s}.saved-container .saved-item .date .toggle label .toggle-on{display:none}.saved-container .saved-item .date .toggle label:hover{transition:all .5s}.saved-container .saved-item .date .toggle label:hover .toggle-off{transition:all .5s;color:white}.saved-container .saved-item .date .toggle input:checked+label .toggle-off{display:none}.saved-container .saved-item .date .toggle input:checked+label .toggle-on{display:flex}@media (min-width:768px){.saved-container .dropdown-tab{display:none}.saved-container .dropdown-actions{position:relative;padding:0}.saved-container .dropdown-list{padding:0}.saved-container .dropdown-wrap{position:absolute}.saved-container .dropdown-card{display:grid;grid-gap:16px;position:absolute;right:-70px;left:auto;padding:var(--gap-md,16px);top:30px;width:230px;height:auto;border-radius:var(--border-radius-md,12px);background:var(--background-white,#FFF);box-shadow:0 0 5px 0 rgba(0,0,0,.3)}}