{"version":3,"file":"blocks-common.css","mappings":"AACA,mDACI,mBAGJ,yCACI,qBACA,mBAGJ,UACI,aACA,gBACA,qBACA,mBAIJ,qBACI,UAIJ,uBACI,wEACA,4CAGJ,kBACI,eACA,cAIJ,wBACI,UACA,2BACA,yEACA,4CAGJ,mBACI,KACI,UACA,2BAEJ,GACI,UACA,yBAKR,uBACI,UACA,qBACA,wEACA,4CAGJ,kBACI,KACI,UACA,qBAEJ,GACI,UACA,oBAKR,yBACI,UACA,wBACA,0EACA,4CAGJ,oBACI,KACI,UACA,wBAEJ,GACI,UACA,wBAKR,uBACI,UACA,0BACA,wEACA,4CAGJ,kBACI,KACI,UACA,0BAEJ,GACI,UACA,yBAIR,+BACI,0BAGJ,6BACI,0BAGJ,6BACI,yBAIJ,oBACI,WACA,YACA,eACA,kBACA,gBACA,4EAGA,uBACQ,eACR,kCACQ,wBACR,gCAGJ,cACI,GACI,yBAMA,8DACI,WACA,cACA,WACA,YACA,eACA,kBACA,gBACA,4EAGA,uBACQ,eACR,kCACQ,wBACR,gCAMZ,aACI,gBACA,kBACA,eACA,kBACA,YACA,iBACA,gBACA,iBACA,kBACA,iBACA,cAEA,oBACI,gBACA,YACA,WACA,MACA,OACA,kBAGJ,kBACI,gBACA,WACA,MACA,OACA,kBACA,kBAEA,yBACI,gBACA,MACA,kBACA,OACA,c","sources":["webpack://athemes-blocks/./assets/sass/blocks-common.scss"],"sourcesContent":["/* Spacing between blocks */\r\n:root :where(.is-layout-flow) > .at-block:last-child {\r\n    margin-block-end: 0;\r\n}\r\n\r\n:root :where(.is-layout-flow) > *.at-block {\r\n    margin-block-start: 0;\r\n    margin-block-end: 0;\r\n}\r\n\r\n.at-block {\r\n    margin-top: 0;\r\n    margin-bottom: 0;\r\n    margin-block-start: 0;\r\n    margin-block-end: 0;\r\n}\r\n\r\n/* Animation */\r\n[data-atb-animation] {\r\n    opacity: 0;\r\n}\r\n\r\n/* Fade In */\r\n.atb-animation-fade-in {\r\n    animation: fadeIn var(--animation-duration, 1000ms) ease-in-out forwards;\r\n    animation-delay: var(--animation-delay, 0ms);\r\n}\r\n\r\n@keyframes fadeIn {\r\n    from { opacity: 0; }\r\n    to { opacity: 1; }\r\n}\r\n\r\n/* Slide In */\r\n.atb-animation-slide-in {\r\n    opacity: 0;\r\n    transform: translateY(20px);\r\n    animation: slideIn var(--animation-duration, 1000ms) ease-in-out forwards;\r\n    animation-delay: var(--animation-delay, 0ms);\r\n}\r\n\r\n@keyframes slideIn {\r\n    from {\r\n        opacity: 0;\r\n        transform: translateY(20px);\r\n    }\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n/* Zoom In */\r\n.atb-animation-zoom-in {\r\n    opacity: 0;\r\n    transform: scale(0.8);\r\n    animation: zoomIn var(--animation-duration, 1000ms) ease-in-out forwards;\r\n    animation-delay: var(--animation-delay, 0ms);\r\n}\r\n\r\n@keyframes zoomIn {\r\n    from {\r\n        opacity: 0;\r\n        transform: scale(0.8);\r\n    }\r\n    to {\r\n        opacity: 1;\r\n        transform: scale(1);\r\n    }\r\n}\r\n\r\n/* Rotate In */\r\n.atb-animation-rotate-in {\r\n    opacity: 0;\r\n    transform: rotate(10deg);\r\n    animation: rotateIn var(--animation-duration, 1000ms) ease-in-out forwards;\r\n    animation-delay: var(--animation-delay, 0ms);\r\n}\r\n\r\n@keyframes rotateIn {\r\n    from {\r\n        opacity: 0;\r\n        transform: rotate(10deg);\r\n    }\r\n    to {\r\n        opacity: 1;\r\n        transform: rotate(0deg);\r\n    }\r\n}\r\n\r\n/* Flip In */\r\n.atb-animation-flip-in {\r\n    opacity: 0;\r\n    transform: rotateY(180deg);\r\n    animation: flipIn var(--animation-duration, 1000ms) ease-in-out forwards;\r\n    animation-delay: var(--animation-delay, 0ms);\r\n}\r\n\r\n@keyframes flipIn {\r\n    from {\r\n        opacity: 0;\r\n        transform: rotateY(180deg);\r\n    }\r\n    to {\r\n        opacity: 1;\r\n        transform: rotateY(0deg);\r\n    }\r\n}\r\n\r\n.atb-animation-duration-normal {\r\n    animation-duration: 1200ms;\r\n}\r\n\r\n.atb-animation-duration-slow {\r\n    animation-duration: 2000ms;\r\n}\r\n\r\n.atb-animation-duration-fast {\r\n    animation-duration: 750ms;\r\n}\r\n\r\n/* Spinner Loader */\r\n.atb-spinner-loader {\r\n    width: 20px;\r\n    padding: 3px;\r\n    aspect-ratio: 1;\r\n    border-radius: 50%;\r\n    background: #FFF;\r\n    --_m: \r\n      conic-gradient(#0000 10%,#000),\r\n      linear-gradient(#000 0 0) content-box;\r\n    -webkit-mask: var(--_m);\r\n            mask: var(--_m);\r\n    -webkit-mask-composite: source-out;\r\n            mask-composite: subtract;\r\n    animation: l3 1s infinite linear;\r\n}\r\n\r\n@keyframes l3 {\r\n    to {\r\n        transform: rotate(1turn)\r\n    }\r\n}\r\n\r\n.at-block-post-grid__button-button {\r\n    &.with-spinner-loader {\r\n        &:before {\r\n            content: '';\r\n            display: block;\r\n            width: 20px;\r\n            padding: 3px;\r\n            aspect-ratio: 1;\r\n            border-radius: 50%;\r\n            background: #FFF;\r\n            --_m: \r\n              conic-gradient(#0000 10%,#000),\r\n              linear-gradient(#000 0 0) content-box;\r\n            -webkit-mask: var(--_m);\r\n                    mask: var(--_m);\r\n            -webkit-mask-composite: source-out;\r\n                    mask-composite: subtract;\r\n            animation: l3 1s infinite linear;\r\n        }\r\n    }\r\n}\r\n\r\n// Star Rating.\r\n.star-rating {\r\n    overflow: hidden;\r\n    position: relative;\r\n    height: 1.618em;\r\n    line-height: 1.618;\r\n    width: 5.3em;\r\n    font-family: star;\r\n    font-weight: 400;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n    letter-spacing: 0;\r\n    color: #ffa441;\r\n\r\n    &:before {\r\n        content: \"SSSSS\";\r\n        opacity: .25;\r\n        float: left;\r\n        top: 0;\r\n        left: 0;\r\n        position: absolute;\r\n    }\r\n\r\n    span {\r\n        overflow: hidden;\r\n        float: left;\r\n        top: 0;\r\n        left: 0;\r\n        position: absolute;\r\n        padding-top: 1.5em;\r\n\r\n        &:before {\r\n            content: \"SSSSS\";\r\n            top: 0;\r\n            position: absolute;\r\n            left: 0;\r\n            color: #ffa441;\r\n        }\r\n    }\r\n}"],"names":[],"sourceRoot":""}