[data-v-6ac34ed8]:root{--book-shoot-height:104px}.sub-collections-panel[data-v-6ac34ed8]{width:100%;margin-bottom:12px}.section-header[data-v-6ac34ed8]{width:-moz-fit-content;width:fit-content;display:flex;align-items:center;justify-content:space-between;margin:8px 0 12px;cursor:pointer;padding:8px 12px;border-radius:8px;transition:background-color .2s ease}.section-header[data-v-6ac34ed8]:hover{background-color:var(--terziary-btn-color)}.section-title[data-v-6ac34ed8]{font-weight:700;color:var(--main-text-color);font-family:Inter,sans-serif;font-size:.875rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;align-items:center;gap:8px}.dropdown-arrow[data-v-6ac34ed8]{color:var(--secondary-text-color);transition:transform .2s ease}.sub-collections-scroll[data-v-6ac34ed8]{display:flex;gap:12px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}.sub-grid-item[data-v-6ac34ed8]{cursor:pointer;position:relative;overflow:hidden;transition:transform .3s ease;width:240px;height:140px;border-radius:6px;flex-shrink:0}.sub-grid-item:hover .sub-image-overlay[data-v-6ac34ed8]{opacity:1;pointer-events:auto}.sub-grid-image[data-v-6ac34ed8]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:6px;transition:filter .3s ease}.sub-image-overlay[data-v-6ac34ed8]{position:absolute;inset:0;background:rgba(0,0,0,.5);opacity:0;transition:opacity .3s ease;pointer-events:none;border-radius:6px;display:flex;flex-direction:column;justify-content:flex-end;box-sizing:border-box}.sub-image-name-container[data-v-6ac34ed8]{position:absolute;bottom:0;left:0;right:0;padding:8px 12px;background:linear-gradient(0deg,rgba(0,0,0,.7) 0,rgba(0,0,0,.3) 70%,transparent);pointer-events:auto;z-index:1;border-bottom-left-radius:6px;border-bottom-right-radius:6px;width:100%;box-sizing:border-box}.sub-image-name-display[data-v-6ac34ed8]{display:flex;align-items:center;justify-content:space-between;width:-moz-max-content;width:max-content;max-width:100%}.sub-image-name-text[data-v-6ac34ed8]{font-weight:700;color:var(--terziary-text-color);font-family:Inter,sans-serif;font-size:.875rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-align:left;opacity:1;text-shadow:0 1px 2px rgba(0,0,0,.5);padding-right:8px;width:100%;max-width:200px;min-width:0}