.bc-case-library{display:block;position:relative;color:#141414;font-family:var(--font-body--family,Arial,sans-serif)}.bc-case-library summary{display:flex;align-items:center;gap:7px;min-height:44px;list-style:none;cursor:pointer;font-size:13px;white-space:nowrap}.bc-case-library summary::-webkit-details-marker{display:none}.bc-case-library-count{font:10px/1.2 var(--bc-label-font,monospace);border:1px solid #bbb7af;border-radius:100%;padding:3px}.bc-case-library details[open]>summary>span:last-child{transform:rotate(45deg)}.bc-case-panel{position:fixed;top:var(--header-height,56px);left:max(16px,4vw);right:max(16px,4vw);max-height:min(70svh,580px);overflow-y:auto;overscroll-behavior:contain;background:#f2efe8;border:1px solid #bbb7af;box-shadow:0 20px 50px #0002;padding:24px;z-index:100;text-align:left}.bc-case-panel [hidden]{display:none!important}.bc-case-panel-top{display:flex;justify-content:space-between;align-items:center;gap:22px;border-bottom:1px solid #bbb7af;padding-bottom:20px;margin-bottom:10px}.bc-case-panel-top a{color:inherit;font-size:15px;text-decoration:none;min-height:44px;display:flex;align-items:center}.bc-case-panel-top label{display:flex;align-items:center;gap:12px;font:11px/1.4 var(--bc-label-font,monospace)}.bc-case-panel input{width:220px;max-width:100%;min-height:44px;background:#fff8;border:1px solid #bbb7af;border-radius:0;color:#141414;font:16px/1.5 var(--font-body--family,Arial,sans-serif);padding:8px 12px}.bc-case-panel .bc-case-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px;list-style:none;margin:0;padding:0}.bc-case-panel .bc-case-list li{min-width:0;border-bottom:1px solid #d4cfc5}.bc-case-panel .bc-case-list a{display:flex;align-items:center;gap:10px;min-height:52px;padding:10px 4px;color:#141414;font-size:15px;line-height:1.3;letter-spacing:0;text-transform:none;text-decoration:none}.bc-case-panel .bc-case-list a:hover,.bc-case-panel .bc-case-list a[aria-current=page]{background:#e4ff1a}.bc-case-panel .bc-case-list-number{font:10px/1.4 var(--bc-label-font,monospace);color:#68645c;flex:0 0 22px}.bc-case-panel .bc-case-list-arrow{margin-left:auto}.bc-case-library :focus-visible,.bc-case-pagination a:focus-visible{outline:3px solid #141414;outline-offset:3px;background:#e4ff1a;color:#141414}.bc-case-pagination{display:grid;grid-template-columns:1fr auto 1fr;gap:32px;padding:48px max(22px,4vw);border-block:1px solid #bbb7af;background:#f2efe8;color:#141414;font-family:var(--font-body--family,Arial,sans-serif)}.bc-case-pagination a{display:flex;flex-direction:column;gap:12px;min-height:44px;color:inherit;text-decoration:none;min-width:0}.bc-case-pagination a:last-child{text-align:right}.bc-case-pagination small{font:11px/1.5 var(--bc-label-font,monospace);text-transform:uppercase;letter-spacing:.07em}.bc-case-pagination strong{font-size:clamp(20px,2.5vw,36px);line-height:1.1;font-weight:500;overflow-wrap:anywhere}.bc-case-pagination .bc-case-pagination-all{align-self:center;font-size:13px}@media(max-width:749px){.bc-case-library--mobile{margin-block:18px;border-block:1px solid #bbb7af}.bc-case-library--mobile summary{font-size:24px;padding:14px 0}.bc-case-library--mobile .bc-case-panel{position:static;max-height:60svh;box-shadow:none;border:0;padding:0 0 20px;overflow:auto}.bc-case-panel-top,.bc-case-panel-top label{display:block}.bc-case-panel input{display:block;width:100%;margin-top:8px}.bc-case-panel .bc-case-list{grid-template-columns:1fr;gap:0}.bc-case-panel .bc-case-list a{font-size:17px!important;padding:12px 2px!important}.bc-case-pagination{grid-template-columns:1fr 1fr;gap:28px;padding-block:32px}.bc-case-pagination .bc-case-pagination-all{grid-column:1/-1;grid-row:2;text-align:center;align-items:center}}@media(min-width:750px)and (max-width:1000px){.bc-case-panel .bc-case-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.bc-case-panel .bc-case-list{grid-auto-flow:column;grid-template-rows:repeat(14,auto)}@media(max-width:749px){.bc-case-panel .bc-case-list{grid-auto-flow:row;grid-template-rows:none}}@media(min-width:750px)and (max-width:1000px){.bc-case-panel .bc-case-list{grid-template-rows:repeat(21,auto)}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/bc-case-library.css.map */