.little-baby-media-section{position:relative}.little-baby-media-library__background,.little-baby-media-library{background:var(--media-section-background, #f6f8ff)}.little-baby-media-library{display:block;color:var(--media-text-color, #25232b)}.little-baby-media-library__inner{width:100%;padding-block:var(--media-padding-top, 48px) var(--media-padding-bottom, 48px)}.little-baby-media-library__header{max-width:760px;margin-block-end:clamp(24px,4vw,40px)}.little-baby-media-library__header--left{margin-inline-end:auto;text-align:left}.little-baby-media-library__header--center{margin-inline:auto;text-align:center}.little-baby-media-library__header--right{margin-inline-start:auto;text-align:right}.little-baby-media-library__heading{margin:0;color:inherit;font-family:var(--font-heading--family, inherit);font-size:clamp(2.4rem,2rem + 1.5vw,4.2rem);font-weight:650;line-height:1.08;letter-spacing:-.025em}.little-baby-media-library__description{margin-block-start:12px;font-size:clamp(1.4rem,1.32rem + .25vw,1.7rem);line-height:1.55;opacity:.74}.little-baby-media-library__description>*{margin-block:0}.little-baby-media-library__grid{display:grid;grid-template-columns:repeat(var(--media-columns-desktop, 3),minmax(0,1fr));gap:var(--media-grid-gap, 16px)}.little-baby-media-card{min-width:0}.little-baby-media-card__button{display:flex;width:100%;height:100%;flex-direction:column;padding:0;overflow:hidden;color:inherit;text-align:left;background:var(--media-card-background, #fff);border:1px solid rgb(36 33 43 / 10%);border-radius:var(--media-card-radius, 16px);box-shadow:0 5px 20px #24212b12;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;-webkit-tap-highlight-color:transparent}.little-baby-media-card__button:hover{border-color:color-mix(in srgb,var(--media-accent-color, #6956d9) 38%,transparent);box-shadow:0 14px 32px #24212b21;transform:translateY(-3px)}.little-baby-media-card__button:focus-visible{outline:3px solid color-mix(in srgb,var(--media-accent-color, #6956d9) 52%,white);outline-offset:3px}.little-baby-media-card__button:disabled{cursor:not-allowed;opacity:.68}.little-baby-media-card__button:disabled:hover{box-shadow:0 5px 20px #24212b12;transform:none}.little-baby-media-card__cover{position:relative;display:block;width:100%;overflow:hidden;background:color-mix(in srgb,var(--media-accent-color, #6956d9) 9%,white)}.little-baby-media-card__cover--video{aspect-ratio:16 / 10}.little-baby-media-card__cover--audio{aspect-ratio:1 / 1}.little-baby-media-card__image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s cubic-bezier(.2,.65,.3,1)}.little-baby-media-card__button:hover .little-baby-media-card__image{transform:scale(1.025)}.little-baby-media-card__placeholder{display:grid;width:100%;height:100%;color:var(--media-accent-color, #6956d9);place-items:center}.little-baby-media-card__placeholder svg{width:min(38%,110px);height:auto}.little-baby-media-card__badge{position:absolute;inset-block-start:12px;inset-inline-start:12px;z-index:2;max-width:calc(100% - 68px);padding:6px 10px;overflow:hidden;color:var(--media-button-text-color, #fff);font-size:1.15rem;font-weight:650;line-height:1.1;text-overflow:ellipsis;white-space:nowrap;background:var(--media-accent-color, #6956d9);border-radius:999px;box-shadow:0 4px 14px #0000001f}.little-baby-media-card__play{position:absolute;inset:50% auto auto 50%;display:grid;width:clamp(44px,5vw,62px);height:clamp(44px,5vw,62px);color:var(--media-button-text-color, #fff);background:color-mix(in srgb,var(--media-accent-color, #6956d9) 92%,transparent);border:2px solid rgb(255 255 255 / 65%);border-radius:50%;box-shadow:0 8px 24px #0003;place-items:center;transform:translate(-50%,-50%);transition:transform .18s ease}.little-baby-media-card__button:hover .little-baby-media-card__play{transform:translate(-50%,-50%) scale(1.07)}.little-baby-media-card__play svg{width:42%;height:42%;margin-inline-start:4%}.little-baby-media-card__play--audio svg{width:46%;height:46%;margin-inline-start:0}.little-baby-media-card__duration{position:absolute;inset-inline-end:10px;inset-block-end:10px;padding:4px 7px;color:#fff;font-size:1.1rem;font-variant-numeric:tabular-nums;background:#110f14c2;border-radius:6px}.little-baby-media-card__content{display:flex;width:100%;flex:1;flex-direction:column;padding:clamp(14px,1.4vw,20px)}.little-baby-media-card__title{display:-webkit-box;overflow:hidden;font-family:var(--font-heading--family, inherit);font-size:clamp(1.55rem,1.42rem + .35vw,1.95rem);font-weight:650;line-height:1.24;letter-spacing:-.01em;-webkit-box-orient:vertical;-webkit-line-clamp:2}.little-baby-media-card__text{display:-webkit-box;margin-block-start:7px;overflow:hidden;font-size:1.35rem;line-height:1.42;opacity:.68;-webkit-box-orient:vertical;-webkit-line-clamp:2}.little-baby-media-card__link{display:inline-flex;align-items:center;align-self:flex-start;margin-block-start:15px;color:var(--media-accent-color, #6956d9);font-size:1.35rem;font-weight:650;gap:5px}.little-baby-media-card__link svg{width:17px;height:17px;transition:transform .16s ease}.little-baby-media-card__button:hover .little-baby-media-card__link svg{transform:translate(3px)}.little-baby-media-card__editor-note,.little-baby-media-library__empty{padding:10px 12px;margin:10px 0 0;color:#704a1e;font-size:1.25rem;line-height:1.4;background:#fff4d8;border:1px solid #efd597;border-radius:8px}.little-baby-media-library__empty{max-width:660px;margin-inline:auto;text-align:center}body.little-baby-media-dialog-open{overflow:hidden}.little-baby-media-dialog{width:min(1100px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;margin:auto;overflow:hidden;color:#24212a;background:#111014;border:0;border-radius:18px;box-shadow:0 28px 90px #120e186b}.little-baby-media-dialog--audio{width:min(560px,calc(100vw - 32px));background:var(--media-card-background, #fff)}.little-baby-media-dialog[open]{animation:little-baby-media-dialog-in .18s ease-out}.little-baby-media-dialog::backdrop{background:#131018b8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.little-baby-media-dialog__panel{display:grid;width:100%;min-height:0;grid-template-rows:auto minmax(0,1fr)}.little-baby-media-dialog__header{z-index:3;display:flex;min-height:68px;align-items:center;justify-content:space-between;padding:11px 14px 11px 21px;color:#25212a;background:#fff;border-block-end:1px solid rgb(36 33 43 / 10%);gap:12px}.little-baby-media-dialog__heading-group{min-width:0}.little-baby-media-dialog__eyebrow{display:block;margin-block-end:2px;color:var(--media-accent-color, #6956d9);font-size:1.05rem;font-weight:700;line-height:1.1;letter-spacing:.08em;text-transform:uppercase}.little-baby-media-dialog__title{margin:0;overflow:hidden;color:inherit;font-family:var(--font-heading--family, inherit);font-size:clamp(1.55rem,1.4rem + .35vw,2rem);font-weight:650;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.little-baby-media-dialog__actions{display:flex;flex:0 0 auto;align-items:center;gap:7px}.little-baby-media-dialog__button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;padding:8px 12px;color:#3c3542;font:inherit;font-size:1.25rem;font-weight:650;background:#fff;border:1px solid rgb(36 33 43 / 16%);border-radius:10px;cursor:pointer;gap:6px;-webkit-tap-highlight-color:transparent}.little-baby-media-dialog__button:hover{background:#f6f3f8}.little-baby-media-dialog__button:focus-visible,.little-baby-audio-player:focus-visible{outline:3px solid color-mix(in srgb,var(--media-accent-color, #6956d9) 48%,white);outline-offset:2px}.little-baby-media-dialog__button svg{width:20px;height:20px}.little-baby-media-dialog__close{width:42px;padding:8px;color:var(--media-button-text-color, #fff);background:var(--media-accent-color, #6956d9);border-color:transparent}.little-baby-media-dialog__close:hover{color:var(--media-button-text-color, #fff);background:color-mix(in srgb,var(--media-accent-color, #6956d9) 87%,black)}.little-baby-video-player-host{position:relative;display:grid;width:100%;max-height:calc(100dvh - 100px);overflow:hidden;aspect-ratio:16 / 9;background:#09080b;place-items:center}.little-baby-video-player-host video,.little-baby-video-player-host iframe{display:block;width:100%;height:100%;background:#000;border:0;object-fit:contain}.little-baby-video-player-host:empty:after{content:"Video haz\131rlan\131yor\2026";color:#ffffffb3;font-size:1.35rem}.little-baby-video-dialog__status{padding:11px 18px;margin:0;color:#fff;font-size:1.25rem;line-height:1.4;text-align:center;background:#3d2830}.little-baby-video-dialog__status[hidden]{display:none}.little-baby-audio-dialog__body{display:grid;padding:24px;background:var(--media-card-background, #fff);gap:20px}.little-baby-audio-dialog__cover-wrap{position:relative;width:min(100%,360px);overflow:hidden;aspect-ratio:1 / 1;margin-inline:auto;color:var(--media-accent-color, #6956d9);background:color-mix(in srgb,var(--media-accent-color, #6956d9) 9%,white);border-radius:calc(var(--media-card-radius, 16px) + 2px);box-shadow:0 12px 35px #24212b26}.little-baby-audio-dialog__cover{display:block;width:100%;height:100%;object-fit:cover}.little-baby-audio-dialog__placeholder{display:grid;width:100%;height:100%;place-items:center}.little-baby-audio-dialog__placeholder svg{width:38%;height:auto}.little-baby-audio-dialog__description{max-width:440px;margin:-4px auto 0;color:var(--media-text-color, #25232b);font-size:1.35rem;line-height:1.5;text-align:center;opacity:.72}.little-baby-audio-player{display:block;width:100%;height:48px;color-scheme:light;accent-color:var(--media-accent-color, #6956d9)}.little-baby-audio-dialog__status{min-height:1.4em;margin:-8px 0 0;color:#70501e;font-size:1.2rem;line-height:1.4;text-align:center}.little-baby-audio-dialog__status:empty{display:none}@keyframes little-baby-media-dialog-in{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}@media screen and (max-width:749px){.little-baby-media-library__inner{padding-block:min(var(--media-padding-top, 48px),48px) min(var(--media-padding-bottom, 48px),48px)}.little-baby-media-library__grid{grid-template-columns:repeat(var(--media-columns-mobile, 2),minmax(0,1fr))}.little-baby-media-card__content{padding:clamp(10px,3vw,15px)}.little-baby-media-card__badge{inset-block-start:8px;inset-inline-start:8px;max-width:calc(100% - 38px);padding:5px 8px;font-size:1rem}.little-baby-media-card__text{font-size:1.2rem}.little-baby-media-card__link{margin-block-start:10px;font-size:1.2rem}.little-baby-media-dialog--video{width:100vw;height:100dvh;max-height:none;border-radius:0}.little-baby-media-dialog--video .little-baby-media-dialog__panel{height:100%}.little-baby-media-dialog__header{min-height:60px;padding:calc(8px + env(safe-area-inset-top)) 9px 8px 14px}.little-baby-media-dialog__eyebrow{display:none}.little-baby-video-player-host{height:100%;max-height:none;aspect-ratio:auto}.little-baby-media-dialog__sound-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;white-space:nowrap;border:0;clip:rect(0 0 0 0)}.little-baby-media-dialog__sound{width:42px;padding:8px}.little-baby-media-dialog--audio{width:min(100vw - 20px,560px);max-height:calc(100dvh - 20px)}.little-baby-audio-dialog__body{padding:16px;gap:15px}.little-baby-audio-dialog__cover-wrap{width:min(100%,48dvh)}}@media screen and (max-width:430px){.little-baby-media-library[style*="--media-columns-mobile: 3"] .little-baby-media-card__text,.little-baby-media-library[style*="--media-columns-mobile: 4"] .little-baby-media-card__text,.little-baby-media-library[style*="--media-columns-mobile: 3"] .little-baby-media-card__link,.little-baby-media-library[style*="--media-columns-mobile: 4"] .little-baby-media-card__link{display:none}.little-baby-media-library[style*="--media-columns-mobile: 3"] .little-baby-media-card__title,.little-baby-media-library[style*="--media-columns-mobile: 4"] .little-baby-media-card__title{font-size:1.12rem}.little-baby-media-library[style*="--media-columns-mobile: 4"] .little-baby-media-card__badge,.little-baby-media-library[style*="--media-columns-mobile: 4"] .little-baby-media-card__duration{display:none}.little-baby-media-library[style*="--media-columns-mobile: 4"] .little-baby-media-card__play{width:30px;height:30px}}@media(prefers-reduced-motion:reduce){.little-baby-media-card__button,.little-baby-media-card__image,.little-baby-media-card__play,.little-baby-media-card__link svg{transition:none}.little-baby-media-dialog[open]{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/little-baby-media-library.css.map */