/* Opt-in Gutenberg composition for the natal-chart SVG assets. */
body.fatidica-ui .fat-natal-showcase{--fat-natal-overlay-opacity:0;overflow:clip}
body.fatidica-ui .fat-natal-showcase__desktop{display:grid;grid-template-columns:minmax(0,11fr) minmax(0,9fr);align-items:start;gap:clamp(20px,4vw,64px);min-block-size:165svh}
body.fatidica-ui .fat-natal-showcase__chart,body.fatidica-ui .fat-natal-showcase__info{position:sticky;top:clamp(18px,8svh,84px);align-self:start;min-inline-size:0}
body.fatidica-ui .fat-natal-showcase__chart{aspect-ratio:1/1;overflow:hidden}
body.fatidica-ui .fat-natal-showcase__chart :is(.fat-natal-showcase__base,.fat-natal-showcase__overlay){position:absolute!important;inset:0;display:block!important;width:100%;height:100%;margin:0!important}
body.fatidica-ui .fat-natal-showcase__chart :is(.fat-natal-showcase__base,.fat-natal-showcase__overlay) :is(img,picture){display:block;width:100%;height:100%}
body.fatidica-ui .fat-natal-showcase__chart :is(.fat-natal-showcase__base,.fat-natal-showcase__overlay) img{object-fit:contain}
body.fatidica-ui .fat-natal-showcase__chart .fat-natal-showcase__overlay{z-index:1;opacity:var(--fat-natal-overlay-opacity);will-change:opacity}
body.fatidica-ui .fat-natal-showcase__info{display:grid;place-items:center}
body.fatidica-ui .fat-natal-showcase__explanation{display:block;width:100%;margin:0!important}
body.fatidica-ui .fat-natal-showcase__explanation img{display:block;width:100%;height:auto;max-block-size:calc(100svh - 2rem);object-fit:contain}
body.fatidica-ui .fat-natal-showcase__mobile{display:none}

@media (max-width:1024px){
body.fatidica-ui .fat-natal-showcase__desktop{display:none}
body.fatidica-ui .fat-natal-showcase__mobile{--fat-natal-mobile-peek:clamp(28px,10vw,44px);box-sizing:border-box;position:relative;display:block;width:100%;max-width:100%;padding-inline-start:max(0px,env(safe-area-inset-left));padding-inline-end:calc(var(--fat-natal-mobile-peek) + max(0px,env(safe-area-inset-right)));overflow:hidden;touch-action:pan-y}
body.fatidica-ui .fat-natal-showcase__mobile-stage{position:relative;width:100%;aspect-ratio:1/1;overflow:visible}
body.fatidica-ui .fat-natal-showcase__mobile-composition,body.fatidica-ui .fat-natal-showcase__mobile-explanation-card{position:absolute;inset:0;width:100%;height:100%;will-change:transform,opacity;transition:transform .72s cubic-bezier(.22,.72,.22,1),opacity .72s ease}
body.fatidica-ui .fat-natal-showcase__mobile-composition{z-index:1}
body.fatidica-ui .fat-natal-showcase__mobile-explanation-card{z-index:2;transform:translateX(calc(200% - (var(--fat-natal-mobile-peek) * 2)))}
body.fatidica-ui .fat-natal-showcase__mobile-card{box-sizing:border-box;position:absolute;inset:0;display:grid;place-items:center;padding:clamp(10px,3vw,18px);overflow:hidden;border:1px solid rgb(235 232 227 / .36);border-radius:clamp(16px,5vw,24px);background:rgb(28 30 32 / .72);box-shadow:0 18px 42px rgb(0 0 0 / .38),inset 0 1px 0 rgb(255 255 255 / .28),inset 0 -1px 0 rgb(0 0 0 / .46);-webkit-backdrop-filter:blur(10px) saturate(1.05);backdrop-filter:blur(10px) saturate(1.05)}
body.fatidica-ui .fat-natal-showcase__mobile-card :is(figure,picture,img){display:block;width:100%;height:100%;max-width:100%;max-height:100%;margin:0!important}
body.fatidica-ui .fat-natal-showcase__mobile-card img{object-fit:contain}
body.fatidica-ui .fat-natal-showcase__mobile-overlay-card{z-index:1;transform:translateX(calc(100% - var(--fat-natal-mobile-peek)));transition:transform .72s cubic-bezier(.22,.72,.22,1),border-color .32s ease,background-color .32s ease,box-shadow .32s ease,-webkit-backdrop-filter .32s ease,backdrop-filter .32s ease}
body.fatidica-ui .fat-natal-showcase[data-fat-natal-mobile-state="1"] .fat-natal-showcase__mobile-overlay-card,body.fatidica-ui .fat-natal-showcase[data-fat-natal-mobile-state="2"] .fat-natal-showcase__mobile-overlay-card{transform:translateX(0);border-color:transparent;background-color:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
body.fatidica-ui .fat-natal-showcase[data-fat-natal-mobile-state="1"] .fat-natal-showcase__mobile-explanation-card{transform:translateX(calc(100% - var(--fat-natal-mobile-peek)))}
body.fatidica-ui .fat-natal-showcase[data-fat-natal-mobile-state="2"] .fat-natal-showcase__mobile-composition{transform:translateX(calc(-100% + var(--fat-natal-mobile-peek)))}
body.fatidica-ui .fat-natal-showcase[data-fat-natal-mobile-state="2"] .fat-natal-showcase__mobile-explanation-card{transform:translateX(0)}
}

@media (prefers-reduced-motion:reduce){
body.fatidica-ui .fat-natal-showcase__chart .fat-natal-showcase__overlay{opacity:1}
body.fatidica-ui .fat-natal-showcase__mobile-composition,body.fatidica-ui .fat-natal-showcase__mobile-explanation-card,body.fatidica-ui .fat-natal-showcase__mobile-overlay-card{transition:none}
}