.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } @media screen and (max-height: 1024px) { .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } } @media screen and (max-height: 640px) { .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } } .elementor-widget-heading.badge { width: fit-content !important; } \3c !-- MapPress Easy Google Maps Version:2.97.15 (https://www.mappresspro.com) --> \3c !-- Search Engine Optimization by Rank Math - https://rankmath.com/ --> Dokumentumtár - 6 / 757 oldal - Keszthely Város Önkormányzata \3c !-- /Rank Math WordPress SEO plugin --> \3c style id="wp-img-auto-sizes-contain-inline-css"> img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} \3c /style> \3c style id="wp-emoji-styles-inline-css"> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } \3c /style> \3c style id="global-styles-inline-css"> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:root { --wp--style--global--content-size: 800px;--wp--style--global--wide-size: 1200px; }:where(body) { margin: 0; }:root { --wp--style--block-gap: 24px; }body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;} \3c /style> \3c style id="elementor-frontend-inline-css"> .e-heading-base a, .e-paragraph-base a { all: unset; cursor: pointer; } \3c /style> \3c !-- Google tag (gtag.js) --> \3c style> .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } @media screen and (max-height: 1024px) { .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } } @media screen and (max-height: 640px) { .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } } \3c /style> \3c style id="wp-custom-css"> .elementor-widget-heading.badge { width: fit-content !important; } \3c /style>
.ts-control{border:1px solid #d0d0d0;border-radius:3px;box-shadow:none;box-sizing:border-box;display:flex;flex-wrap:wrap;overflow:hidden;padding:8px;position:relative;width:100%;z-index:1}.ts-wrapper.multi.has-items .ts-control{padding:6px 8px 3px}.full .ts-control{background-color:#fff}.disabled .ts-control,.disabled .ts-control *{cursor:default!important}.focus .ts-control{box-shadow:none}.ts-control>*{display:inline-block;vertical-align:initial}.ts-wrapper.multi .ts-control>div{background:#f2f2f2;border:0 solid #d0d0d0;color:#303030;cursor:pointer;margin:0 3px 3px 0;padding:2px 6px}.ts-wrapper.multi .ts-control>div.active{background:#e8e8e8;border:0 solid #cacaca;color:#303030}.ts-wrapper.multi.disabled .ts-control>div,.ts-wrapper.multi.disabled .ts-control>div.active{background:#fff;border:0 solid #fff;color:#7d7d7d}.ts-control>input{background:none!important;border:0!important;box-shadow:none!important;display:inline-block!important;flex:1 1 auto;line-height:inherit!important;margin:0!important;max-height:none!important;max-width:100%!important;min-height:0!important;min-width:7rem;padding:0!important;text-indent:0!important;-webkit-user-select:auto!important;-moz-user-select:auto!important;-ms-user-select:auto!important;user-select:auto!important}.ts-control>input::-ms-clear{display:none}.ts-control>input:focus{outline:none!important}.has-items .ts-control>input{margin:0 4px!important}.ts-control.rtl{text-align:right}.ts-control.rtl.single .ts-control:after{left:15px;right:auto}.ts-control.rtl .ts-control>input{margin:0 4px 0 -2px!important}.disabled .ts-control{background-color:#fafafa;opacity:.5}.ts-dropdown{background:#fff;border:1px solid #d0d0d0;border-radius:0 0 3px 3px;border-top:0;box-shadow:0 1px 3px rgba(0,0,0,.1);box-sizing:border-box;left:0;margin:.25rem 0 0;position:absolute;top:100%;width:100%;z-index:10}.ts-dropdown .create,.ts-dropdown .no-results,.ts-dropdown .optgroup-header,.ts-dropdown .option{padding:5px 8px}.ts-dropdown .option,.ts-dropdown [data-disabled],.ts-dropdown [data-disabled] [data-selectable].option{cursor:inherit;opacity:.5}.ts-dropdown .optgroup:first-child .optgroup-header{border-top:0}.ts-dropdown .optgroup-header{background:#fff;color:#303030;cursor:default}.ts-dropdown .active{background-color:#f5fafd;color:#495c68}.ts-dropdown .active.create{color:#495c68}.ts-dropdown .create{color:rgba(48,48,48,.5)}.ts-dropdown .spinner{display:inline-block;height:30px;margin:5px 8px;width:30px}.ts-dropdown .spinner:after{animation:lds-dual-ring 1.2s linear infinite;border-color:#d0d0d0 transparent;border-radius:50%;border-style:solid;border-width:5px;content:" ";display:block;height:24px;margin:3px;width:24px}@keyframes lds-dual-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ts-dropdown-content{max-height:200px;overflow:hidden auto;scroll-behavior:smooth}.ts-wrapper .dropdown-header{background:color-mix(#fff,#d0d0d0,85%);border-bottom:1px solid #d0d0d0;border-radius:3px 3px 0 0;padding:10px 8px;position:relative}.ts-wrapper .dropdown-header-close{color:#303030;font-size:20px!important;line-height:20px;margin-top:-12px;opacity:.4;position:absolute;right:8px;top:50%}.ts-wrapper .dropdown-header-close:hover{color:#000}.ts-wrapper.plugin-remove_button .item{align-items:center;display:inline-flex}.ts-wrapper.plugin-remove_button .item .remove{border-radius:0 2px 2px 0;box-sizing:border-box;color:inherit;display:inline-block;padding:0 6px;text-decoration:none;vertical-align:middle}.ts-wrapper.plugin-remove_button .item .remove:hover{background:rgba(0,0,0,.05)}.ts-wrapper.plugin-remove_button.disabled .item .remove:hover{background:none}.ts-wrapper.plugin-remove_button:not(.rtl) .item{padding-right:0!important}.ts-wrapper.plugin-remove_button:not(.rtl) .item .remove{border-left:1px solid #d0d0d0;margin-left:6px}.ts-wrapper.plugin-remove_button:not(.rtl) .item.active .remove{border-left-color:#cacaca}.ts-wrapper.plugin-remove_button:not(.rtl).disabled .item .remove{border-left-color:#fff}.ts-wrapper.plugin-remove_button.rtl .item{padding-left:0!important}.ts-wrapper.plugin-remove_button.rtl .item .remove{border-right:1px solid #d0d0d0;margin-right:6px}.ts-wrapper.plugin-remove_button.rtl .item.active .remove{border-right-color:#cacaca}.ts-wrapper.plugin-remove_button.rtl.disabled .item .remove{border-right-color:#fff}:root{--ts-pr-clear-button:0px;--ts-pr-caret:0px;--ts-pr-min:.75rem}.ts-wrapper.single .ts-control,.ts-wrapper.single .ts-control input{cursor:pointer}.ts-control:not(.rtl){padding-right:max(var(--ts-pr-min),var(--ts-pr-clear-button) + var(--ts-pr-caret))!important}.ts-control.rtl{padding-left:max(var(--ts-pr-min),var(--ts-pr-clear-button) + var(--ts-pr-caret))!important}.ts-wrapper{position:relative}.ts-control,.ts-control input,.ts-dropdown{color:#303030;font-family:inherit;font-size:13px;line-height:18px}.ts-control,.ts-wrapper.single.input-active .ts-control{background:#fff;cursor:text}.ts-hidden-accessible{border:0!important;clip:rect(0 0 0 0)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important} .pd-list { --pdl-accent: #1d4ed8; --pdl-text: #1f2937; --pdl-muted: #6b7280; --pdl-border: #e5e7eb; --pdl-bg: #ffffff; --pdl-bg-soft: #f9fafb; --pdl-radius: 10px; --pdl-font: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; color: var(--pdl-text); font-family: var(--pdl-font); font-size: 15px; line-height: 1.5; margin: 30px auto; } .pd-list input, .pd-list select, .pd-list button, .pd-list .pd-list__label, .pd-list .ts-control, .pd-list .ts-dropdown { font-family: var(--pdl-font); } .pd-list *, .pd-list *::before, .pd-list *::after { box-sizing: border-box; } .pd-list__toolbar { display: flex; align-items: flex-end; gap: 10px; margin-bottom: 12px; } .pd-list__filters { flex: 1; display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 10px; } .pd-list__field { display: flex; flex-direction: column; gap: 4px; min-width: 0; } .pd-list__label { font-size: 18px; font-weight: 600; letter-spacing: 0; color: var(--pdl-text); } .pd-list__sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; } .pd-list .pd-list__select, .pd-list .pd-list__select:hover, .pd-list .pd-list__select:focus { width: 100%; padding: 9px 12px; border: 1px solid var(--pdl-border); border-radius: 8px; background: var(--pdl-bg); font: inherit; font-size: 14px; color: var(--pdl-text); box-shadow: none; transition: border-color 0.18s ease; } .pd-list .pd-list__select:hover { border-color: #cbd5e1; } .pd-list .pd-list__select:focus { outline: 2px solid var(--pdl-accent); outline-offset: 1px; border-color: var(--pdl-accent); } .pd-list .ts-wrapper { min-width: 0; } .pd-list .ts-control { border: 1px solid var(--pdl-border); border-radius: 8px; padding: 6px 10px; font-size: 14px; min-height: 41px; background: var(--pdl-bg); box-shadow: none; transition: border-color 0.18s ease; } .pd-list .ts-wrapper:hover .ts-control { border-color: #cbd5e1; } .pd-list .ts-wrapper.focus .ts-control { outline: 2px solid var(--pdl-accent); outline-offset: 1px; border-color: var(--pdl-accent); box-shadow: none; } .pd-list .ts-control input { font-size: 14px; color: var(--pdl-text); } .pd-list .ts-wrapper.multi .ts-control > .item { display: inline-flex; align-items: center; background: #eff4ff; color: var(--pdl-accent); border: 0; border-radius: 999px; padding: 3px 6px 3px 11px; margin: 2px 6px 2px 0; font-size: 13px; font-weight: 600; } .pd-list .ts-wrapper.multi .ts-control > .item .remove { border-left: 0; margin-left: 4px; padding: 0 6px; color: var(--pdl-accent); border-radius: 999px; font-size: 14px; line-height: 1.4; transition: color 0.18s ease, background 0.18s ease; } .pd-list .ts-wrapper.multi .ts-control > .item .remove:hover { background: rgba(29, 78, 216, 0.12); color: #b91c1c; } .pd-list .ts-dropdown { border: 1px solid var(--pdl-border); border-radius: 8px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12); font-size: 14px; z-index: 100000; } .pd-list .ts-dropdown .option, .pd-list .ts-dropdown .no-results { padding: 9px 12px; } .pd-list .ts-dropdown .active { background: var(--pdl-bg-soft); color: var(--pdl-accent); } .pd-list .pd-list__filtertoggle { display: none; position: relative; gap: 8px; } .pd-list__togglecount { display: inline-flex; align-items: center; justify-content: center; min-width: 20px; height: 20px; padding: 0 5px; border-radius: 999px; background: var(--pdl-accent); color: #fff; font-size: 12px; font-weight: 700; } .pd-list__searchrow { margin-bottom: 12px; } .pd-list .pd-list__search, .pd-list .pd-list__search:hover, .pd-list .pd-list__search:focus { width: 100%; padding: 11px 14px; border: 1px solid var(--pdl-border); border-radius: 8px; background: var(--pdl-bg); font: inherit; font-size: 15px; color: var(--pdl-text); box-shadow: none; transition: border-color 0.18s ease; } .pd-list .pd-list__search:hover { border-color: #cbd5e1; } .pd-list .pd-list__search:focus { outline: 2px solid var(--pdl-accent); outline-offset: 1px; border-color: var(--pdl-accent); } .pd-list__chips { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 12px; } .pd-list .pd-list__chip, .pd-list .pd-list__chip:hover, .pd-list .pd-list__chip:focus { appearance: none; -webkit-appearance: none; display: inline-flex; align-items: center; gap: 6px; border: 1px solid var(--pdl-accent); border-radius: 999px; background: #eff4ff; color: var(--pdl-accent); font-family: inherit; font-size: 13px; font-weight: 600; letter-spacing: normal; text-transform: none; padding: 4px 12px; cursor: pointer; box-shadow: none; transition: background 0.18s ease, color 0.18s ease; } .pd-list .pd-list__chip:hover { background: var(--pdl-accent); color: #fff; } .pd-list .pd-list__chip:focus-visible { outline: 2px solid var(--pdl-accent); outline-offset: 2px; } .pd-list__chip-x { font-size: 15px; line-height: 1; } .pd-list .pd-list__clearall, .pd-list .pd-list__clearall:hover, .pd-list .pd-list__clearall:focus { appearance: none; -webkit-appearance: none; border: 0; background: transparent; color: var(--pdl-muted); font-family: inherit; font-size: 13px; font-weight: 600; letter-spacing: normal; text-transform: none; text-decoration: underline; cursor: pointer; box-shadow: none; padding: 4px 6px; transition: color 0.18s ease; } .pd-list .pd-list__clearall:hover { color: #b91c1c; } .pd-list__meta { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 14px; } .pd-list__count { margin: 0; font-size: 14px; font-weight: 600; color: var(--pdl-muted); } .pd-list__meta[hidden] { display: none; } .pd-list__bottommeta:empty { display: none; } .pd-list__bottommeta { margin-top: 14px; text-align: center; } .pd-list__bottommeta .pd-list__count { font-weight: 600; } .pd-list__orderfield { display: inline-flex; align-items: center; gap: 8px; } .pd-list .pd-list__select--order { width: auto; min-width: 170px; } .pd-list__section { border: 1px solid var(--pdl-border); border-radius: var(--pdl-radius); background: var(--pdl-bg); margin-bottom: 22px; overflow: hidden; box-shadow: 0 0 25px rgba(0, 0, 0, 0.08); } .pd-list__sectionhead { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 16px; background: var(--pdl-bg-soft); border-bottom: 1px solid var(--pdl-border); } .pd-list .pd-list__sectiontitle { margin: 0; font-size: 18px; font-weight: 700; color: var(--pdl-text); line-height: 1.4; } .pd-list .pd-list__sectionlink { color: inherit; text-decoration: none; transition: color 0.18s ease; } .pd-list a.pd-list__sectionlink:hover, .pd-list a.pd-list__sectionlink:focus { color: var(--pdl-accent); } .pd-list__count-pill { flex-shrink: 0; font-size: 13px; font-weight: 600; color: var(--pdl-muted); background: var(--pdl-bg); border: 1px solid var(--pdl-border); border-radius: 999px; padding: 3px 10px; } .pd-list__rows, .pd-list__children { list-style: none; margin: 0; padding: 0; } .pd-list__row { display: flex; align-items: center; gap: 10px; padding: 10px 16px; margin: 0; } .pd-list__row--clickable { cursor: pointer; transition: background 0.15s ease; } .pd-list__row--clickable:hover { background: var(--pdl-bg-soft); } .pd-list__rows > .pd-list__row + .pd-list__row, .pd-list__rows > .pd-list__branch + .pd-list__row { border-top: 1px solid var(--pdl-border); } .pd-list .pd-list__title, .pd-list a.pd-list__title { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; font-weight: 500; color: var(--pdl-text); text-decoration: none; transition: color 0.18s ease; } .pd-list a.pd-list__title:hover, .pd-list a.pd-list__title:focus { color: var(--pdl-accent); } .pd-list a.pd-list__title:focus-visible { outline: 2px solid var(--pdl-accent); outline-offset: 2px; border-radius: 4px; } .pd-list__rowmeta { display: inline-flex; align-items: center; gap: 8px; flex-shrink: 0; } .pd-list__size { font-size: 12px; color: var(--pdl-muted); white-space: nowrap; } .pd-list__badge { display: inline-flex; align-items: center; flex-shrink: 0; font-size: 11px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; border-radius: 5px; padding: 2px 7px; } .pd-list__badge--ext { background: var(--pdl-bg-soft); border: 1px solid var(--pdl-border); color: var(--pdl-muted); } .pd-list__badge--type { background: #eff4ff; color: var(--pdl-accent); text-transform: none; letter-spacing: 0; font-size: 13px; } .pd-list__branch { margin: 0; padding: 0 0 6px 34px; border-top: 0; } .pd-list__children .pd-list__row { position: relative; padding: 7px 16px 7px 26px; } .pd-list__children .pd-list__row::before { content: ''; position: absolute; left: 0; top: 0; width: 16px; height: 50%; border-left: 2px solid var(--pdl-border); border-bottom: 2px solid var(--pdl-border); border-bottom-left-radius: 10px; } .pd-list__children .pd-list__row:first-child::before { top: -5px; height: calc(50% + 5px); } .pd-list__children .pd-list__row:not(:last-child)::after { content: ''; position: absolute; left: 0; top: 0; bottom: 0; border-left: 2px solid var(--pdl-border); } .pd-list__pagination { display: flex; align-items: center; justify-content: center; gap: 12px; flex-wrap: wrap; margin-top: 18px; } .pd-list .pd-list__btn, .pd-list .pd-list__btn:focus, .pd-list .pd-list__btn:hover, .pd-list .pd-list__btn:active { appearance: none; -webkit-appearance: none; border: 1px solid var(--pdl-border); border-radius: 8px; background: var(--pdl-bg); padding: 8px 16px; font-family: inherit; font-size: 13px; font-weight: 600; letter-spacing: normal; text-transform: none; color: var(--pdl-text); cursor: pointer; box-shadow: none; transition: border-color 0.18s ease, color 0.18s ease, background 0.18s ease; } .pd-list .pd-list__btn:hover { border-color: var(--pdl-accent); color: var(--pdl-accent); } .pd-list .pd-list__btn:focus-visible { outline: 2px solid var(--pdl-accent); outline-offset: 2px; } .pd-list .pd-list__btn:disabled { opacity: 0.5; cursor: not-allowed; } .pd-list .pd-list__btn--primary, .pd-list .pd-list__btn--primary:hover, .pd-list .pd-list__btn--primary:focus { background: var(--pdl-accent); border-color: var(--pdl-accent); color: #fff; } .pd-list .pd-list__btn--primary:hover { background: #1e3a8a; } .pd-list__pageinfo { font-size: 13px; color: var(--pdl-muted); } .pd-list__empty { padding: 24px; text-align: center; color: var(--pdl-muted); border: 1px dashed var(--pdl-border); border-radius: var(--pdl-radius); background: var(--pdl-bg-soft); } .pd-list__skelbar { display: inline-block; height: 14px; border-radius: 6px; background: linear-gradient(90deg, #eef1f4 25%, #f7f8fa 50%, #eef1f4 75%); background-size: 200% 100%; animation: pd-list-shimmer 1.2s ease-in-out infinite; } .pd-list__sectionhead .pd-list__skelbar { height: 16px; } @keyframes pd-list-shimmer { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } } .pd-list__drawer { position: fixed; inset: 0; z-index: 100000; } .pd-list__draweroverlay { position: absolute; inset: 0; background: rgba(15, 23, 42, 0.45); opacity: 0; transition: opacity 0.2s ease; } .pd-list__drawerpanel { position: absolute; top: 0; right: 0; bottom: 0; width: min(360px, 92vw); background: var(--pdl-bg); display: flex; flex-direction: column; transform: translateX(100%); transition: transform 0.2s ease; box-shadow: -8px 0 24px rgba(15, 23, 42, 0.15); } .pd-list__drawer.is-open .pd-list__draweroverlay { opacity: 1; } .pd-list__drawer.is-open .pd-list__drawerpanel { transform: translateX(0); } .pd-list__drawerhead { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 14px 16px; border-bottom: 1px solid var(--pdl-border); } .pd-list__drawertitle { margin: 0; padding: 0; font-size: 16px; line-height: 1.3; font-weight: 700; color: inherit; } .pd-list .pd-list__drawerclose, .pd-list .pd-list__drawerclose:hover, .pd-list .pd-list__drawerclose:focus { appearance: none; -webkit-appearance: none; border: 0; background: transparent; box-shadow: none; font-size: 26px; line-height: 1; padding: 2px 8px; color: var(--pdl-muted); cursor: pointer; transition: color 0.18s ease; } .pd-list .pd-list__drawerclose:hover { color: var(--pdl-text); } .pd-list .pd-list__drawerclose:focus-visible { outline: 2px solid var(--pdl-accent); outline-offset: 2px; } .pd-list__drawerbody { flex: 1; overflow-y: auto; padding: 16px; } .pd-list__drawerbody .pd-list__filters { grid-template-columns: 1fr; } .pd-list__drawerfoot { padding: 12px 16px; border-top: 1px solid var(--pdl-border); } .pd-list__drawerfoot .pd-list__btn--primary { width: 100%; } @media (max-width: 782px) { .pd-list .pd-list__filtertoggle { display: inline-flex; align-items: center; flex-shrink: 0; } .pd-list__toolbar { align-items: center; } .pd-list__toolbar .pd-list__orderfield { flex: 1; min-width: 0; } .pd-list__toolbar .pd-list__orderfield .pd-list__label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; } .pd-list .pd-list__select--order { width: 100%; min-width: 0; } .pd-list__row { flex-wrap: wrap; row-gap: 4px; } .pd-list .pd-list__title { flex-basis: 100%; order: 2; white-space: normal; } .pd-list__badge--type { order: 1; } .pd-list__rowmeta { order: 3; margin-left: auto; } } @media (prefers-reduced-motion: reduce) { .pd-list__skelbar { animation: none; } .pd-list__draweroverlay, .pd-list__drawerpanel, .pd-list * { transition: none !important; } }