.collections-item-nav-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-12);padding:var(--space-12) var(--space-16);background:var(--color-surface);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-16);flex-wrap:wrap}@media(max-width: 640px){.collections-item-nav-bar{flex-direction:column;gap:var(--space-2)}}.collections-item-nav-bar .collections-nav-toggle{flex:1;min-width:200px;display:flex;align-items:center;gap:var(--space-8);justify-content:flex-start}.collections-item-nav-bar .collections-nav-toggle .d-icon{flex-shrink:0}@media(max-width: 640px){.collections-item-nav-bar .collections-nav-toggle{width:100%;justify-content:center}}.collections-item-nav-bar .collections-quick-nav{display:flex;gap:var(--space-8);flex-shrink:0}@media(max-width: 640px){.collections-item-nav-bar .collections-quick-nav{width:100%;justify-content:center}}.collections-item-nav-bar .collections-nav-prev,.collections-item-nav-bar .collections-nav-next{display:flex;align-items:center;justify-content:center;border-radius:var(--radius-base);transition:all 150ms ease-out}.collections-item-nav-bar .collections-nav-prev:disabled,.collections-item-nav-bar .collections-nav-next:disabled{opacity:.5;cursor:not-allowed}.collections-item-nav-bar .collections-nav-prev:not(:disabled):hover,.collections-item-nav-bar .collections-nav-next:not(:disabled):hover{background:var(--color-secondary)}.collections-item-nav-bar .collections-nav-prev:focus-visible,.collections-item-nav-bar .collections-nav-next:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.collections-item-nav-bar .collections-nav-prev .d-icon,.collections-item-nav-bar .collections-nav-next .d-icon{font-size:var(--font-size-lg);margin:0}.collections-nav-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.6);z-index:9999;padding:var(--space-16);display:none;align-items:center;justify-content:center}.collections-nav-modal-overlay[style*="display: flex"]{display:flex}@media(prefers-reduced-motion: no-preference){.collections-nav-modal-overlay{animation:fadeIn 200ms ease-out}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.collections-nav-modal{background:var(--secondary) !important;border-radius:var(--d-border-radius);box-shadow:0 20px 60px rgba(0,0,0,.3);display:flex;flex-direction:column;width:100%;max-width:800px;height:90vh;overflow:hidden;padding:1em}@media(prefers-reduced-motion: no-preference){.collections-nav-modal{animation:slideUp 300ms ease-out}}@keyframes slideUp{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{padding:var(--space-20);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-16)}.modal-header .modal-title{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text);line-height:var(--line-height-tight)}.modal-header .modal-close-btn{background:rgba(0,0,0,0);border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--space-8);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all 150ms ease-out;flex-shrink:0}.modal-header .modal-close-btn:hover{background:var(--color-secondary);color:var(--color-text)}.modal-header .modal-close-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.modal-header .modal-close-btn .d-icon{font-size:var(--font-size-lg)}.modal-content{flex:1;overflow-y:auto;padding:0}.collection-items-list{list-style:none;margin:0;padding:0}.collection-items-list .collection-item{border-bottom:1px solid var(--color-border)}.collection-items-list .collection-item:last-child{border-bottom:none}.collection-items-list .collection-item-link{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2);color:var(--color-text);text-decoration:none;transition:all 150ms ease-out;border:none;text-align:left;font-family:inherit;font-size:inherit}.collection-items-list .collection-item-link:hover{color:var(--secondary);background:var(--tertiary);font-weight:var(--font-weight-semibold)}.collection-items-list .collection-item-link.active{color:var(--secondary);background:var(--tertiary);font-weight:var(--font-weight-semibold)}.collection-items-list .collection-item-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.collection-items-list .collection-item-link .item-number{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:32px;background:var(--color-border);border-radius:50%;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.collection-items-list .collection-item-link .item-title{flex:1;font-size:var(--font-size-base);color:var(--color-text);line-height:var(--line-height-normal)}.collection-items-list .collection-item-link .d-icon{flex-shrink:0;color:var(--color-success);font-size:var(--font-size-lg)}.modal-footer{padding:var(--space-16);border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;gap:var(--space-12)}.collections-modal-with-content{max-width:900px;height:90vh;background-color:var(--secondary) !important}@media(max-width: 1024px){.collections-modal-with-content{max-width:95vw}}.collections-modal-with-content .modal-header{padding:var(--space-16);border-bottom:1px solid var(--color-border)}.collections-modal-with-content .modal-body-split{display:flex;flex:1;overflow:hidden;gap:var(--space-2)}@media(max-width: 768px){.collections-modal-with-content .modal-body-split{flex-direction:column}}.collections-modal-with-content .modal-items-sidebar{flex:0 0 200px;border-right:1px solid var(--color-border);overflow-y:auto;transition:flex 300ms ease-out,opacity 300ms ease-out}.collections-modal-with-content .modal-items-sidebar.collapsed{flex:0 0 0;opacity:0;border-right:none;overflow:hidden}@media(max-width: 768px){.collections-modal-with-content .modal-items-sidebar{flex:0 0 150px;border-right:none;border-bottom:1px solid var(--color-border);display:none}.collections-modal-with-content .modal-items-sidebar.collapsed{flex:0 0 0;border-bottom:none}}.collections-modal-with-content .modal-content-area{flex:1;display:flex;flex-direction:column;overflow:hidden}.collections-modal-with-content .modal-content-area .content-header{padding:var(--space-16);border-bottom:1px solid var(--color-border);background:var(--color-surface);flex-shrink:0}.collections-modal-with-content .modal-content-area .content-header .content-title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text)}.collections-modal-with-content .modal-content-area .cooked-content{flex:1;overflow-y:auto;padding:var(--space-16);background-color:var(--secondary) !important}.modal-sidebar-toggle{background:rgba(0,0,0,0);border:none;color:var(--color-text);cursor:pointer;padding:var(--space-2);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all 150ms ease-out}.modal-sidebar-toggle:hover{background:var(--secondary)}.modal-sidebar-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.modal-sidebar-toggle .d-icon{font-size:var(--font-size-lg)}.modal-nav-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-12);padding:var(--space-16);border-top:1px solid var(--color-border);background:var(--secondary)}.modal-nav-footer .btn{flex:1}.modal-nav-footer .paging-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap}.modal-nav-footer .modal-content-prev,.modal-nav-footer .modal-content-next{display:flex;align-items:center;gap:var(--space-8);justify-content:center}.modal-nav-footer .modal-content-prev:disabled,.modal-nav-footer .modal-content-next:disabled{opacity:.5;cursor:not-allowed}.modal-header-content{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);min-width:0}.modal-header-content .modal-title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);line-height:var(--line-height-tight);text-align:center}.modal-header-content .collection-description{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center}.topic-slider-container{width:100%;overflow:hidden;border-bottom:1px solid var(--color-border)}.topic-slider-container.collapsed{display:none}.topic-slider{display:flex;gap:var(--space-2);overflow-x:auto;scroll-behavior:smooth;padding:var(--space-2);-webkit-overflow-scrolling:touch}.topic-slider::-webkit-scrollbar{height:4px}.topic-slider::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.topic-slider::-webkit-scrollbar-thumb{background:var(--secondary);border-radius:2px}.topic-slider .slider-item{flex:0 0 auto;padding:var(--space-2) var(--space-3);background:rgba(0,0,0,0);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;font-size:var(--font-size-sm);white-space:nowrap;transition:all 150ms ease-out}.topic-slider .slider-item:hover{color:var(--secondary) !important;background:var(--tertiary) !important}.topic-slider .slider-item.active{color:var(--secondary) !important;background:var(--tertiary) !important}.topic-slider .slider-item:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media(max-width: 768px){.modal-items-sidebar .collection-items-list{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:0}.modal-items-sidebar .collection-item{flex:0 0 80px;border-bottom:none;border-right:1px solid var(--color-border)}.modal-items-sidebar .collection-item-link{flex-direction:column;padding:var(--space-2);font-size:var(--font-size-xs)}.modal-items-sidebar .item-title{display:none}.cooked-content{padding:var(--space-6)}}@media(prefers-color-scheme: dark){.collections-item-nav-bar{background:var(--color-surface)}.collection-item-link:hover{background:hsla(0,0%,100%,.05)}}@media(prefers-contrast: more){.collections-nav-prev,.collections-nav-next{border:1px solid currentColor}.modal-close-btn{border:1px solid currentColor}.collection-item-link{border-left:3px solid rgba(0,0,0,0)}.active .collection-item-link{border-left-color:var(--color-success)}}@media print{.collections-item-nav-bar,.collections-nav-modal-overlay,.collections-nav-modal{display:none}}@media(prefers-reduced-motion: reduce){.topic-slider,.modal-items-sidebar,.collection-item-link,.slider-item{scroll-behavior:auto !important;transition:none !important;animation:none !important}}.modal-paging{display:flex;align-items:center;justify-content:center;padding:0 var(--space-12)}.collections-nav-toggle .nav-text,.modal-title,.slider-item,.item-title,.item-number,.content-title,.paging-text{color:var(--primary);opacity:1;visibility:visible}.cooked-content.external-url-content-wrapper{overflow-y:hidden !important}.external-url-header{flex-shrink:0;display:flex;display:none;justify-content:space-between;align-items:center;padding:var(--space-12) var(--space-16);background:var(--color-surface-low);border-bottom:1px solid var(--color-border)}.external-url-header h4{margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.external-url-header h4 a{color:var(--primary);text-decoration:none;word-break:break-all;font-family:var(--font-family-monospace);font-size:var(--font-size-sm)}.external-url-header h4 a:hover{text-decoration:underline}.external-url-header h4 a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.external-url-header h4 a .d-icon{font-size:var(--font-size-xs);opacity:.7}.iframe-container{flex:1;position:relative;min-height:0;position:relative;visibility:hidden}.iframe-loading{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);padding:var(--space-16);background:rgba(var(--color-background), 0.98);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text-secondary);font-style:italic;z-index:10;text-align:center;box-shadow:0 8px 24px rgba(0,0,0,.15)}.iframe-loading::after{content:"";display:block;width:36px;height:36px;margin:var(--space-12) auto 0;border:3px solid var(--primary-low);border-top-color:var(--primary);border-radius:50%;animation:spinner 1s linear infinite}.external-topic-iframe{width:100%;height:100%;border:none;border-radius:0 0 var(--radius-sm) var(--radius-sm);background:var(--secondary);overflow:auto}.iframe-error{flex:1;padding:var(--space-24);text-align:center;display:flex !important;flex-direction:column;justify-content:center;align-items:center;gap:var(--space-12);background:var(--tertiary);border:2px solid var(--color-border-danger);border-radius:var(--radius-base)}.iframe-error p{margin:0;color:var(--color-text-secondary)}.iframe-error p:first-child{font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);color:var(--color-danger)}.iframe-error .btn{margin:0;padding:var(--space-8) var(--space-16);max-width:220px}.iframe-error .btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.external-url-content.iframe-loaded .iframe-error{display:none !important}.collections-nav-modal.external-url-active .modal-body-split,.collections-nav-modal.external-url-active .modal-content-area{overflow:hidden}.collection-item-link.external-link .d-icon-external-link-alt{font-size:var(--font-size-sm);color:var(--tertiary);margin-left:auto}.content-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-12)}.content-header .content-header-actions{display:flex;display:none;gap:var(--space-8)}.content-header .content-header-actions .btn{gap:var(--space-4);color:var(--d-button-primary-text-color)}@keyframes spinner{to{transform:translate(-50%, -50%) rotate(360deg)}}.collections-external-link-button{display:inline-flex;align-items:center;justify-content:center;inline-size:2rem;block-size:2rem;margin-inline-start:.35rem;border-radius:999px;color:var(--tertiary);text-decoration:none;vertical-align:middle;line-height:1;transform:translate3d(0, 0, 0) scale(1);transform-origin:center;transition:transform .18s cubic-bezier(0.16, 1, 0.3, 1),box-shadow .18s cubic-bezier(0.16, 1, 0.3, 1),color .18s cubic-bezier(0.16, 1, 0.3, 1),background-color .18s cubic-bezier(0.16, 1, 0.3, 1);position:relative;z-index:1}.collections-external-link-button .svg-icon,.collections-external-link-button .d-icon,.collections-external-link-button svg{pointer-events:none}.collections-external-link-button:hover,.collections-external-link-button:focus-visible{transform:translate3d(3px, -3px, 0) scale(1.08);box-shadow:0 7px 18px rgba(0,0,0,.18);background-color:var(--primary-low);background-color:var(--hover-shadow);color:var(--tertiary-hover, var(--tertiary));color:var(--success, var(--tertiary));z-index:2}.collections-external-link-button:active{transform:translate3d(1px, -1px, 0) scale(0.98);box-shadow:0 2px 8px rgba(0,0,0,.14)}.collections-external-link-button.in-slider{inline-size:1.85rem;block-size:1.85rem;margin-inline-start:.45rem;background:var(--hover-shadow)}a.collections-external-link-button.in-slider{background:var(--hover-shadow)}.collections-external-link-button.in-sidebar{margin-inline-start:auto;flex:0 0 auto}a.collections-external-link-button.in-sidebar{background:var(--hover-shadow)}.collection-item-link{display:flex;align-items:center;gap:.45rem}.collection-item-link .item-title{min-width:0;flex:1 1 auto}.slider-item{display:inline-flex;align-items:center}.slider-item .slider-item-title{display:inline-block}.external-url-link{display:inline-flex;align-items:center;gap:.35rem}.collections-open-external-button{display:inline-flex;align-items:center;gap:.45rem}.content-header-actions .collections-open-external-button .svg-icon,.content-header-actions .collections-open-external-button .d-icon,.content-header-actions .collections-open-external-button svg{flex:0 0 auto}@media(prefers-reduced-motion: reduce){.collections-external-link-button{transition:color .12s ease,background-color .12s ease,box-shadow .12s ease;transform:none !important}.collections-external-link-button:hover,.collections-external-link-button:focus-visible,.collections-external-link-button:active{transform:none !important}}
/*# sourceMappingURL=common_theme_269_931f51143cc474463018ca46e4f928b3d3fa586e.css.map?__ws=discourse.pub */