.df-metals-region{display:flow-root;width:100%;background:#fff}.df-metals{padding:0 24px 18px;text-align:center;color:#102d4f;background:transparent;border:0;box-sizing:border-box}.df-metals.df-metals--white{background:#fff}.df-metals__heading{color:#102d4f;font-family:inherit;font-size:14px;font-weight:500;line-height:1.5;margin:0;text-transform:none;letter-spacing:.02em}.df-metals__grid{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 0 16px;padding-top:4px}.df-metals__click-hint{position:absolute;left:50%;top:30.6px;transform:translate(-50%,-50%);display:block;width:48px;height:48px;line-height:0;pointer-events:none;z-index:1}.df-metals__click-label{font-size:10px;line-height:1.2;font-weight:400;color:#102d4f}.df-metals__button{position:relative;isolation:isolate;background:linear-gradient(115deg,var(--df-metal-shadow) 0%,var(--df-metal-mid) 24%,var(--df-metal-light) 46%,var(--df-metal-mid) 67%,var(--df-metal-shadow) 100%);border:0;color:#102d4f;box-sizing:border-box;width:70%;justify-self:center;height:53.2px;min-height:53.2px;padding:0 8.4px;font:inherit;line-height:1.2;cursor:pointer;border-radius:999px;-webkit-tap-highlight-color:transparent;box-shadow:none}.df-metals__button:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;z-index:-1;border-radius:999px;pointer-events:none;background:#0000;box-shadow:0 0 0 1px #426b9600,inset 0 0 0 1px #426b96,inset 0 3px 7px #0000,inset 0 1px 2px #0000;transform:scale(1);transition:transform .35s cubic-bezier(.2,.8,.3,1),box-shadow .35s ease,background-color .35s ease}.df-metals__label{position:relative;z-index:1;display:inline-block;transition:transform .35s cubic-bezier(.2,.8,.3,1)}.df-metals__button[data-metal=yellow]{--df-metal-shadow:#B58B37;--df-metal-mid:#DDB85C;--df-metal-light:#F7E7B5}.df-metals__button[data-metal=white]{--df-metal-shadow:#B9B9B5;--df-metal-mid:#E0E0DC;--df-metal-light:#FAFAF7}.df-metals__button[data-metal=rose]{--df-metal-shadow:#B77A68;--df-metal-mid:#DDA793;--df-metal-light:#F5D7C9}.df-metals__button[data-metal=platinum]{--df-metal-shadow:#9BA3A8;--df-metal-mid:#CAD0D3;--df-metal-light:#EDF0F2}.df-metals__button[aria-pressed=true]{outline:none;font-weight:700}.df-metals__button[aria-pressed=true]:before{transform:scale(.975);background:#00000012;box-shadow:0 0 0 1px #426b9600,inset 0 0 0 1px #102d4f,inset 0 3px 7px #0000004d,inset 0 1px 2px #00000038;transition:transform .2s cubic-bezier(.3,.7,.4,1),box-shadow .2s ease,background-color .2s ease}.df-metals__button[aria-pressed=true] .df-metals__label{transform:translateY(1px)}.df-metals__button.is-pressing:before{animation:df-ring-press .45s cubic-bezier(.3,.7,.4,1) both}.df-metals__button.is-releasing:before{animation:df-ring-release .4s cubic-bezier(.2,.8,.3,1) both}@keyframes df-ring-press{0%{transform:scale(1)}45%{transform:scale(.95)}70%{transform:scale(.98)}to{transform:scale(.975)}}@keyframes df-ring-release{0%{transform:scale(.975)}to{transform:scale(1)}}.df-metals__button:focus{outline:none}.df-metals__button:focus-visible,.df-metals__clear:focus-visible{outline:3px solid #222;outline-offset:4px}.df-metals__clear{background:none;border:0;cursor:pointer;font:inherit}.df-metals__status{min-height:1.5em;margin:8px 0 0}.df-material-pages{display:flex;justify-content:center;gap:12px;margin:32px 0;flex-wrap:wrap}.df-material-pages a{padding:10px 16px;border:1px solid currentColor;color:inherit}.df-material-pages [aria-current=page]{font-weight:700;text-decoration:underline}@media(max-width:749px){.df-metals__click-hint{top:26.4px}.df-metals__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.df-metals__button{height:44.8px;min-height:44.8px}}@media(hover:hover)and (max-width:989px){.card-wrapper:hover .media.media--hover-effect>img:first-child:not(:only-child){opacity:0}.card-wrapper:hover .media.media--hover-effect>img+img{opacity:1;transition:transform var(--duration-long) ease;transform:scale(1.03)}}.df-metals__click-halo{position:absolute;top:2px;left:calc(50% - 8px);width:16px;height:16px;border-radius:50%;background:radial-gradient(circle,rgba(16,45,79,.16) 0%,rgba(16,45,79,.07) 46%,transparent 72%);box-shadow:0 0 8px #102d4f1a;animation:df-click-halo 2.4s ease-out infinite;pointer-events:none}.df-metals__click-hint svg:not(.df-metals__halo-visible),.df-metals__click-label{position:relative;z-index:1}@keyframes df-click-halo{0%{transform:translate(-5px,-2px) scale(.65);opacity:0}25%{opacity:.75}to{transform:translate(-5px,-2px) scale(2.5);opacity:0}}@media(prefers-reduced-motion:reduce){.df-metals__click-halo{animation:none;transform:translate(-5px,-2px) scale(1.3);opacity:.45}.df-metals__button:before,.df-metals__label{transition:none}.df-metals__button.is-pressing:before,.df-metals__button.is-releasing:before{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/20/compiled_assets/styles.css.map?subset=AAAC */