html body .diab-gift:is(.diab-gift,#dg-specificity){--dg-accent:#e3c693;--dg-bg:#1c1d21;--dg-text:#f5f5f7;--dg-muted:#bfc1c8;color:var(--dg-text);font:400 16px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:24px 0;min-width:0;color-scheme:dark}html body .diab-gift:is(.diab-gift,#dg-specificity)[data-occasion=birthday]{--dg-accent:#8fdfd0}html body .diab-gift:is(.diab-gift,#dg-specificity)[data-occasion=baptism]{--dg-accent:#e9ccb0}html body .diab-gift:is(.diab-gift,#dg-specificity)[data-occasion=christmas]{--dg-accent:#e77e89}html body .diab-gift:is(.diab-gift,#dg-specificity)[data-occasion=incentives]{--dg-accent:#c79aa6}html body .diab-gift:is(.diab-gift,#dg-specificity) *{box-sizing:border-box}html body .diab-gift:is(.diab-gift,#dg-specificity) button,html body .diab-gift:is(.diab-gift,#dg-specificity) a{font:inherit;letter-spacing:normal;text-transform:none;box-shadow:none;cursor:pointer}html body .diab-gift:is(.diab-gift,#dg-specificity) button:before,html body .diab-gift:is(.diab-gift,#dg-specificity) button:after{display:none}html body .diab-gift:is(.diab-gift,#dg-specificity) :focus-visible{outline:3px solid var(--dg-accent);outline-offset:4px}html body .diab-gift:is(.diab-gift,#dg-specificity) .dg-strip{display:grid;grid-template-columns:minmax(210px,1fr) minmax(250px,1.15fr) auto;align-items:center;gap:24px;padding:24px 30px;min-height:196px;border:1px solid #393b42;border-radius:20px;background:radial-gradient(ellipse at 53% 90%,#303136 0%,transparent 62%),var(--dg-bg)}html body .diab-gift:is(.diab-gift,#dg-specificity) .dg-copy h2{color:var(--dg-text);font:650 clamp(21px,2vw,27px)/1.18 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.035em;margin:0 0 10px;max-width:320px}html body .diab-gift:is(.diab-gift,#dg-specificity) .dg-copy p{color:var(--dg-muted);font-size:14px;line-height:1.5;margin:0;max-width:290px}html body .diab-gift:is(.diab-gift,#dg-specificity) .dg-montage{display:flex;align-items:center;justify-content:center;height:150px;min-width:0;padding:6px}html body .diab-gift:is(.diab-gift,#dg-specificity) .dg-montage img{display:block;flex:0 1 27%;min-width:0;width:27%;height:130px;object-fit:contain;filter:drop-shadow(0 8px 6px #0005)}html body .diab-gift:is(.diab-gift,#dg-specificity) .dg-montage img:nth-child(1){transform:rotate(-5deg);z-index:2}html body .diab-gift:is(.diab-gift,#dg-specificity) .dg-montage img:nth-child(2){transform:translate(-5px,12px) rotate(5deg);z-index:1}html body .diab-gift:is(.diab-gift,#dg-specificity) .dg-montage img:nth-child(3){transform:translate(-7px,-1px) rotate(-6deg);height:104px}html body .diab-gift:is(.diab-gift,#dg-specificity) .dg-montage img:nth-child(4){transform:translate(-7px,4px) rotate(6deg);height:116px}html body .diab-gift:is(.diab-gift,#dg-specificity) .dg-open{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:46px;padding:10px 18px;border:1px solid var(--dg-accent);border-radius:30px;background:transparent;color:var(--dg-accent);font-size:14px;font-weight:600;white-space:nowrap}html body .diab-gift:is(.diab-gift,#dg-specificity) .dg-open:hover{background:#ffffff0d}html body .diab-gift:is(.diab-gift,#dg-specificity) .dg-dialog{position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;width:min(1060px,calc(100% - 32px));max-width:none;max-height:90dvh;padding:0;border:1px solid #45464d;border-radius:22px;background:var(--dg-bg);color:var(--dg-text);overflow:auto;overscroll-behavior:contain}html body .diab-gift:is(.diab-gift,#dg-specificity) .dg-dialog:not([open]){display:none}html body .diab-gift:is(.diab-gift,#dg-specificity) .dg-dialog::backdrop{background:#050608c9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}html body .diab-gift:is(.diab-gift,#dg-specificity) .dg-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 28px;background:var(--dg-bg);border-bottom:1px solid #3b3d44;position:sticky;top:0;z-index:4}html body .diab-gift:is(.diab-gift,#dg-specificity) .dg-kicker{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--dg-accent);margin:0 0 5px}html body .diab-gift:is(.diab-gift,#dg-specificity) .dg-header h2{font-size:25px;line-height:1.2;letter-spacing:-.025em;color:var(--dg-text);margin:0}html body .diab-gift:is(.diab-gift,#dg-specificity) .dg-close{display:grid;place-items:center;flex:none;width:44px;height:44px;min-height:44px;padding:0;border:1px solid #73757c;border-radius:50%;background:transparent;color:var(--dg-text);font-size:28px;line-height:1}html body .diab-gift:is(.diab-gift,#dg-specificity) .dg-overview,html body .diab-gift:is(.diab-gift,#dg-specificity) .dg-detail{padding:22px 28px 30px}html body .diab-gift:is(.diab-gift,#dg-specificity) [hidden]{display:none!important}html body .diab-gift:is(.diab-gift,#dg-specificity) .dg-note{color:var(--dg-muted);font-size:13px;line-height:1.6;margin:0 0 20px;max-width:830px}html body .diab-gift:is(.diab-gift,#dg-specificity) .dg-jump{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 26px}html body .diab-gift:is(.diab-gift,#dg-specificity) .dg-jump a{display:flex;gap:14px;align-items:center;min-height:44px;padding:8px 16px;border:1px solid #55565c;border-radius:25px;font-size:14px;color:var(--dg-accent);text-decoration:none}html body .diab-gift:is(.diab-gift,#dg-specificity) .dg-jump span{color:var(--dg-muted);font-size:12px}html body .diab-gift:is(.diab-gift,#dg-specificity) .dg-group{scroll-margin-top:120px;margin:0 0 34px}html body .diab-gift:is(.diab-gift,#dg-specificity) .dg-group:last-child{margin-bottom:0}html body .diab-gift:is(.diab-gift,#dg-specificity) .dg-group h3{font-size:21px;line-height:1.3;color:var(--dg-text);margin:0 0 16px;letter-spacing:-.025em}html body .diab-gift:is(.diab-gift,#dg-specificity) .dg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 18px}html body .diab-gift:is(.diab-gift,#dg-specificity) .dg-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}html body .diab-gift:is(.diab-gift,#dg-specificity) figure{min-width:0;margin:0}html body .diab-gift:is(.diab-gift,#dg-specificity) .dg-item{display:flex;align-items:center;justify-content:center;width:100%;height:190px;padding:15px;border:1px solid #36383e;border-radius:14px;background:radial-gradient(ellipse at center,#34363c,#23252a);cursor:zoom-in}html body .diab-gift:is(.diab-gift,#dg-specificity) .dg-card-grid .dg-item{height:205px;background:#24262b}html body .diab-gift:is(.diab-gift,#dg-specificity) .dg-item img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}html body .diab-gift:is(.diab-gift,#dg-specificity) figcaption{color:var(--dg-muted);font-size:13px;line-height:1.4;margin-top:9px}html body .diab-gift:is(.diab-gift,#dg-specificity) .dg-back{display:inline-flex;align-items:center;min-height:44px;color:var(--dg-accent);background:transparent;border:0;padding:8px 0;margin-bottom:12px}html body .diab-gift:is(.diab-gift,#dg-specificity) .dg-detail figure{text-align:center}html body .diab-gift:is(.diab-gift,#dg-specificity) .dg-detail img{display:block;width:auto;height:auto;max-width:100%;max-height:58dvh;object-fit:contain;margin:auto}html body .diab-gift:is(.diab-gift,#dg-specificity) .dg-detail figcaption{font-size:16px;color:var(--dg-text)}html body .dg-page-container{max-width:1200px;margin:36px auto;padding:0 24px}html body .diab-s-story-grid:has(+.diab-gift),html body .db-story-grid:has(+.diab-gift),html body .dc-story-grid:has(+.diab-gift),html body .dt-story-grid:has(+.diab-gift){grid-template-columns:1fr}html body .diab-s-story-grid:has(+.diab-gift) .diab-s-gift-story,html body .db-story-grid:has(+.diab-gift) .db-box-story,html body .dc-story-grid:has(+.diab-gift) .dc-box-story,html body .dt-story-grid:has(+.diab-gift) .dt-box-story{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:0}@media(max-width:1050px){html body .diab-gift:is(.diab-gift,#dg-specificity) .dg-strip{grid-template-columns:minmax(180px,1fr) minmax(210px,1fr);gap:8px 20px;padding:22px}html body .diab-gift:is(.diab-gift,#dg-specificity) .dg-copy{grid-column:1;grid-row:1}html body .diab-gift:is(.diab-gift,#dg-specificity) .dg-montage{grid-column:2;grid-row:1/3}html body .diab-gift:is(.diab-gift,#dg-specificity) .dg-open{grid-column:1;justify-self:start;grid-row:2}}@media(max-width:600px){html body .diab-gift:is(.diab-gift,#dg-specificity) .dg-strip{display:flex;flex-direction:column;gap:12px;padding:22px 18px;align-items:stretch}html body .diab-gift:is(.diab-gift,#dg-specificity) .dg-copy h2{max-width:290px;font-size:23px}html body .diab-gift:is(.diab-gift,#dg-specificity) .dg-copy p{max-width:none;font-size:13px}html body .diab-gift:is(.diab-gift,#dg-specificity) .dg-montage{height:120px;width:100%;max-width:340px;align-self:center}html body .diab-gift:is(.diab-gift,#dg-specificity) .dg-montage img{height:110px}html body .diab-gift:is(.diab-gift,#dg-specificity) .dg-montage img:nth-child(3){height:88px}html body .diab-gift:is(.diab-gift,#dg-specificity) .dg-montage img:nth-child(4){height:100px}html body .diab-gift:is(.diab-gift,#dg-specificity) .dg-open{align-self:flex-start;font-size:13px}html body .diab-gift:is(.diab-gift,#dg-specificity) .dg-dialog{width:calc(100% - 20px);max-height:92dvh;border-radius:16px}html body .diab-gift:is(.diab-gift,#dg-specificity) .dg-header{padding:16px;gap:12px}html body .diab-gift:is(.diab-gift,#dg-specificity) .dg-header h2{font-size:21px}html body .diab-gift:is(.diab-gift,#dg-specificity) .dg-overview,html body .diab-gift:is(.diab-gift,#dg-specificity) .dg-detail{padding:18px 16px 24px}html body .diab-gift:is(.diab-gift,#dg-specificity) .dg-grid,html body .diab-gift:is(.diab-gift,#dg-specificity) .dg-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}html body .diab-gift:is(.diab-gift,#dg-specificity) .dg-item,html body .diab-gift:is(.diab-gift,#dg-specificity) .dg-card-grid .dg-item{height:165px;padding:10px}html body .diab-gift:is(.diab-gift,#dg-specificity) .dg-jump{gap:8px}html body .diab-gift:is(.diab-gift,#dg-specificity) .dg-jump a{font-size:12px;padding:8px 12px;gap:8px}html body .diab-s-story-grid:has(+.diab-gift) .diab-s-gift-story,html body .db-story-grid:has(+.diab-gift) .db-box-story,html body .dc-story-grid:has(+.diab-gift) .dc-box-story,html body .dt-story-grid:has(+.diab-gift) .dt-box-story{grid-template-columns:1fr}}@media(forced-colors:active){html body .diab-gift:is(.diab-gift,#dg-specificity) .dg-open,html body .diab-gift:is(.diab-gift,#dg-specificity) .dg-item{border:1px solid ButtonText}html body .diab-gift:is(.diab-gift,#dg-specificity) .dg-strip{border:1px solid CanvasText}}@media(min-width:761px){html body #diab-silver .diab-s-story-grid .diab-s-gift-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;min-height:0}html body #diab-silver .diab-s-gift-story .diab-s-gift-visual{margin:0;min-width:0;height:auto;aspect-ratio:16/10}html body #diab-silver .diab-s-gift-story .diab-s-gift-visual img{display:block;width:100%;height:100%;object-fit:cover}html body #diab-silver .diab-s-gift-story .diab-s-gift-copy{padding:30px 36px;min-width:0}}html body .diab-gift:is(.diab-gift,#dg-specificity) img[src*="diab-gallery-rosa.webp"]{filter:contrast(1.1) saturate(1.55) brightness(.98) drop-shadow(0 5px 5px #0003)}html body .diab-gift:is(.diab-gift,#dg-specificity) img[src*="diab-gallery-tischbox.webp"],html body .diab-gift:is(.diab-gift,#dg-specificity) img[src*="diab-gallery-grosse-box.webp"]{filter:contrast(1.55) saturate(.3) brightness(.88) drop-shadow(0 5px 5px #0003)}html body .diab-gift:is(.diab-gift,#dg-specificity) .dg-box-static{cursor:default}html body #diab-birthday .db-story-grid{grid-template-columns:minmax(0,1fr)}html body #diab-birthday .db-story-grid .db-box-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;min-height:0}html body #diab-birthday .db-box-story>figure{margin:0;min-width:0;width:100%;height:100%;aspect-ratio:16/10}html body #diab-birthday .db-box-story>figure img{display:block;width:100%;height:100%;object-fit:cover}html body #diab-birthday .db-box-story .db-story-copy{padding:30px 36px;min-width:0}@media(max-width:760px){html body #diab-birthday .db-story-grid .db-box-story{grid-template-columns:minmax(0,1fr)}html body #diab-birthday .db-box-story .db-story-copy{padding:28px}}html body #diab-baptism .dt-story-grid{grid-template-columns:minmax(0,1fr)}html body #diab-baptism .dt-story-grid .dt-box-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;min-height:0}html body #diab-baptism .dt-box-story>figure{margin:0;min-width:0;width:100%;height:100%;aspect-ratio:16/10}html body #diab-baptism .dt-box-story>figure img{display:block;width:100%;height:100%;object-fit:cover}html body #diab-baptism .dt-box-story .dt-story-copy{padding:30px 36px;min-width:0}@media(max-width:760px){html body #diab-baptism .dt-story-grid .dt-box-story{grid-template-columns:minmax(0,1fr)}html body #diab-baptism .dt-box-story .dt-story-copy{padding:28px}}html body #diab-christmas .dc-story-grid{grid-template-columns:minmax(0,1fr)}html body #diab-christmas .dc-story-grid .dc-box-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;min-height:0}html body #diab-christmas .dc-box-story>figure{margin:0;min-width:0;width:100%;height:100%;aspect-ratio:16/10}html body #diab-christmas .dc-box-story>figure img{display:block;width:100%;height:100%;object-fit:cover}html body #diab-christmas .dc-box-story .dc-story-copy{padding:30px 36px;min-width:0}@media(max-width:760px){html body #diab-christmas .dc-story-grid .dc-box-story{grid-template-columns:minmax(0,1fr)}html body #diab-christmas .dc-box-story .dc-story-copy{padding:28px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/diab-gift-gallery.css.map */