Link to article: Anthology 2023 CSS.
@import url('https://api.fonts.coollabs.io/css2?family=Newsreader:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://api.fonts.coollabs.io/css2?family=Victor+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://api.fonts.coollabs.io/css2?family=Schibsted+Grotesk:ital,wght@0,400;0,700;1,400;1,700&display=swap');
:root {
--header-font: 'Newsreader', Georgia, Palatino, serif;
--title-font: var(--header-font);
--mono-font: 'Victor Mono', monospace;
--body-font: 'Schibsted Grotesk', Inter, Verdana, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
--UI-font: var(--mono-font);
--logo-image: url(https://scp-wiki.wdfiles.com/local--files/anthology-2023-hub/anth23.png);
--header-title: "ANTHOLOGY 2023";
--header-height-on-desktop: calc(20.5rem + 4.25vw);
--header-height-on-mobile: var(--header-height-on-desktop);
--topbar-height-on-desktop: 2.75rem;
--topbar-height-on-mobile: var(--topbar-height-on-desktop);
--body-width-on-desktop: 65.75rem;
--bright-accent: 251,240,194;
--medium-accent: var(--bright-accent);
--dark-accent: 11,12,20;
--dark-gray-monochrome: 21,19,36;
--swatch-text-general: 252,252,252;
--swatch-text-light: var(--swatch-primary);
--modal-body-text: var(--swatch-text-general);
--gradient-topmenu-mobile: rgb(var(--swatch-primary-darkest));
--toggle-roundness: 0;
--toggle-icon-color: rgb(var(--bright-accent));
--toggle-border-color: var(--toggle-icon-color);
}
body {
background-image: url(https://scptestwiki.wdfiles.com/local--files/sigma%3Asytest3/fabtile2.jpg);
background-repeat: initial;
background-size: calc(7.25rem + 3.75vw);
background-position: center;
}
div#container-wrap {
background-image: linear-gradient(to right, rgb(var(--swatch-primary-darkest),.875), transparent 35%, transparent 65%, rgb(var(--swatch-primary-darkest),.875));
background-repeat: initial;
background-position: initial;
background-size: auto;
}
div#extra-div-1, div#extra-div-1::before { all: unset; }
#header {
--login-dropdown-bg-hover-color: var(--gray-monochrome);
}
#header::before {
top: 0;
background-position: center;
background-size: auto calc(var(--header-height-on-desktop) + 0.5rem);
opacity: 1;
}
#header h1 {
height: calc(var(--header-height-on-desktop) - var(--topbar-height)*5);
margin-top: calc(var(--topbar-height)*5);
}
#header h1 a::before { all: unset; }
#header h1 a::after {
text-shadow: 0 0 0.75rem rgb(var(--swatch-primary-darkest),0.75);
}
#header h2 {
display: none;
}
#extrac-div-1, #extrac-div-2 {
height: calc(var(--header-height-on-desktop) + var(--topbar-height-on-desktop));
}
#extrac-div-1 {
--corner-deco: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 232.3 121.3'%3E%3Cpath d='M232.3 121.3V116l-1.2 1.2c-.9 1.1-1.4 1.4-2 1.2-.6-.2-.7-.6-.5-2.8.5-3.9 2.3-8.1 3.6-8.9v-8.1a4 4 0 0 0-.8 1.6l-2.8 7.9c-.3 1-1.6-.7-2.3-3.3-.4-1.3-1.7-4.6-2.9-7.3-2.4-5.5-2.7-7.3-1.3-8.8 1-1 1.5-1.2 2.2-.5.6.6.2 1.6-.5 1.6s-.8 1-.1 1.4c1.2.7 3.4-1.9 3-3.5-.3-.9-2.2-2-3.6-2-1.5 0-3 1.6-3 3.4 0 1.5-.6 1.8-1.4.7-.7-.9-.7-6.4-.1-8.6.6-2 2.9-4.5 4.5-4.9 1-.2 1.4-.1 2.5 1.2 1.4 1.5 1.6 2.6.9 3.9-.6 1-2.6 1-3.2 0-.3-.6-.2-1 .2-1.6 1.2-1.6-.4-1.3-1.8.4-.5.6-.4.9.3 2.1 1.5 2.4 5 3 7 1.2a6.7 6.7 0 0 0-1.3-10.9c-4.7-2.4-10.7.3-12.5 5.8-.6 1.8-.2 6 .7 7.9.8 1.7.4 2.2-1.1 1.3a5 5 0 0 0-1.9-.7c-1.4 0-3.4-1.7-5.9-5.1-5-6.8-8.7-14.7-9.2-19.8a20 20 0 0 1 5.3-15.2c2.8-3 4.4-4 7.8-5.1 3.4-1 4.6-1 7.8.2 3.3 1.2 5.8 3 7.4 5.2a9 9 0 0 1-1.2 12.3c-1.7 1.6-2.2 1.9-3.6 1.9-1.9 0-3.4-.7-4.7-2.2-1.2-1.4-1.2-1.7.6-2.8.8-.5 1.8-1.2 2.1-1.6.5-.6.4-.8-.4-1.4-2.5-2-4.5-1.9-6.4.2-3.2 3.6-2.4 8.4 1.8 11.7 1.3 1 1.9 1.1 4.9 1.3 2.1.1 3.5 0 3.8-.3.2-.2.9-.4 1.4-.4 2.3 0 6.1-3.5 7-6.4.3-1 .6-1.4 1-1.6v-6.6c-.3-.2-.7-1-.8-2a9.6 9.6 0 0 0-1.8-3.9c-1.2-1.6-1.4-2.2-1.1-2.8.3-.6.9-.7 3.8-.7V30.1c-3.2 0-3.3.1-4.9 1.4-.9.8-1.7 1.8-1.7 2.2 0 1 1.5 2.6 2.7 3 1 .3 1.2-.3.2-1.2-.8-.8-.4-2.4.7-2.8.6-.2 1.1 0 1.8.8 1.2 1.4 1.2 3.1 0 4.4-1.4 1.6-3.6 1.7-10.1.4-5.4-1.1-5.6-1.1-8.5-.4a20 20 0 0 0-15.3 13.7l-.8 3.3c-.6 2.4-1.6 2.1-1.6-.5 0-2.8 1.1-14.6 1.5-16.3.6-2.6 2-5.2 4-7.2 3.4-3.7 7-4.6 9-2.4.6.6 1.1 1.4 1.1 1.8 0 .7-1.8 2.7-2.3 2.7s-1.1-.8-1.4-2.1c-.3-1.3-1.1-1.4-1.8-.2-.4.8-.4 1.2.2 2.5l.7 1.6 2.9.1c2.7.1 2.9 0 3.9-1 2.2-2.4 2.3-4 .2-6.8-1.8-2.6-2.9-3-6-2.2-1.6.4-3.1 1-4 1.8-1.5 1.2-2.5 1.5-2.9.8-.3-.4 4.1-4.6 7.4-7 6.3-4.7 11.2-6 15-4.2 4 1.9 5 5.3 2.4 7.8-1.6 1.6-2.8 1.7-4 .5-1.3-1.2-1.2-3 .2-3.6.6-.3 1.1-.3 1.2-.1.3 1 .9 1.5 1.3 1.2 1.2-.8-.4-3-2.2-3-1.4 0-3.6 2.4-4 4.2-.6 3.1 2.2 6.2 5.9 6.6 3.7.3 8-2.2 8.5-5 .2-.8.3-1.2.8-1.3v-2.9c-.5-.1-.6-.4-.6-1.2 0-4.2-4.8-7.9-9.8-7.4-3.8.4-5.7.8-7.5 1.8l-1.9 1-1.2-1.4-1.2-1.6c0-.6.8-.7 1.3-.1.8.8 1.1.8 4-.8 6.3-3.5 9.1-4.2 16.9-4.1V0l-3 .2a43.5 43.5 0 0 0-37.4 37.2c-.8 4.7-.8 11.4 0 14.5.8 3.2.8 3.3.4 3.5-.2.1-1.4-1.1-2.6-2.6a26.2 26.2 0 0 0-27.8-8.6 25 25 0 0 0-15.4 13.7c-1 2.1-1.3 3.3-1.5 6.3-.6 8.9 1.8 14.7 8 19.3 3 2.3 5.2 3.2 8.8 4a17.4 17.4 0 0 0 21.7-15.7c1-12.7-13.3-20.9-22.4-13-6.6 5.8-3.5 16.6 4.9 16.8 1.4 0 2-.2 3.5-1.6 2.7-2.5 2.8-4.2.1-3.7-.9.2-1.3 0-2.3-1.1-1.8-2-1.7-3.5.7-6 1.7-1.8 2.1-2 3.5-2 4.9 0 8.5 4.6 8.1 10.1a14.3 14.3 0 0 1-8.5 11.8 17 17 0 0 1-23-13.8 21 21 0 0 1 16-23.2 26 26 0 0 1 16.8 1.9 29 29 0 0 1 12.1 12.5c2 5.6 3.2 8.2 4.5 10.3 1.8 3 1.4 3.4-1.5 2.1-2.3-1.1-4.7-1.3-6.1-.6-3.9 2-5 6.8-2 9.2 2.6 2 8.5-.4 7.4-3.1-.8-2-2.1-2.1-2.1-.1 0 1-.2 1.2-1.1 1.4-.8.2-1.2.1-1.8-.6-1.5-1.9.5-4.4 3.6-4.4 2.7 0 4.4 1 8.7 4.9 4.1 3.8 4.7 5 2.5 4.5-2.6-.6-8.2-.7-10.5-.2a48 48 0 0 0-6.2 2.2 17.9 17.9 0 0 0-6.6 4.6c-3.8 3.9-5.5 7.1-5.8 11.1-.3 4.1-.9 4.1-3.7.1a52.7 52.7 0 0 0-11.7-11.4 96.6 96.6 0 0 0-16-8.2l-4-1.5-9.6-.2a42.1 42.1 0 0 0-17.6 2c-.2.2.1.6.6 1 2.8 2.3 4 3.5 4 4.2 0 1.6-2.6-.2-5.2-3.6-.6-.8-2-.6-4.7 1a35 35 0 0 0-9.4 6.9 34.8 34.8 0 0 0-11 21.6c-.1 1.9-.4 3.6-.6 3.8-.2.2-1.8.5-3.6.5l-19.3.7c-28.9 1.1-26.5 1-53.7 1.6a74 74 0 0 0-10.7.6h232.2zM209.5 13.7c.6 0 1 .2 1 .5 0 .7-.8 1.5-1.5 1.5-.3 0-.5-.4-.5-1 0-.8.2-1 1-1zm-4.4 3.2c1.2-1.3 1.4-1.4 1.4-.8 0 .5-1.6 2-2.2 2-.1 0 .2-.6.8-1.2zm-42 53.2c-1.5 0-2.4-2.8-1.3-3.9.9-.9 1.6-.6 1.4.7-.2.6-.1 1.3.1 1.4.7.4.5 1.8-.2 1.8zm-.2-6.4c-.7 0-.4-1 .7-2.1 1-1.1 2.1-1.5 2.1-.8 0 .5-2.3 2.9-2.8 2.9zm-13.2 55.8c.5.3.8.8.8 1 0 .7-1 .4-2-.6-.5-.6-1.6-1.2-2.5-1.4s-2.3-.9-3.1-1.4l-1.6-1-1.7 1.2c-1.5 1-2.1 1.1-5 1.1-3.5 0-4.6-.4-3.6-1.4a25 25 0 0 0 2-2.9c1.6-2.6 4.9-6.3 5.6-6.3.2 0 1.7-.8 3.2-1.8 4-2.6 6.2-2.4 3.2.2-1.7 1.5-3.3 3.8-3.3 4.9 0 2.1 3.2 5.1 5.6 5.1 1.8 0 4-3 3.5-5-.3-1.2-2-2.4-2.9-2-.6.2-.5.4.1 1.4.8 1.4.4 2.5-1 2.7-.9.1-2.5-1.8-2.5-3s2.3-3.7 4.4-4.7c4-2.1 6.3-2.1 12.8-.2 4.1 1.2 7.5 2.8 7.1 3.4-.1.2-.6.3-1.2.2-4-.5-6.6-.2-8.9.8-2.6 1.2-5.8 4-7.4 6.6-.6 1-1.3 1.8-1.6 1.8-.8-.1-.8.8 0 1.3zm55.3-4-.2 1.9c-.1 1.4-.9 1.8-1.9.8-1-.9-1-1.2.4-2.6 1.2-1.2 1.9-1.2 1.7-.1zm.9-2c-.3.7-1.4.8-1.4.1 0-.3-.3-.9-.7-1.3a7 7 0 0 1-1.3-1.9c-.3-.6-.7-1.1-.9-1.1-.2 0-.3-.4-.3-1 0-1.4.5-1.2 2.4.8 1.8 2 2.6 3.4 2.2 4.4zm-18.2-21.3c3.3-3.2 9.1-6 8.8-4.2-.1.4-1.4 1.4-2.9 2.3a20 20 0 0 0-7.6 7.4c-1.3 2.5-2 6.2-1.6 8.5.5 3.6 4.4 8 7.1 8 1.4 0 3.1-1 3.1-1.9 0-.3-.9-1.6-2-3-2.5-3-2.8-3.7-2.8-7.2 0-3.8.9-5.7 4.2-8.9 3.5-3.5 6.9-5.1 10.6-5 2.4 0 3.1.2 6.6 2 4 2.1 6 3.6 9 7.1a22 22 0 0 1 4.3 6.8c-.2.1-1.3-.2-2.6-.8-1.3-.6-3-1-3.7-1-3.1 0-7.5 3.3-8.4 6.4-1 3.2.9 7.3 3.6 8 3.2.8 5.6.4 6.9-1.4 1-1.4 1.2-2.1.5-3.4-1.2-2.4-3.5-3.1-4.5-1.2-.3.6-.2.8.6 1.4 2.2 1.4 0 4-2.3 2.8a5.8 5.8 0 0 1-2.7-4.4c0-1.7 1.7-4 3.7-5 3-1.4 5.8-1 8.6 1.4 2.1 1.8 2.6 3.1 2.6 7.4v3.8l-5.8.2-9.4.2H208l-.2-4.6c-.2-5.4-.8-6.8-4-8.8-2.7-1.7-5.4-2-7-.8-1.6 1.3-2.4 3.2-1.8 4.6.5 1 .6 1.1 2.4 1 1.4-.1 2.8 1.8 2.8 3.6 0 1.4-1.5 3.6-2.9 4.4-.4.2-2.6.5-4.9.6l-4.1.2-2.7-3c-3.3-3.8-4.2-5.9-4.2-10.2-.1-5.2 1.7-8.8 6.3-13.3zm-6 24.1c.5.4.8 1.1.8 1.5 0 1.4-1.4.6-1.5-.9-.1-1.4-.1-1.4.7-.6zm-3.5 1.6c-.6.4-10 .5-16.4.2-3.5-.1-6.4-.1-6.7.1-.6.4-1.7.1-1.7-.4a9 9 0 0 1 1.6-2.1c1.1-1.3 1.6-1.6 1.6-1.1 0 1 .5.9 1.6-.3 3.3-3.5 8.5-4.4 13.8-2.5 1.1.4 2.5 1.1 3.1 1.6 1.4 1 3.5 4.2 3.1 4.5zm-78.6-6.4c.1-8.6 1.6-11.8 8.9-19 2.8-2.8 3-2.9 3.7-2.2.7.6.6.8-1.6 3a17.2 17.2 0 0 0-5 9.2c-.8 6.2 5.2 11.1 11.8 9.6 3.1-.7 5.2-3.7 5.2-7.4 0-3.4-2.5-6.2-5.6-6.2-1.2 0-1.7.3-2.7 1.4-.7.8-1.2 1.8-1.2 2.2 0 .9 1.4 2.4 2.2 2.4 1 0 1.1-.7.2-1.2-1-.6-1-1.8 0-2.4 1-.5 2 0 3 1.3.9 1.2.8 1.3-.8 3.1-2 2.2-3.3 2.2-5.6-.2-2-2.1-2.5-3.8-1.6-6 1.2-2.8 4.2-6.5 6.8-8.4a36.4 36.4 0 0 1 11.5-5.8c1.6-.9 3.2-1 3.9-.4.8.8.6 1.4-.4 1.6-5.6 1.3-9.1 5.1-9.1 9.7 0 2.7 1.7 5.6 4.2 7.3 1.8 1.2 4.2 1.7 4.7.9.1-.2-1.7-2.3-4-4.6-3.2-3.2-4.1-4.4-3.8-4.8.3-.3 1.1.2 3.2 2.1l4.7 4.6 2.1 1.9 1.6-1.5c2.7-2.4 3-6 .7-8.2-1.2-1.1-4-1.3-4.9-.3-.8.8-.8 2.6-.1 3.1 1 .6 1.1.4.9-1-.2-1.3-.1-1.4.7-1.4 1.1 0 2.4 1.1 2.4 2 0 .4-.5 1.2-1.2 1.8-1.4 1.3-2.5 1.2-4.4-.4-1-.8-1.2-1.3-1.2-2.6 0-4.8 4.7-7.5 13.3-7.7 3.9-.1 4.4 0 4.9.7.6.8.5.8-2.1 1.3-1.9.4-3 .8-3.8 1.6-2 1.9-2 5.1-.1 7.4.8 1 1.3 1.2 2.7 1.2 2.9 0 5.4-2.2 4.9-4.2-.3-1.1-2.1-2.4-2.9-2-.6.2-.6.4.1 1 1.6 1.8-.6 3.3-2.4 1.6-1.3-1.2-1.2-2 .3-3.5 4.4-4.6 14.6-1 24 8.3 8.2 8.1 9.4 9.7 8.6 10.5-.4.4-1.2-.2-4.6-3a32 32 0 0 0-12.4-6.4c-6-1.5-15.2-.6-20.7 2.2-1.8.9-2.5 2.1-1.6 2.6.3.2.4.5.2.8-.2.3-.6.2-1.4-.6l-1.1-1-2.9 3.1c-1.9 2-3.3 4-4.3 6-.8 1.6-1.8 3.2-2.2 3.4-.5.3-1.8.4-3.4.2-2-.2-3-.5-4.6-1.6-3-2.1-4.9-2.5-7.2-1.6-1.1.5-2 1.2-2.3 1.8-.6 1.3-2.4 1.8-5 1.4-3.1-.3-3.3-.7-3.2-6.7zM97.8 99c.8-.8 1.5-.6 1.5.5 0 1-.9 1.6-1.6 1.2-.5-.3-.4-1.2.1-1.7zm-6.3 14.6c.8-4.3 1.6-7.2 2.7-8.8.4-.6.8-1.3.8-1.7 0-.9.9-2.2 1.5-2.2.3 0 .6.4.7.9.2.5 0 2-.4 3.4-.7 2.7-.8 9.2-.3 11.2.3 1 .2 1.4-.3 1.9-1 .9-3.8.8-4.6-.2-.7-.7-.7-1-.1-4.5z'/%3E%3C/svg%3E");
background-image: url(https://scp-sandbox-3.wikidot.com/local--files/sybox2/ht2.jpg);
}
#extrac-div-1::before,
#extrac-div-1::after {
content: "";
position: absolute;
width: 30%;
height: 27.75%;
bottom: 0;
background: linear-gradient(to top, rgb(var(--bright-accent)) 25%, rgb(var(--gray-monochrome)) 75%);
pointer-events: none;
-webkit-mask-image: var(--corner-deco);
mask-image: var(--corner-deco);
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: bottom right;
mask-position: bottom right;
z-index: 1;
}
#extrac-div-1::before { left: 0; transform: scale(-1,1); }
#extrac-div-1::after { right: 0; }
#extrac-div-2 {
--mask-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3C!-- Generator: Adobe Illustrator 23.0.5, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='drawing' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 500 500' style='enable-background:new 0 0 500 500;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0{fill:none;stroke:%23000000;stroke-width:0.25;} .st1{fill:none;stroke:%23000000;} %3C/style%3E%3Cg transform='rotate(0)'%3E%3Cg transform='translate(0,30.31659557408561)'%3E%3Cg transform='scale(0.6968340442591439,0.6968340442591439)'%3E%3Cg transform='scale(0.909593359708696,0.909593359708696)'%3E%3Ccircle class='st0' cx='285.7' cy='346.6' r='227.3'/%3E%3Cg transform='rotate(270)'%3E%3Cg transform='scale(0.9918911669592846,0.9918911669592846)'%3E%3Ccircle class='st0' cx='-349.4' cy='288.1' r='227.3'/%3E%3Cg transform='scale(0.9241725138068448,0.9241725138068448)'%3E%3Cpolygon class='st0' points='-378.1,539 -601.9,351.2 -455.8,98.1 -181.3,198.1 -232,485.8 -524.2,485.8 -574.9,198.1 -300.4,98.1 -154.3,351.2 '/%3E%3Ccircle class='st0' cx='-378.1' cy='311.7' r='227.3'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg transform='rotate(45)'%3E%3Cg transform='translate(0,30.31659557408561)'%3E%3Cg transform='scale(0.6968340442591439,0.6968340442591439)'%3E%3Cg transform='scale(0.909593359708696,0.909593359708696)'%3E%3Ccircle class='st0' cx='449.1' cy='-47.8' r='227.3'/%3E%3Cg transform='rotate(270)'%3E%3Cg transform='scale(0.9918911669592846,0.9918911669592846)'%3E%3Ccircle class='st0' cx='48.2' cy='452.8' r='227.3'/%3E%3Cg transform='scale(0.9241725138068448,0.9241725138068448)'%3E%3Cpolygon class='st0' points='52.2,717.2 -171.6,529.4 -25.6,276.3 249,376.3 198.3,664 -93.9,664 -144.6,376.3 129.9,276.3 276,529.4 '/%3E%3Ccircle class='st0' cx='52.2' cy='489.9' r='227.3'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg transform='rotate(90)'%3E%3Cg transform='translate(0,30.31659557408561)'%3E%3Cg transform='scale(0.6968340442591439,0.6968340442591439)'%3E%3Cg transform='scale(0.909593359708696,0.909593359708696)'%3E%3Ccircle class='st0' cx='285.7' cy='-442.3' r='227.3'/%3E%3Cg transform='rotate(270)'%3E%3Cg transform='scale(0.9918911669592846,0.9918911669592846)'%3E%3Ccircle class='st0' cx='445.9' cy='288.1' r='227.3'/%3E%3Cg transform='scale(0.9241725138068448,0.9241725138068448)'%3E%3Cpolygon class='st0' points='482.5,539 258.6,351.2 404.7,98.1 679.3,198.1 628.5,485.8 336.4,485.8 285.6,198.1 560.2,98.1 706.3,351.2 '/%3E%3Ccircle class='st0' cx='482.5' cy='311.7' r='227.3'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg transform='rotate(135)'%3E%3Cg transform='translate(0,30.31659557408561)'%3E%3Cg transform='scale(0.6968340442591439,0.6968340442591439)'%3E%3Cg transform='scale(0.909593359708696,0.909593359708696)'%3E%3Ccircle class='st0' cx='-108.7' cy='-605.6' r='227.3'/%3E%3Cg transform='rotate(270)'%3E%3Cg transform='scale(0.9918911669592846,0.9918911669592846)'%3E%3Ccircle class='st0' cx='610.6' cy='-109.6' r='227.3'/%3E%3Cg transform='scale(0.9241725138068448,0.9241725138068448)'%3E%3Cpolygon class='st0' points='660.7,108.7 436.9,-79.1 582.9,-332.2 857.5,-232.2 806.8,55.5 514.6,55.5 463.9,-232.2 738.4,-332.2 884.5,-79.1 '/%3E%3Ccircle class='st0' cx='660.7' cy='-118.6' r='227.3'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg transform='rotate(180)'%3E%3Cg transform='translate(0,30.31659557408561)'%3E%3Cg transform='scale(0.6968340442591439,0.6968340442591439)'%3E%3Cg transform='scale(0.909593359708696,0.909593359708696)'%3E%3Ccircle class='st0' cx='-503.1' cy='-442.3' r='227.3'/%3E%3Cg transform='rotate(270)'%3E%3Cg transform='scale(0.9918911669592846,0.9918911669592846)'%3E%3Ccircle class='st0' cx='445.9' cy='-507.2' r='227.3'/%3E%3Cg transform='scale(0.9241725138068448,0.9241725138068448)'%3E%3Cpolygon class='st0' points='482.5,-321.6 258.6,-509.4 404.7,-762.4 679.3,-662.5 628.5,-374.8 336.4,-374.8 285.6,-662.5 560.2,-762.4 706.3,-509.4 '/%3E%3Ccircle class='st0' cx='482.5' cy='-548.9' r='227.3'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg transform='rotate(225)'%3E%3Cg transform='translate(0,30.31659557408561)'%3E%3Cg transform='scale(0.6968340442591439,0.6968340442591439)'%3E%3Cg transform='scale(0.909593359708696,0.909593359708696)'%3E%3Ccircle class='st0' cx='-666.5' cy='-47.8' r='227.3'/%3E%3Cg transform='rotate(270)'%3E%3Cg transform='scale(0.9918911669592846,0.9918911669592846)'%3E%3Ccircle class='st0' cx='48.2' cy='-672' r='227.3'/%3E%3Cg transform='scale(0.9241725138068448,0.9241725138068448)'%3E%3Cpolygon class='st0' points='52.2,-499.8 -171.6,-687.6 -25.6,-940.7 249,-840.7 198.3,-553 -93.9,-553 -144.6,-840.7 129.9,-940.7 276,-687.6 '/%3E%3Ccircle class='st0' cx='52.2' cy='-727.1' r='227.3'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg transform='rotate(270)'%3E%3Cg transform='translate(0,30.31659557408561)'%3E%3Cg transform='scale(0.6968340442591439,0.6968340442591439)'%3E%3Cg transform='scale(0.909593359708696,0.909593359708696)'%3E%3Ccircle class='st0' cx='-503.1' cy='346.6' r='227.3'/%3E%3Cg transform='rotate(270)'%3E%3Cg transform='scale(0.9918911669592846,0.9918911669592846)'%3E%3Ccircle class='st0' cx='-349.4' cy='-507.2' r='227.3'/%3E%3Cg transform='scale(0.9241725138068448,0.9241725138068448)'%3E%3Cpolygon class='st0' points='-378.1,-321.6 -601.9,-509.4 -455.8,-762.4 -181.3,-662.5 -232,-374.8 -524.2,-374.8 -574.9,-662.5 -300.4,-762.4 -154.3,-509.4 '/%3E%3Ccircle class='st0' cx='-378.1' cy='-548.9' r='227.3'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg transform='rotate(315)'%3E%3Cg transform='translate(0,30.31659557408561)'%3E%3Cg transform='scale(0.6968340442591439,0.6968340442591439)'%3E%3Cg transform='scale(0.909593359708696,0.909593359708696)'%3E%3Ccircle class='st0' cx='-108.7' cy='510' r='227.3'/%3E%3Cg transform='rotate(270)'%3E%3Cg transform='scale(0.9918911669592846,0.9918911669592846)'%3E%3Ccircle class='st0' cx='-514.1' cy='-109.6' r='227.3'/%3E%3Cg transform='scale(0.9241725138068448,0.9241725138068448)'%3E%3Cpolygon class='st0' points='-556.3,108.7 -780.1,-79.1 -634.1,-332.2 -359.5,-232.2 -410.2,55.5 -702.4,55.5 -753.1,-232.2 -478.6,-332.2 -332.5,-79.1 '/%3E%3Ccircle class='st0' cx='-556.3' cy='-118.6' r='227.3'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cpolygon class='st1' points='250,488.9 418.9,418.9 488.9,250 418.9,81.1 250,11.1 81.1,81.1 11.1,250 81.1,418.9 '/%3E%3Cpolygon class='st1' points='250,474.8 408.9,408.9 474.8,250 408.9,91.1 250,25.2 91.1,91.1 25.2,250 91.1,408.9 '/%3E%3Cpolygon class='st1' points='250,460.7 399,399 460.7,250 399,101 250,39.3 101,101 39.3,250 101,399 '/%3E%3Cpolygon class='st1' points='250,446.6 389,389 446.6,250 389,111 250,53.4 111,111 53.4,250 111,389 '/%3E%3Cg transform='scale(0.763844057470318,0.763844057470318)'%3E%3Cg%3E%3Cg transform='rotate(0)'%3E%3Cg transform='translate(0,61.032677560293976)'%3E%3Cg transform='scale(0.38967322439706026,0.38967322439706026)'%3E%3Ccircle class='st1' cx='465.8' cy='683.3' r='238.9'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg transform='rotate(45)'%3E%3Cg transform='translate(0,61.032677560293976)'%3E%3Cg transform='scale(0.38967322439706026,0.38967322439706026)'%3E%3Ccircle class='st1' cx='813.7' cy='-156.6' r='238.9'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg transform='rotate(90)'%3E%3Cg transform='translate(0,61.032677560293976)'%3E%3Cg transform='scale(0.38967322439706026,0.38967322439706026)'%3E%3Ccircle class='st1' cx='465.8' cy='-996.5' r='238.9'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg transform='rotate(135)'%3E%3Cg transform='translate(0,61.032677560293976)'%3E%3Cg transform='scale(0.38967322439706026,0.38967322439706026)'%3E%3Ccircle class='st1' cx='-374.1' cy='-1344.4' r='238.9'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg transform='rotate(180)'%3E%3Cg transform='translate(0,61.032677560293976)'%3E%3Cg transform='scale(0.38967322439706026,0.38967322439706026)'%3E%3Ccircle class='st1' cx='-1214' cy='-996.5' r='238.9'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg transform='rotate(225)'%3E%3Cg transform='translate(0,61.032677560293976)'%3E%3Cg transform='scale(0.38967322439706026,0.38967322439706026)'%3E%3Ccircle class='st1' cx='-1561.9' cy='-156.6' r='238.9'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg transform='rotate(270)'%3E%3Cg transform='translate(0,61.032677560293976)'%3E%3Cg transform='scale(0.38967322439706026,0.38967322439706026)'%3E%3Ccircle class='st1' cx='-1214' cy='683.3' r='238.9'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg transform='rotate(315)'%3E%3Cg transform='translate(0,61.032677560293976)'%3E%3Cg transform='scale(0.38967322439706026,0.38967322439706026)'%3E%3Ccircle class='st1' cx='-374.1' cy='1031.2' r='238.9'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg transform='scale(0.6103267756029398,0.6103267756029398)'%3E%3Cg%3E%3Ccircle class='st1' cx='536.3' cy='536.3' r='238.9'/%3E%3Ccircle class='st1' cx='536.3' cy='536.3' r='207.3'/%3E%3Cg transform='scale(0.7354936505992292,0.7354936505992292)'%3E%3Cg transform='scale(0.8489326886449495,0.8489326886449495)'%3E%3Ccircle class='st1' cx='858.9' cy='858.9' r='238.9'/%3E%3Cg%3E%3Cg transform='rotate(0)'%3E%3Cg transform='translate(0,60.57788447993473)'%3E%3Cg transform='scale(0.3942211552006527,0.3942211552006527)'%3E%3Ccircle class='st1' cx='1811.6' cy='2024.9' r='238.9'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg transform='rotate(45)'%3E%3Cg transform='translate(0,60.57788447993473)'%3E%3Cg transform='scale(0.3942211552006527,0.3942211552006527)'%3E%3Ccircle class='st1' cx='2714' cy='-153.7' r='238.9'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg transform='rotate(90)'%3E%3Cg transform='translate(0,60.57788447993473)'%3E%3Cg transform='scale(0.3942211552006527,0.3942211552006527)'%3E%3Ccircle class='st1' cx='1811.6' cy='-2332.3' r='238.9'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg transform='rotate(135)'%3E%3Cg transform='translate(0,60.57788447993473)'%3E%3Cg transform='scale(0.3942211552006527,0.3942211552006527)'%3E%3Ccircle class='st1' cx='-367' cy='-3234.7' r='238.9'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg transform='rotate(180)'%3E%3Cg transform='translate(0,60.57788447993473)'%3E%3Cg transform='scale(0.3942211552006527,0.3942211552006527)'%3E%3Ccircle class='st1' cx='-2545.7' cy='-2332.3' r='238.9'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg transform='rotate(225)'%3E%3Cg transform='translate(0,60.57788447993473)'%3E%3Cg transform='scale(0.3942211552006527,0.3942211552006527)'%3E%3Ccircle class='st1' cx='-3448.1' cy='-153.7' r='238.9'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg transform='rotate(270)'%3E%3Cg transform='translate(0,60.57788447993473)'%3E%3Cg transform='scale(0.3942211552006527,0.3942211552006527)'%3E%3Ccircle class='st1' cx='-2545.7' cy='2024.9' r='238.9'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg transform='rotate(315)'%3E%3Cg transform='translate(0,60.57788447993473)'%3E%3Cg transform='scale(0.3942211552006527,0.3942211552006527)'%3E%3Ccircle class='st1' cx='-367' cy='2927.4' r='238.9'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg transform='scale(0.6057788447993473,0.6057788447993473)'%3E%3Cg%3E%3Cg transform='rotate(0)'%3E%3Cg transform='translate(0,82.633125035389)'%3E%3Cg transform='scale(0.17366874964611,0.17366874964611)'%3E%3Ccircle class='st1' cx='7027.1' cy='7687.8' r='238.9'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg transform='rotate(45)'%3E%3Cg transform='translate(0,82.633125035389)'%3E%3Cg transform='scale(0.17366874964611,0.17366874964611)'%3E%3Ccircle class='st1' cx='10408.6' cy='-475.8' r='238.9'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg transform='rotate(90)'%3E%3Cg transform='translate(0,82.633125035389)'%3E%3Cg transform='scale(0.17366874964611,0.17366874964611)'%3E%3Ccircle class='st1' cx='7027.1' cy='-8639.4' r='238.9'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg transform='rotate(135)'%3E%3Cg transform='translate(0,82.633125035389)'%3E%3Cg transform='scale(0.17366874964611,0.17366874964611)'%3E%3Ccircle class='st1' cx='-1136.5' cy='-12020.9' r='238.9'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg transform='rotate(180)'%3E%3Cg transform='translate(0,82.633125035389)'%3E%3Cg transform='scale(0.17366874964611,0.17366874964611)'%3E%3Ccircle class='st1' cx='-9300.1' cy='-8639.4' r='238.9'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg transform='rotate(225)'%3E%3Cg transform='translate(0,82.633125035389)'%3E%3Cg transform='scale(0.17366874964611,0.17366874964611)'%3E%3Ccircle class='st1' cx='-12681.6' cy='-475.8' r='238.9'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg transform='rotate(270)'%3E%3Cg transform='translate(0,82.633125035389)'%3E%3Cg transform='scale(0.17366874964611,0.17366874964611)'%3E%3Ccircle class='st1' cx='-9300.1' cy='7687.8' r='238.9'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg transform='rotate(315)'%3E%3Cg transform='translate(0,82.633125035389)'%3E%3Cg transform='scale(0.17366874964611,0.17366874964611)'%3E%3Ccircle class='st1' cx='-1136.5' cy='11069.3' r='238.9'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg transform='scale(0.82633125035389,0.82633125035389)'%3E%3Cg transform='scale(0.9340493129490471,0.9340493129490471)'%3E%3Ccircle class='st1' cx='1836.9' cy='1836.9' r='238.9'/%3E%3Ccircle class='st1' cx='1836.9' cy='1836.9' r='238.9'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background: radial-gradient(rgb(var(--swatch-text-general),0.275) 7.5vmin, rgb(var(--bright-accent),.675) 65%);
background-size: 100vmax 100vmax;
background-position: center;
background-repeat: no-repeat;
-webkit-mask-size: 170%;
mask-size: 170%;
-webkit-mask-position: center;
mask-position: center;
mix-blend-mode: screen;
}
#extrac-div-3 {
--mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 429 42.8'%3E%3Cg data-name='Layer 2'%3E%3Cg data-name='Layer 1'%3E%3Cpath d='M22.5 3.8c3.7 1.2 7.1 2.6 7 7.7L35.3 3H22.8Zm384 0c-3.7 1.2-7.1 2.6-7 7.7L393.9 3h12.4z'/%3E%3Cpath d='m426.7 3.8-4.3-2c.2 2.7 4.5 3.4 1.9 6.7-1.3 1.6-1.2 4.3-2.3 6.5.7-5.1-.1-9.6-4.2-12.7.8 3 2 6 2.3 9.1.3 5-2.3 8.5-6.7 10.2-4.6 1.7-8.8.9-12-2.7-3.2-3.5-5.2-7.5-8-11.1-1.5-1.8-3.5-3.1-5.5-5 1 2.4 2.1 4 2 5.6 0 .9-2 2.5-3.1 2.4-1.3-.1-3.5-1.6-3.6-2.5 0-2.1 1-4.2 1.6-6.1-18.5 0-38.1-.3-57.7.1-6.9.2-13.8 2-20.5 3.5a6.5 6.5 0 0 0-5.4 6.7 8.7 8.7 0 0 0 3 5.9 7 7 0 0 0 6.1.5c1.4-.7 1.9-3.3 2.7-5a5.5 5.5 0 0 0 .3-1.4l1.3.1c-.2 1.7.3 4-.6 5-1.6 1.6-4 3.5-6.3 3.6a7.5 7.5 0 0 1-8-5.5c-1.3-3.7-.3-7.1 2.8-9.3 2.6-1.9 5.9-3 9.4-4.6-9.7.6-19.1 1-28.5 1.9-2.5.2-5 2-7.2 3l-10.6-4-.5 1 5 3.7a8.3 8.3 0 0 1 3 8 5 5 0 0 1-5.6 4.2c-2.8-.4-4.3-2.2-3.8-5a5 5 0 0 1 2.8-3c.8-.2 2.4.6 3 1.4.5.6 0 2-.1 3l-1.4.7c-.1-.5 0-1.1-.4-1.4a10.6 10.6 0 0 0-2-1.1c0 .9-.4 2.3 0 2.6 1 .7 2.7 1.6 3.5 1.1a5.5 5.5 0 0 0 2.5-3.6c.5-4.3-4-7.6-8.6-6.8-1 .1-2.6.1-3.2-.5-4.3-4.2-4.7-4.1-8 1.3 2.9 2.4 6 4.7 8.6 7.4a12 12 0 0 1 3 5.5c.6 3-.6 5.8-3.7 6.5a7.8 7.8 0 0 1-5.9-1.6c-2.2-2-1-6 1.8-6.7a4.5 4.5 0 0 1 3.6.9 3.5 3.5 0 0 1 .8 3.2c-.4.9-2 1.3-3.2 2a7.6 7.6 0 0 1-.2-1.4l.6-2.9c-.7.2-1.9.2-2 .5-.2 1-.7 2.6-.2 3.3.8.8 2.6 1.6 3.5 1.3a5.3 5.3 0 0 0 3-3.2c1-4.7-3.1-7.9-8.8-7.2l-2.9-5.6-5.7 5.2c2.4 3.9 5.3 7.4 7 11.5 2.2 5.5-1.8 10.6-7 9.6a4.6 4.6 0 0 1-3.7-5.6c.7-2.5 2.7-4 5-2.9a5 5 0 0 1 2.4 4.2c-.4 2.1-2.2 2.8-4.5 1l2.3-2.5-.3-.8c-1 .2-2.4 0-2.9.6-.5.7-.6 2.5 0 3 1 .8 3 2 3.6 1.5 1.5-.9 3.5-2.7 3.5-4.1 0-2.2-1-5.6-2.5-6.3-2.8-1.3-4.3-2.8-4.7-5.7 0-.4-.5-.7-1-1.3l-6.4 3.5c1 5.3 2.5 10.2 2.9 15a6 6 0 0 1-8 6.2 4.8 4.8 0 0 1-2.6-3.5 6 6 0 0 1 2-4.2c.8-.7 3-.3 4 .4a3.8 3.8 0 0 1 1 3.5c-.3 1-2 1.4-3 2l-.8-1 2-3c-1-.3-2.2-.8-2.4-.6-.7 1-1.6 2.2-1.4 3.1.2 1 1.9 2.2 2.6 2 1.6-.3 3.6-1.1 4.3-2.4a6.1 6.1 0 0 0-1.3-8.1c-.8-.7-1.7-1.6-1.8-2.5-.5-6-.5-6.1-5.6-3.4-.4 4-.4 8-1.3 11.6-1.5 6.4-5.7 7.9-11 4.3h-.1c-5.3 3.6-9.5 2.1-11-4.3-.9-3.6-.9-7.5-1.3-11.6-5-2.7-5.1-2.6-5.6 3.4a4.8 4.8 0 0 1-1.8 2.5 6.1 6.1 0 0 0-1.2 8.2c.7 1.2 2.7 2 4.2 2.4.8.2 2.5-1.1 2.7-2 .2-.8-.8-2.2-1.5-3.2-.1-.2-1.4.4-2.3.7l1.9 3-.7 1c-1-.7-2.7-1.2-3-2a3.9 3.9 0 0 1 1-3.6c1-.7 3.2-1 4-.4a5.9 5.9 0 0 1 2 4.3 4.8 4.8 0 0 1-2.6 3.4 6 6 0 0 1-8-6.2c.4-4.9 1.8-9.7 3-15l-6.5-3.6c-.4.6-1 1-1 1.4-.5 2.9-1.9 4.4-4.7 5.7-1.6.7-2.5 4-2.5 6.2 0 1.4 2 3.3 3.5 4.1.7.5 2.7-.6 3.7-1.5.5-.5.4-2.3-.1-3-.6-.5-2-.4-3-.6l-.2.9 2.3 2.6c-2.2 1.7-4.1 1-4.5-1a5 5 0 0 1 2.3-4.2c2.4-1 4.4.3 5.1 2.9a4.6 4.6 0 0 1-3.7 5.5c-5.1 1-9.2-4-7-9.6 1.7-4 4.6-7.6 7-11.5l-5.7-5.1-3 5.6c-5.6-.7-9.7 2.5-8.7 7.2a5.3 5.3 0 0 0 3 3.1c1 .4 2.8-.4 3.5-1.3.5-.6 0-2.2-.2-3.3-.1-.3-1.3-.3-2-.4l.6 2.8a7.6 7.6 0 0 1-.2 1.5c-1.3-.7-2.8-1.1-3.2-2a3.5 3.5 0 0 1 .8-3.3 4.5 4.5 0 0 1 3.6-.8c2.8.7 4 4.7 1.8 6.6a7.8 7.8 0 0 1-5.9 1.7c-3-.7-4.3-3.5-3.6-6.5a12 12 0 0 1 2.9-5.5c2.6-2.7 5.7-5 8.6-7.5-3.3-5.4-3.7-5.4-8-1.2-.6.6-2.1.6-3.2.4-4.6-.7-9 2.5-8.6 6.9a5.5 5.5 0 0 0 2.6 3.5c.8.5 2.5-.4 3.5-1.1.4-.3 0-1.7 0-2.6a11 11 0 0 0-2 1.1c-.4.3-.3 1-.4 1.4l-1.4-.6c-.1-1-.7-2.5-.2-3.1.6-.8 2.3-1.6 3-1.3a5 5 0 0 1 2.9 3c.5 2.7-1 4.5-3.8 5a5 5 0 0 1-5.7-4.2 8.3 8.3 0 0 1 3-8c1.6-1.4 3.4-2.5 5-3.7l-.4-1-10.6 4c-2.3-1-4.7-2.8-7.3-3-9.4-1-18.8-1.4-28.5-2 3.5 1.7 6.8 2.7 9.4 4.6 3.2 2.2 4 5.6 2.8 9.4a7.5 7.5 0 0 1-8 5.5c-2.2-.2-4.6-2-6.3-3.7-.9-1-.4-3.3-.5-5h1.3a5 5 0 0 0 .2 1.2c.8 1.8 1.3 4.4 2.7 5a7 7 0 0 0 6.1-.5 8.7 8.7 0 0 0 3-5.8 6.4 6.4 0 0 0-5.4-6.8c-6.8-1.5-13.6-3.3-20.5-3.4C82.3 1.8 62.7 2 44.2 2c.5 2 1.6 4 1.6 6.1 0 1-2.3 2.4-3.6 2.6-1 0-3-1.6-3.1-2.5-.1-1.5 1-3.1 2-5.5-2 1.8-4 3.1-5.5 5-2.8 3.6-5 7.7-8 11a10.2 10.2 0 0 1-12 2.7c-4.4-1.7-7-5.2-6.7-10.1.2-3.1 1.5-6.1 2.3-9.1C7 5.4 6.2 9.9 7 15c-1.2-2.2-1-5-2.3-6.5-2.6-3.3 1.7-4 2-6.7l-4.4 2L0 1.9C0-1.3 2.4.5 3.4.5h422.2c1 0 3.5-1.8 3.4 1.4zM18.6 2.2c-3.3.2-6.5 4-7 7.8-.6 3.4 1.2 7.4 4.2 8.9s6 1.4 8.6-1a5.4 5.4 0 0 0 1.2-7.1 7.6 7.6 0 0 0-4.8-2.4c-1-.1-2.7 1.4-3.2 2.5-.5 1 .3 2.4.4 3.5l2.6-4.3c1.2.9 3.4 2.1 3.3 2.6-.5 1.6-1.6 3.8-3 4.2a5.2 5.2 0 0 1-4.7-1.7 7.4 7.4 0 0 1-.6-5.8c1.2-3.1 4-4.4 7.3-3.8 3.3.6 5.1 3 5.8 6.1A21.7 21.7 0 0 1 29 15l9.2-12.8c-6 0-12.8-.2-19.6 0Zm214 18.2 6.8-3.6c-5-4.4-5.2-4.4-10.2-.2zm-2-10.7c2.7 1 4.4.3 6.1-2.9l-16.1-1.4-.2 1c3.4 1.1 6.9 2 10.2 3.3zm-9.5-1c4.2 6 6.3 6.4 10.3 2.9zm9 12.2-3.1-3.7-3 1.6c1.1 4.8 1.6 5 6.2 2.1zM217 40.2c1.3 1.6 2.9 1.8 4.3 0a9.2 9.2 0 0 1-2-1.4 8.7 8.7 0 0 1-1.2-2.1c-.5.2-1.4.5-1.5.8a4 4 0 0 0 .4 2.7zm-4.8 0a4 4 0 0 0 .4-2.7c0-.3-1-.6-1.5-.8a9 9 0 0 1-1.1 2 9.5 9.5 0 0 1-2.1 1.5c1.4 1.8 3 1.6 4.3 0zm-4.4 0c0-1.6-.3-4.1.4-4.5 1.5-.6 3.5-.1 5.3-.2a7 7 0 0 0 1.1-.1 7 7 0 0 0 1.1.1c1.8 0 3.9-.4 5.3.2.7.4.3 2.9.4 4.5 3-2 2.6-4.7 1.5-7.5-.3-.9-.8-2-.4-2.7 2-3.9 1.2-7.5-1-10.8a103.4 103.4 0 0 0-6.8-8.1h-.1a103.4 103.4 0 0 0-6.8 8c-2.3 3.4-3.2 7-1 11 .3.5-.2 1.7-.5 2.6-1.1 2.8-1.4 5.4 1.5 7.4zM205 18.8l-3-1.5-3.1 3.6c4.5 2.9 5 2.7 6.1-2.1Zm-7.4-7.3c4 3.6 6.1 3.2 10.3-2.9zm11-5-.1-1-16.2 1.3c1.7 3.2 3.4 3.9 6.1 2.8 3.3-1.2 6.8-2 10.2-3.1zm-12.3 13.9 3.5-3.8c-5-4.2-5.2-4.2-10.2.2zM184.8 3.7c-2.6 2.6-5.2-.1-8-.1 2 5 3.1 5.2 10 1.8a23 23 0 0 0-2-1.7zm-2.7 6.4c3.9 5.7 4.6 5.8 10.9 1.6-4.7-4.8-4.7-4.8-11-1.6zm7.1-6.7V5c6.8.2 13.6-1.8 20.3-1.6zm19.9 8.6-5.5 3.2c4.3 2.3 4.8-.5 6-2.3zm6.5-7a4.6 4.6 0 0 0-.7-2h-.8a4.8 4.8 0 0 0-.7 2 6.7 6.7 0 0 0 .4 1.9l-3.5 2 4.1 2 .1-.1a1 1 0 0 1 0 .2l4.2-2.1-3.5-2a6.7 6.7 0 0 0 .4-2zm9.8 10.2-5.5-3.3-.5 1c1.2 1.8 1.7 4.6 6 2.3zm-5.9-11.8C226.2 3 233 5.2 239.8 5V3.4zm16.5 8.3c6.3 4.2 7 4 10.9-1.6-6.2-3.2-6.2-3.2-10.9 1.6zm8.2-8L242 5.4c7 3.4 8 3.2 10-1.9-2.7 0-5.3 2.8-8 .2zm173.3 6.2c-.6-3.8-3.8-7.6-7.1-7.7-6.8-.2-13.6 0-19.6 0l9.2 12.7a23.1 23.1 0 0 1 .3-3.3c.7-3.1 2.4-5.5 5.8-6 3.3-.6 6.1.6 7.3 3.7a7.5 7.5 0 0 1-.5 5.8 5.3 5.3 0 0 1-4.8 1.7c-1.4-.4-2.5-2.6-3-4.2-.1-.4 2.1-1.7 3.3-2.6l2.6 4.3c.2-1 .9-2.5.4-3.4-.5-1.2-2.1-2.7-3.1-2.6-1.8.2-4 1.1-4.9 2.5a5.4 5.4 0 0 0 1.2 7c2.6 2.5 5.6 2.7 8.6 1 3-1.5 4.8-5.4 4.3-8.8z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
position: absolute;
left: 0;
top: calc(var(--header-height-on-desktop) + var(--topbar-height-on-desktop) - 0.1vw);
pointer-events: none;
height: 4.25rem;
width: 100%;
background: linear-gradient(to bottom, rgb(var(--bright-accent)), rgb(var(--gray-monochrome)) 50%);
-webkit-mask-image: var(--mask-image);
-webkit-mask-position: top center;
-webkit-mask-size: contain;
-webkit-mask-repeat: repeat-x;
mask-image: var(--mask-image);
mask-position: top center;
mask-size: contain;
mask-repeat: repeat-x;
}
#top-bar {
--dropdown-links-bg-color: var(--swatch-primary), 0.5;
--topmenu-hover-border-color: var(--bright-accent);
}
#side-bar {
background-color: rgb(var(--swatch-primary-darkest))!important;
}
#side-bar .heading p {
-webkit-text-fill-color: unset;
background: initial;
-webkit-background-clip: unset;
background-clip: unset;
text-align: center;
}
#main-content {
padding-top: 5rem;
padding-inline: 1.5rem;
--pagetags-text-color: var(--swatch-primary);
}
#page-content {
max-width: 100%;
line-height: 1.625;
}
#page-content hr {
height: 0.01rem;
border: none;
box-shadow: none;
margin-block: 3.25rem;
background: unset;
background-color: rgb(var(--swatch-primary-darker));
}
#page-content hr::before, #page-content hr::after { all: unset; }
#page-title, .meta-title, #page-content :is(h1, h2, h3, h4, h5, h6) {
-webkit-background-clip: unset;
background-clip: unset;
background: unset;
background-blend-mode: unset;
-webkit-text-fill-color: unset;
color: rgb(var(--swatch-primary-darker));
}
#footer {
border-top: solid 0.125rem rgb(var(--swatch-primary-darker));
}
@media only screen and (max-width: 56.25rem) {
#header h1 {
height: calc(var(--header-height-on-desktop) - 1.25rem);
margin-top: 1.25rem;
}
#extrac-div-1, #extrac-div-2 {
height: var(--header-height-on-mobile) ;
}
#footer {
max-width: 100%;
overflow: hidden;
}
}
/*---------------------------------------------------------*/
/*---------------------------------------------------------*/
/*---------------------------------------------------------*/
.fortune-container {
--_unit: min(calc(.775rem + .825vw), .975rem);
display: flex;
flex-wrap: wrap;
gap: calc(var(--_unit)*2.875) calc(var(--_unit)*1.625);
justify-content: center;
margin-block: 2.5rem;
}
.fortune-container > br { display: none; }
#page-content ul.tarot-wrapper {
list-style: none;
margin: 0;
flex-basis: calc(var(--_unit)*18.75);
color: rgb(var(--swatch-text-light));
}
ul.tarot-wrapper:is(:hover,:focus-within) {
--gray-monochrome: var(--swatch-text-light);
}
.tarot-wrapper li {
position: relative;
padding: calc(var(--_unit)*1.375 + .125rem);
border: solid 0.125rem rgb(var(--gray-monochrome));
border-radius: calc(var(--_unit)*1.625);
transition: border-color 0.125s ease-in;
}
.tarot-wrapper li::before, .tarot-wrapper li::after {
content: "";
position: absolute;
bottom: -0.05rem; left: 50%;
transform: translate(-50%,50%) rotate(45deg);
width: 1.125rem; height: 1.125rem;
box-sizing: border-box;
background-color: rgb(var(--swatch-primary-darkest));
border: inherit;
}
.tarot-wrapper li::after {
width: .525rem; height: .525rem;
border: none;
background-color: currentColor;
transition: background-color 0.125s ease-in;
animation: pulse 1.5s linear infinite;
}
.tarot-wrapper li.yes::after { background-color: rgb(var(--gray-monochrome)); animation: unset; }
@keyframes pulse {
0% {
box-shadow: 0 0 0 0 rgb(var(--swatch-text-light), 0.875);
}
70% {
box-shadow: 0 0 0 0.75rem rgb(var(--swatch-text-light), 0);
}
100% {
box-shadow: 0 0 0 0 rgb(var(--swatch-text-light), 0);
}
}
.tarot-wrapper .foldable-list-container { display: contents; }
.tarot-wrapper li > br { display: none; }
.tarot-wrapper :is(.unfolded, .yes) .foldable-list-container { display: none; }
.tarot-wrapper .foldable-list-container a {
position: absolute;
width: 100%; height: 100%;
inset: 0;
opacity: 0;
color: transparent;
border-radius: 0;
z-index: 1;
}
.tarot-card {
display: grid;
grid-template-areas: "i";
perspective: 80rem;
}
.tarot-card .content,
.tarot-card::after {
grid-area: i;
border-radius: calc(var(--_unit)*0.75);
transition: transform 0.75s ease;
transform-style: preserve-3d;
backface-visibility: hidden;
}
.tarot-card .content { transform: rotateY( 180deg ); }
.tarot-card::after {
content: "";
display: block;
background: url(https://scp-sandbox-3.wdfiles.com/local--files/sybox2/tarotback.png) center no-repeat;
background-size: cover;
background-color: rgb(var(--dark-gray-monochrome));
border: solid 0.1rem rgb(255 254 255 / 85%);
}
li:where(.unfolded, .yes) .tarot-card .content { transform: rotateY( 0deg ); }
li:where(.unfolded, .yes) .tarot-card::after { transform: rotateY( -180deg ); }
.tarot-card .content {
aspect-ratio: 2.75/4.125;
text-align: center;
background-color: rgb(var(--swatch-primary-darkest));
overflow: hidden;
display: grid;
grid-template-rows: auto 1fr auto;
grid-template-columns: 1fr;
isolation: isolate;
}
.tarot-card .content > * { grid-column: 1/2; }
.tarot-card .content > br { display: none; }
.tarot-card .content > img {
grid-row: 1/4;
height: 100%; width: 100%;
object-fit: cover;
z-index: -2;
}
.tarot-card .content > a {
position: absolute;
inset: 0;
width: 100%; height: 100%;
z-index: -1;
opacity: 0; color: transparent;
}
.author-ribbon {
font-family: var(--UI-font);
font-size: min(calc(var(--_unit)*.675 + .75vw), 1rem);
text-align: center;
width: max-content;
min-width: 7.25em;
background-color: rgb(var(--swatch-primary-darkest));
padding: 0.25em 0.75em;
position: absolute;
border: inherit;
border-radius: 1.75rem;
top: -0.125rem;
left: 50%;
transform: translate(-50%, -50%);
clip-path: inset(0 50% 0 50% round 2rem);
transition: clip-path 0.225s ease-out 0.5s;
}
:is(.unfolded, .yes) .author-ribbon {
clip-path: inset(0 round 2rem);
}
/*-------- Blank card setting --------*/
.tarot-wrapper.blank {
cursor: not-allowed;
opacity: 0.475;
}
.tarot-wrapper.blank .tarot-card { filter: contrast(0.875) saturate(0.75) brightness(0.5); }
.tarot-wrapper.blank .tarot-card::after { transform: initial; }
.tarot-wrapper.blank li::after,
.tarot-wrapper.blank :is(.foldable-list-container, .author-ribbon, .content) { content: initial; visibility: hidden; }