:root { --color: #ebc301; /*#0064ff*/ }
#mdCookie { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9999999999; box-shadow: 0 16px 64px rgba(0,0,0,0.6); width: 800px; font-family: "Tahoma"; border-radius: 20px; transition: 0.3s linear left; background: white; }
#mdCookie .mdTitle { font-size: 17px; font-weight: bold; padding: 26px 20px; }
#mdCookie .mdFooter { padding: 16px 20px; display: flex; align-items: center; justify-content: space-between; }
#mdCookie .mdFooter > button { flex: 1; text-align: center; }
#mdCookie button { all: initial; box-sizing: border-box; padding: 12px 24px; font-family: inherit; font-size: 12px; font-weight: bold; border: 1px solid #bbb; border-radius: 5px; cursor: pointer; transition: 0.1s; }
#mdCookie button:active { box-shadow: 0 0 14px rgba(0,0,0,0.15); }
#mdCookie button.showCookies { display: block; margin-top: 20px; }
#mdCookie button#mdAllowAll { background: var(--color); border-color: var(--color); }
#mdCookie button#mdDisAllowAll { margin: 0 8px; }
#mdCookie button#mdSave { margin: 0 8px; }
#mdCookie button#mdDetails { display: none; }
#mdCookie .mdContents { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; display: flex; align-items: flex-start; justify-content: center; position: relative; height: 340px; overflow-y: scroll; }
#mdCookie .mdContents .mdTabs { min-width: 210px; }
#mdCookie .mdContents .mdTab { padding: 0 10px 0 20px; height: 56px; display: flex; align-items: center; justify-content: flex-start; border-bottom: 1px solid #ccc; background: #f5f5f5; font-size: 12px; font-weight: bold; cursor: pointer; transition: 0.2s; border-bottom-right-radius: 20px; border-top-right-radius: 20px; margin-bottom: 4px; }
#mdCookie .mdContents .mdTab.active { border-left: 12px solid var(--color); background: #fff; box-shadow: 2px 0px 10px rgba(0,0,0,0.05); }
#mdCookie .mdContents .mdTab-contents { flex-grow: 1; padding: 20px; }
#mdCookie .mdContents .content { flex-grow: 1; font-size: 13px; line-height: 20px; transition: 0.4s; }
#mdCookie .mdContents .head { font-weight: bold; margin-bottom: 14px; display: flex; align-items: center; justify-content: flex-start; font-size: 13px; }
#mdCookie .mdContents .switch { margin: 0 20px 0 auto; color: var(--color); }
#mdCookie .mdContents .mdTab-contents > div:not(.active) { display: none; }
#mdCookie .checkbox { display: flex; min-height: 1.5rem; margin-bottom: 0.35rem; align-items: center; }
#mdCookie .checkbox input { font-size: 140%; width: 1em; height: 1em; background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: contain; border: 1px solid rgba(0, 0, 0, 0.25); -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-print-color-adjust: exact; color-adjust: exact; margin-right: 0.5em; cursor: pointer; }
#mdCookie .checkbox input[type=checkbox] { border-radius: 0.15em; }
#mdCookie .checkbox input:active { filter: brightness(90%); }
#mdCookie .checkbox input:focus { border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); }
#mdCookie .checkbox input:checked { background-color: var(--color); border-color: var(--color); }
#mdCookie .checkbox input:checked[type=checkbox] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e"); }
#mdCookie .checkbox.switch { padding-left: 3em; }
#mdCookie .checkbox.switch input { width: 2em; margin-left: -2.5em; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e"); background-position: left center; border-radius: 2em; transition: background-position 0.15s ease-in-out; }
#mdCookie .checkbox.switch input:focus { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e"); }
#mdCookie .checkbox.switch input:checked { background-position: right center; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); }
#mdCookie .cookies-wrapper { background: #fff; padding: 20px 0; display: none; }
#mdCookie .cookie-box { padding: 12px 16px; border-radius: 12px; background: #efefef; border: 1px solid #ddd; }
#mdCookie .cookie-box:not(:last-child) { margin-bottom: 20px; }
#mdCookie .cookie-name { font-weight: bold; padding: 0 0 10px; }
#mdCookie .cookie-head { border-bottom: 1px solid #ddd; padding: 0 0 14px; margin: 0 0 14px; }
#mdCookie .cookie-foot { display: flex; align-items: center; justify-content: space-between; }
#mdCookie .cookie-foot a { font-weight: 300; color: black !important; font-size: 12px; text-decoration: initial; max-width: 300px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

#mdCookie.light { top: initial; bottom: 0%; left: 0%; width: 100%; transform: initial; display: flex; align-items: center; border-radius: 0px; box-shadow: 0 16px 32px rgba(0,0,0,1); }
#mdCookie.light .mdTitle { display: none; }
#mdCookie.light .mdContents { height: initial; border: initial; overflow: initial; }
#mdCookie.light .mdContents .mdTab-contents { padding-right: 0; }

#mdCookie.light .mdTabs { display: none; }
#mdCookie.light .mdContents .content { text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
#mdCookie.light .mdContents .head { display: none; }
#mdCookie.light button#mdSave { display: none; }
#mdCookie.light button#mdDisAllowAll { margin: 0; }
#mdCookie.light button#mdDetails { display: initial; margin: 0 8px; }
#mdCookie.light .mdFooter { min-width: 620px; }
#mdCookie .showCookies { margin-top: 20px; font-weight: bold; cursor: pointer; }

@media (max-width: 1024px) { 
#mdCookie { width: calc(100% - 32px); border-radius: 10px; }
#mdCookie .mdTitle { font-size: 15px; padding: 20px 20px; }
#mdCookie .mdContents .mdTabs { width: calc(100% - 10px); margin: 0 auto 0 0; }
#mdCookie .mdContents .mdTab-contents { display: none; }
#mdCookie .mdContents .mcontent { padding: 10px; display: none; }
#mdCookie .mdContents .switch { margin: 0 0px 0 auto; }
#mdCookie .mdFooter { flex-wrap: wrap; }
#mdCookie .mdFooter > button { flex: initial; }
#mdCookie button { width: 100%; text-align: center; }
#mdCookie button#mdDisAllowAll { margin: 0; }
#mdCookie button#mdSave { margin: 8px 0; }
#mdCookie.light { flex-direction: column; }
#mdCookie.light .mdTab-contents { display: block; }
#mdCookie.light .mdcontent { display: none; }
#mdCookie.light button { width: initial; flex: initial; }
#mdCookie.light .mdFooter { align-items: center; min-width: 100%; }
#mdCookie.light button#mdSave { margin-bottom: initial; }
#mdCookie.light button#mdDisAllowAll, #mdCookie.light button#mdDetails { width: calc(50% - 4px); margin: 0; }
#mdCookie.light button#mdAllowAll { flex-basis: 100%; margin: 8px 0 0; }
#mdCookie.light .mdContents .content { -webkit-line-clamp: 3; }
#mdCookie.light .mdTab-contents { padding-bottom: 0; }
}