@property --divider-effect-color{syntax:"<color>";inherits:false;initial-value:#0000}@property --divider-effect-opacity{syntax:"<number>";inherits:false;initial-value:.25}@property --divider-effect-size{syntax:"<length>";inherits:false;initial-value:1px}@property --divider-effect-length{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --glass-effect-blur{syntax:"<length>";inherits:false;initial-value:1em}@property --glass-effect-light-color{syntax:"<color>";inherits:false;initial-value:#0000}@property --glass-effect-light-power{syntax:"<number>";inherits:false;initial-value:.4}@property --glass-effect-light-rotation{syntax:"<angle>";inherits:false;initial-value:210deg}@property --glass-effect-dark-color{syntax:"<color>";inherits:false;initial-value:#0000}@property --glass-effect-dark-power{syntax:"<number>";inherits:false;initial-value:0}.gatePage .goalMedia{--primary:var(--secondary)}.goalCardWrapper .goalCardContent>.goalMedia{--goal-card-media-size:var(--goal-details-height,8.5em);width:var(--goal-card-media-size);height:var(--goal-card-media-size);aspect-ratio:1}.goalMedia{width:auto;height:var(--goal-details-height,auto);min-width:0;min-height:0;aspect-ratio:var(--goal-media-aspect-ratio,1);border-radius:var(--radius-md);background:var(--surface);transition:scale .3s var(--springEase);flex:none;align-self:stretch;position:relative;overflow:hidden}.goalMedia:not(.shapeMediaPreview):before{content:"";background:color-mix(in srgb,var(--background)80%,transparent);position:absolute;inset:0}.goalMedia.shapePreview{background:0 0;justify-content:center;align-items:center;display:flex}.goalMedia.canvasMedia{cursor:pointer}.goalMedia.canvasMedia .canvasPreviewWrapper{justify-content:center;align-items:center;display:flex}.goalMedia.canvasMedia .communityCanvas{width:min(100%,100%*var(--goal-media-aspect-ratio,1));height:min(100%,100%/var(--goal-media-aspect-ratio,1));aspect-ratio:var(--goal-media-aspect-ratio,1);flex:none;justify-content:center;align-items:center;margin:auto;display:flex}.goalMedia.canvasMedia .communityCanvas .drawSurface{margin:auto}.goalMedia.canvasMedia:hover .canvasExpandHint{opacity:1}.goalMedia.canvasMedia:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.goalMedia.canvasMedia .canvasPreviewWrapper{pointer-events:none;position:absolute;inset:0;overflow:hidden}.goalMedia.canvasMedia .canvasPreviewWrapper .communityCanvas .canvasProgress{display:none}.goalMedia.canvasMedia .canvasPreviewWrapper .communityCanvas .canvasWrapper{border-radius:0;width:100%;height:100%}.goalMedia.canvasMedia .canvasPreviewWrapper .communityCanvas .canvasWrapper canvas{width:100%!important;height:100%!important}.goalMedia.canvasMedia .canvasExpandHint{right:var(--spacing-xs);bottom:var(--spacing-xs);z-index:4;color:var(--text);background:color-mix(in srgb,var(--background)75%,transparent);border-radius:var(--radius-xs);opacity:0;backdrop-filter:blur(6px);justify-content:center;align-items:center;padding:.25em;transition:opacity .18s;display:flex;position:absolute}.goalMedia .mediaContainer{width:100%;height:100%;position:absolute;inset:0}.goalMedia .hourGlass{aspect-ratio:74/135;inset-block:0;max-width:100%;max-height:100%;display:block;position:absolute;left:50%;transform:translate(-50%);width:auto!important;height:100%!important}.goalMedia .hourGlass>div,.goalMedia .hourGlass canvas{width:100%!important;height:100%!important}.goalMedia.shapeMediaPreview .goalShapeProgress{width:min(100%,100%*var(--goal-media-aspect-ratio,1));height:min(100%,100%/var(--goal-media-aspect-ratio,1));aspect-ratio:var(--goal-media-aspect-ratio,1);inset-block:0;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.goalMedia.shapeMediaPreview .shapeProgressRenderer{aspect-ratio:inherit;width:auto!important;height:100%!important}.goalMedia.shapeMediaPreview .shapeProgressCanvas{max-width:100%;max-height:100%;aspect-ratio:inherit;width:auto!important;height:100%!important}.goalMedia .mediaImage{width:100%;height:100%;position:relative;overflow:hidden}.goalMedia .mediaImage img,.goalMedia .mediaImage canvas,.goalMedia .mediaImage .goalMediaSpoiler,.goalMedia .mediaImage .goalMediaSpoiler>.transition,.goalMedia .mediaImage .goalMediaSpoiler>div{width:100%;height:100%;display:block}.goalMedia .mediaImage img{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.goalMedia .mediaImage canvas{pointer-events:none;-webkit-user-select:none;user-select:none}.goalMedia .mediaImage .goalMediaSpoiler{border-radius:inherit;position:absolute;inset:0;overflow:hidden}.goalMedia .smartGridInner{gap:0!important}.goalMedia .smartGridInner .smartGridSlot{border-radius:0}.goalMedia .progressOverlay{z-index:2;backdrop-filter:blur(.5em);transition:height .4s;position:absolute;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000 50%,#0000 195%);mask-image:linear-gradient(#000 50%,#0000 195%)}.goalMedia .progressOverlay:after{content:"";background:repeating-linear-gradient(-60deg,color-mix(in srgb,var(--primary)55%,transparent),color-mix(in srgb,var(--primary)55%,transparent)1em,color-mix(in srgb,var(--primary)70%,transparent)1em,color-mix(in srgb,var(--primary)70%,transparent)2em);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 155%);mask-image:linear-gradient(#000 0%,#0000 155%)}.goalMedia .lockedOverlay{z-index:3;color:var(--text);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.goalMedia .percentBadge{top:var(--spacing-xs);left:var(--spacing-xs);z-index:4;font-family:var(--fontEng);font-size:var(--font-md);color:var(--text);background:0 0;font-weight:300;line-height:100%;position:absolute}.goalMedia .selectedBadge{bottom:var(--spacing-xs);left:var(--spacing-xs);z-index:4;min-width:1.8em;min-height:1.8em;font-family:var(--fontEng);color:var(--text);background:color-mix(in srgb,var(--primary)55%,transparent);border-radius:2em;justify-content:center;align-items:center;padding:0 .25em;font-weight:300;display:inline-flex;position:absolute;overflow:hidden}.goalMedia .selectedBadge:after{--glass-effect-blur:var(--glass-blur,1em);content:"";z-index:0;border-radius:inherit;corner-shape:inherit;background:var(--glass-backdrop-fill,#0000);-webkit-backdrop-filter:blur(var(--glass-effect-blur));pointer-events:none;backface-visibility:hidden;will-change:backdrop-filter,background,opacity;transition:--glass-effect-blur .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s,background .3s,opacity .3s;position:absolute;inset:0;transform:translateZ(0)}.goalMedia .selectedBadge:before{--glass-effect-light-color:var(--glass-light-color,var(--text));--glass-effect-light-power:var(--glass-light-power,.4);--glass-effect-light-rotation:var(--glass-light-rotation,210deg);--glass-effect-dark-color:var(--glass-dark-color,var(--background));--glass-effect-dark-power:var(--glass-dark-power,0);content:"";z-index:2;border-radius:inherit;corner-shape:inherit;pointer-events:none;-webkit-mask-composite:xor;will-change:background,opacity,transform;background:linear-gradient(var(--glass-effect-light-rotation),color-mix(in srgb,var(--glass-effect-light-color)calc(var(--glass-effect-light-power)*100%),transparent)-6.51%,color-mix(in srgb,var(--glass-effect-dark-color)calc(var(--glass-effect-dark-power)*100%),transparent)46.56%,color-mix(in srgb,var(--glass-effect-dark-color)calc(var(--glass-effect-dark-power)*100%),transparent)51.96%,color-mix(in srgb,var(--glass-effect-light-color)calc(var(--glass-effect-light-power)*100%),transparent)100%);-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;padding:1px;transition:--glass-effect-light-color .3s,--glass-effect-light-power .3s,--glass-effect-light-rotation .3s,--glass-effect-dark-color .3s,--glass-effect-dark-power .3s,opacity .3s,transform .3s,background .3s,background-image .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.goalMedia .selectedBadge .content-wrapper,.goalMedia .selectedBadge .contentWrapper,.goalMedia .selectedBadge .clickAnimWrapper{z-index:1;transition:opacity .3s,transform .3s;position:relative}.goalMedia .selectedBadge:disabled,.goalMedia .selectedBadge[disabled],.goalMedia .selectedBadge[aria-disabled=true]{--glass-light-power:.3}.goalMedia .selectedBadge:disabled .content-wrapper,.goalMedia .selectedBadge:disabled .contentWrapper,.goalMedia .selectedBadge[disabled] .content-wrapper,.goalMedia .selectedBadge[disabled] .contentWrapper,.goalMedia .selectedBadge[aria-disabled=true] .content-wrapper,.goalMedia .selectedBadge[aria-disabled=true] .contentWrapper{opacity:.4}.goalMedia .selectedBadge:after{background:color-mix(in srgb,var(--blacked)35%,transparent);backdrop-filter:blur(8px);z-index:-1}.goalMedia .moreBtn{--strokeWidth:2;z-index:4;background:0 0;position:absolute;bottom:0;left:0}